@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap";:root{color:#20221d;font-synthesis:none;--ink:#20221d;--paper:#f5f1e8;--cream:#ebe5d8;--line:#cbc4b6;--acid:#d8ff48;--orange:#f26a3d;--pine:#344d3b;background:#f5f1e8;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{color:inherit}.landing{background:radial-gradient(circle at 78% 32%, #d8ff48b8 0 9%, transparent 9.5%), linear-gradient(115deg, transparent 0 64%, #20221d0f 64% 64.2%, transparent 64.2%), var(--paper);flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:clamp(32px,8vw,110px);display:flex}.brand-mark{border:1px solid var(--ink);place-items:center;width:56px;height:56px;margin-bottom:48px;display:grid}.brand-mark svg,.wordmark svg,.no-selection svg,.setup svg{fill:currentColor;width:36px}.eyebrow,.section-label,.state,.dev-pill,.three-up,small{letter-spacing:.08em;text-transform:uppercase;font:400 11px/1.4 DM Mono,monospace}.landing h1{letter-spacing:-.065em;max-width:1000px;margin:0 0 34px;font:500 clamp(68px,10vw,148px)/.78 Newsreader,serif}.lede{color:#4d5048;max-width:610px;font-size:clamp(17px,2vw,23px);line-height:1.45}.primary{border:1px solid var(--ink);background:var(--acid);cursor:pointer;box-shadow:3px 3px 0 var(--ink);padding:10px 15px;transition:transform .12s,box-shadow .12s}.primary:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.primary:disabled{opacity:.5;cursor:wait}.primary.large{margin-top:24px;padding:16px 20px;font-weight:600}.landing-rule{background:var(--ink);width:min(900px,100%);height:1px;margin-top:70px}.three-up{gap:clamp(24px,7vw,90px);margin-top:16px;display:flex}.app-shell{background:var(--paper);min-height:100vh}.topbar{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex}.wordmark{align-items:center;gap:9px;font:500 19px Newsreader,serif;text-decoration:none;display:flex}.wordmark svg{width:29px}.top-actions{align-items:center;gap:13px;display:flex}.dev-pill{background:var(--cream);border:1px solid var(--line);padding:6px 8px}.error-banner{background:var(--orange);color:#fff;justify-content:space-between;padding:10px 18px;font-size:13px;display:flex}.error-banner button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.workspace{grid-template-columns:255px minmax(480px,1fr) 285px;min-height:calc(100vh - 68px);display:grid}.library,.notes-panel{padding:20px 14px}.library{border-right:1px solid var(--line)}.notes-panel{border-left:1px solid var(--line);flex-direction:column;display:flex}.section-label{border-bottom:1px solid var(--ink);justify-content:space-between;margin-bottom:12px;padding:0 4px 10px;display:flex}.muted{color:#77796f;padding:8px;font-size:13px}.artifact-list{flex-direction:column;gap:5px;display:flex}.artifact-row{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:9px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 8px;display:grid}.artifact-row:hover{background:#20221d0d}.artifact-row.selected{background:var(--ink);color:var(--paper)}.artifact-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.artifact-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.artifact-copy small{opacity:.62}.status-dot{background:#aaa;border-radius:50%;width:7px;height:7px}.status-dot.ready{background:var(--acid);border:1px solid var(--ink)}.status-dot.failed{background:var(--orange)}.annotation-count{background:var(--orange);color:#fff;border-radius:10px;padding:2px 6px;font:500 10px DM Mono}.empty-card{cursor:pointer;background:0 0;border:1px dashed #8f8c82;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:170px;padding:24px 15px;display:flex}.empty-card:hover{background:var(--cream)}.empty-card small{color:#77796f}.empty-glyph{font-size:27px;font-weight:300}.canvas-column{background-image:radial-gradient(#cfc8b9 1px,#0000 1px);background-size:18px 18px;flex-direction:column;min-width:0;padding:24px;display:flex}.artifact-header{justify-content:space-between;align-items:flex-start;min-height:72px;padding:0 2px 16px;display:flex}.artifact-header h2{letter-spacing:-.03em;margin:4px 0 0;font:500 35px/1 Newsreader,serif}.artifact-header p{margin:0}.artifact-links{align-items:center;gap:13px;font-size:12px;display:flex}.artifact-links a{text-underline-offset:3px}.version-select{border:1px solid var(--ink);background:var(--paper);max-width:190px;color:var(--ink);border-radius:0;padding:6px 28px 6px 9px;font:500 11px DM Mono,monospace}.version-current{color:#a33d1d;letter-spacing:.06em;text-transform:uppercase;background:#f26a3d24;padding:5px 7px;font:500 10px DM Mono,monospace}.state{border:1px solid var(--ink);background:var(--cream);padding:5px 7px}.state.ready{background:var(--acid)}.state.failed{background:var(--orange);color:#fff}.preview-frame{border:1px solid var(--ink);background:#fff;flex:1;min-height:560px;overflow:hidden;box-shadow:7px 7px #20221d29}.preview-frame iframe{border:0;width:100%;height:100%;min-height:560px}.processing-state,.no-selection{color:#65685e;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:520px;display:flex}.processing-state small{text-transform:none;letter-spacing:0}.spinner{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-selection h2{margin:10px 0 0;font:500 40px Newsreader}.no-selection p{margin:0}.notes-empty{color:#77796f;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.notes-empty span{font:400 46px Newsreader}.notes-empty p{font-size:13px;line-height:1.5}.notes-list{flex-direction:column;gap:8px;display:flex}.note{border:1px solid var(--line);background:#ffffff61;grid-template-columns:27px 1fr;gap:8px;padding:10px;display:grid}.note.resolved,.note.dismissed{opacity:.48}.note-number{color:var(--orange);font:500 10px DM Mono}.note p{margin:0 0 8px;font-size:13px;line-height:1.4}.ipad-callout{border-top:1px solid var(--line);margin-top:auto;padding:15px 4px 0}.ipad-callout span{font:500 12px DM Mono}.ipad-callout p{color:#6d7066;font-size:11px;line-height:1.5}.setup{max-width:700px;margin:18vh auto;padding:40px}.setup h1{margin:12px 0;font:500 54px Newsreader}.setup svg{width:48px}@media (width<=980px){.workspace{grid-template-columns:210px 1fr}.notes-panel{display:none}}@media (width<=700px){.workspace{display:block}.library{border:0;border-bottom:1px solid var(--line)}.artifact-list{flex-direction:row;overflow-x:auto}.artifact-row{min-width:205px}.canvas-column{padding:14px}.preview-frame,.preview-frame iframe{min-height:520px}.landing h1{font-size:65px}.three-up{flex-direction:column;gap:6px}}