.surface-shell{width:min(1120px,calc(100% - 44px));margin:28px auto}.surface-shell h1{font-size:clamp(32px,4vw,48px);margin-bottom:14px}.surface-shell .eyebrow{margin-bottom:12px}.surface-shell .lead{font-size:14px;max-width:850px}.surface-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0 10px}.view-buttons{display:flex;gap:7px;flex-wrap:wrap}.view-buttons button,.file-label{font:inherit;font-size:12px;color:var(--green);background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:3px}.view-buttons button{cursor:pointer}.view-buttons button:hover{background:var(--soft)}.file-label{display:flex;align-items:center;gap:12px}.file-label input{font-size:11px;max-width:220px}#surface-plot{width:100%;height:520px;min-height:350px}.surface-shell details{margin:25px 0;border-top:1px solid var(--line);padding-top:18px;font-size:13px}.surface-shell summary{cursor:pointer;font-weight:500}.surface-shell details>div{max-width:900px;padding-top:18px}.surface-shell pre{background:var(--soft);padding:12px;overflow:auto}.surface-shell footer{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0;font-size:12px}.surface-shell a{color:var(--green)}.surface-shell #surface-status.error{color:#a63626}@media(max-width:600px){#surface-plot{height:420px}.surface-shell{width:calc(100% - 28px)}.file-label{align-items:flex-start;flex-direction:column}.surface-controls{align-items:flex-start}}