.view-shell{max-width:var(--wide);margin:0 auto;padding:2rem 1.25rem 5rem}.loader{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}@media(min-width:54rem){.loader{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.loader .card{display:flex;flex-direction:column}.loader h2{margin:0 0 .35rem;font-size:1.05rem}.loader p.hint{margin:0 0 1rem;font-size:.86rem;color:var(--ink-soft)}.loader textarea{flex:1;min-height:11rem}.dropzone{border:1.5px dashed var(--rule);border-radius:var(--radius);padding:1.5rem;text-align:center;color:var(--ink-soft);font-size:.9rem;transition:border-color .12s ease}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.result-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--rule)}.result-bar .title{font-weight:620;margin-right:auto}openresult-viewer{display:block;min-height:12rem}.diagnostics{margin:1rem 0 0;padding:0;list-style:none;font-size:.88rem}.diagnostics li{padding:.55rem .8rem;border-left:3px solid var(--rule);background:var(--card);margin-bottom:.35rem;border-radius:0 6px 6px 0}.diagnostics li.error{border-left-color:var(--error)}.diagnostics li.warning{border-left-color:var(--warn)}.diagnostics code{color:var(--ink-soft)}details.api{margin-top:2.5rem;border-top:1px solid var(--rule);padding-top:1.25rem}details.api summary{cursor:pointer;font-weight:600;font-size:.95rem}details.api pre{margin-top:1rem}