.trial__grid{display:grid;grid-template-columns:4fr 7fr;gap:1.75rem;align-items:start}.trial__notes{list-style:none;padding:0;margin:var(--space-6) 0 0;display:grid;gap:var(--space-2);font:400 .82rem/1.4 var(--font-mono);color:var(--graphite)}.trial__notes li:before{content:"— ";color:var(--red)}.trial__card{background:var(--paper-raised);border:1px solid var(--ink);border-radius:var(--radius-2);box-shadow:8px 8px 0 var(--ink);min-height:21rem;display:grid}.trial__card>[data-panel]{padding:var(--space-8)}.trial__card [hidden]{display:none!important}.drop{display:grid;justify-items:center;align-content:center;text-align:center;gap:var(--space-2);border:2px dashed var(--graphite);margin:var(--space-4);padding:var(--space-8) var(--space-4)!important;border-radius:var(--radius-1);transition:background .2s,border-color .2s}.drop.is-over{background:var(--marker-soft);border-color:var(--ink)}.drop__icon{width:4.4rem;fill:var(--ink);margin-bottom:var(--space-2)}.drop__text{font:400 var(--step-2)/1.1 var(--font-display);margin:0;max-width:18ch}.drop__or{font:400 .78rem var(--font-mono);color:var(--graphite);margin:0}.drop__btn{cursor:pointer}.drop__btn:focus-within{outline:3px solid var(--ink);outline-offset:3px}.drop__nojs{color:var(--danger)}.busy{align-content:center;display:grid;gap:var(--space-4)}.busy__file{margin:0;overflow-wrap:anywhere}.busy__bar{width:100%;height:.9rem;appearance:none;border:1px solid var(--ink);border-radius:2px;background:var(--paper-sunk);overflow:hidden}.busy__bar::-webkit-progress-bar{background:var(--paper-sunk)}.busy__bar::-webkit-progress-value{background:var(--ink);transition:width .2s}.busy__bar::-moz-progress-bar{background:var(--ink)}.busy__bar:indeterminate{background:repeating-linear-gradient(90deg,var(--ink) 0 14px,var(--paper-sunk) 14px 28px);background-size:56px 100%;animation:slide 1s linear infinite}@keyframes slide{to{background-position:28px 0}}@media(prefers-reduced-motion:reduce){.busy__bar:indeterminate{animation:none}.busy__bar::-webkit-progress-value{transition:none}.drop{transition:none}}.busy__status{margin:0;min-height:3rem}.linkbtn{background:none;border:0;padding:0;font:500 var(--step--1) var(--font-ui);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:.25em;cursor:pointer;color:var(--ink);justify-self:start}.result{display:grid;gap:var(--space-4);align-content:start}.result__title{font-size:var(--step-2)}.result__text{max-height:22rem;overflow:auto;border:1px solid var(--rule);border-radius:var(--radius-1);padding:var(--space-4);background:var(--paper)}.seg{margin:0 0 var(--space-4);display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;align-items:flex-start}.seg__t{flex:0 0 100%;font:600 .7rem/1 var(--font-mono);color:var(--red-deep);letter-spacing:.04em}:root[data-theme=dark] .seg__t{color:var(--red)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .seg__t{color:var(--red)}}.tw{display:inline-grid;justify-items:start;font:400 1.3rem/1.15 var(--font-display)}.tw time{font:400 .62rem/1.4 var(--font-mono);color:var(--graphite);margin-top:.15rem;white-space:nowrap}.result__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.result__actions .linkbtn{margin-left:auto}.result__copied{font:500 .78rem var(--font-mono);color:var(--ok);min-width:4rem}:root[data-theme=dark] .result__copied{color:#7fd18d}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .result__copied{color:#7fd18d}}.result__cta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;border-top:3px double var(--ink);padding-top:var(--space-4)}.result__cta p{margin:0;font-size:var(--step--1);color:var(--ink-soft);max-width:36ch}.result__cta-title{font:400 var(--step-1)/1.1 var(--font-display)!important;color:var(--ink)!important;margin-bottom:var(--space-1)!important}.fail{align-content:center;display:grid;gap:var(--space-4)}.fail__msg{font:400 var(--step-1)/1.3 var(--font-display);margin:0;border-left:4px solid var(--danger);padding-left:var(--space-4)}.fail__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}@media(max-width:900px){.trial__grid{grid-template-columns:1fr;gap:var(--space-4)}.trial__card{box-shadow:4px 4px 0 var(--ink)}.trial__card>[data-panel]{padding:var(--space-6) var(--space-4)}}.drop__check{margin-top:var(--space-3);min-height:0}.trial__grid>*,.trial__card>*{min-width:0}
