:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--bg:#f6f9fe;--panel:#fff;--panel-strong:#edf4ff;--line:#dbe6f4;--line-strong:#b8cbe5;--text:#16243a;--muted:#65758b;--accent:#4b8bf4;--accent-strong:#2563eb;--accent-ink:#fff;--warm:#b86500;--danger:#d33434;background:var(--bg);color:var(--text);font-family:Geist,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 17% 5%, #4b8bf421, transparent 28rem), radial-gradient(circle at 82% 100%, #2563eb12, transparent 31rem), var(--bg);min-width:320px}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:relative;box-shadow:0 1px 8px #2346780a}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark,.project-icon{color:#fff;letter-spacing:-.04em;background:var(--accent);border:1px solid #3778e3;border-radius:8px;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid;box-shadow:0 5px 14px #4b8bf438}.brand-copy{gap:2px;display:grid}.brand-copy strong{letter-spacing:.01em;font-size:14px}.brand-copy span{color:var(--muted);font-size:11px}.header-actions,.picker-actions,.state-actions,.toolbar-actions,.document-title-row{align-items:center;display:flex}.header-actions{gap:20px}.local-badge{color:#52647b;align-items:center;gap:8px;font-size:12px;display:inline-flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4b8bf41f}.github-link{color:#40536c;font-size:13px;text-decoration:none}.github-link:hover{color:var(--accent)}main{min-height:calc(100vh - 76px)}.welcome-screen{grid-template-rows:1fr auto;grid-template-columns:minmax(300px,.88fr) minmax(430px,1.12fr);align-items:center;gap:32px 72px;width:min(1180px,100% - 64px);min-height:calc(100vh - 76px);margin:0 auto;padding:88px 0 46px;display:grid}.hero-copy{align-self:center}.eyebrow,.sidebar-label{color:var(--accent);letter-spacing:.18em;margin:0 0 20px;font-size:11px;font-weight:750}.hero-copy h1,.state-screen h1{letter-spacing:-.055em;margin:0;font-size:clamp(46px,5.2vw,72px);font-weight:700;line-height:1.02}.hero-copy h1 span{color:var(--accent-strong)}.hero-description{color:#586a82;max-width:520px;margin:30px 0 0;font-size:16px;line-height:1.7}.non-affiliation{color:#7a8798;margin:15px 0 0;font-size:11px;font-weight:500}.drop-zone{text-align:center;background:linear-gradient(#fffffff5,#f5f9fff7),repeating-linear-gradient(0deg,#0000 0 31px,#4b8bf40b 32px),repeating-linear-gradient(90deg,#0000 0 31px,#4b8bf40b 32px);border:1px dashed #4b8bf494;border-radius:26px;align-content:center;justify-items:center;min-height:590px;padding:40px 48px;transition:border-color .16s,transform .16s,background-color .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px #395b911f,inset 0 1px #fff}.drop-zone:before,.drop-zone:after{content:"";border-color:var(--accent);opacity:.68;width:24px;height:24px;position:absolute}.drop-zone:before{border-top:1px solid;border-left:1px solid;top:18px;left:18px}.drop-zone:after{border-bottom:1px solid;border-right:1px solid;bottom:18px;right:18px}.drop-zone.is-dragging{border-color:var(--accent-strong);background-color:#4b8bf414;transform:translateY(-3px)}.drop-graphic{width:122px;height:104px;margin-bottom:26px;position:relative}.file-card{width:76px;height:94px;color:var(--accent-strong);background:linear-gradient(#fff,#eff5ff);border:1px solid #4b8bf47a;border-radius:9px;place-items:end start;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;display:grid;position:absolute;box-shadow:0 16px 32px #31568e2e}.file-card:before{content:"";border-top:1px solid #4b8bf473;border-bottom:1px solid #4b8bf43d;width:38px;height:25px;position:absolute;top:15px;left:12px;box-shadow:0 8px #4b8bf421}.file-card-back{opacity:.62;top:2px;left:10px;transform:rotate(-9deg)}.file-card-front{bottom:0;right:8px;transform:rotate(6deg)}.drop-zone h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:650}.drop-zone>div>p{max-width:420px;color:var(--muted);margin:10px auto 0;font-size:13px;line-height:1.55}.picker-actions,.state-actions{gap:10px;margin-top:30px}.primary-button,.secondary-button,.download-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-height:43px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.primary-button{border:1px solid var(--accent);color:var(--accent-ink);background:var(--accent);box-shadow:0 10px 24px #4b8bf438}.primary-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.secondary-button,.download-button{border:1px solid var(--line-strong);color:#314866;background:#fff}.secondary-button:hover,.download-button:hover{background:#f0f6ff;border-color:#4b8bf49e}.supported-files{color:#71829a;letter-spacing:.03em;margin:22px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.source-divider{color:#7a8aa0;letter-spacing:.14em;align-items:center;gap:13px;width:min(100%,470px);margin:24px 0 15px;font-size:9px;font-weight:750;display:flex}.source-divider:before,.source-divider:after{content:"";background:var(--line);flex:1;height:1px}.source-divider span{flex:none}.github-import-form{border:1px solid var(--line-strong);background:#fff;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;width:min(100%,470px);transition:border-color .12s;display:grid;overflow:hidden;box-shadow:0 4px 16px #395b910f}.github-import-form:focus-within{border-color:#4b8bf4bf;box-shadow:0 0 0 3px #4b8bf41a}.github-input-mark{color:#617895;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800;display:grid}.github-import-form input{min-width:0;height:44px;color:var(--text);background:0 0;border:0;outline:0;padding:0 9px 0 0;font-size:11px}.github-import-form input::placeholder{color:#93a0b2}.github-import-form button{color:#fff;cursor:pointer;background:var(--accent);border:1px solid #3778e3;border-radius:7px;margin:4px;padding:0 13px;font-size:10px;font-weight:750}.github-import-form button:hover{background:var(--accent-strong);border-color:#245fc3}.github-import-form button:disabled{cursor:wait;opacity:.62}.drop-zone .github-import-hint{color:#77879d;max-width:450px;margin:10px 0 0;font-size:10px;line-height:1.45}.privacy-note{color:#53667f;grid-column:1/-1;justify-self:center;align-items:center;gap:12px;font-size:12px;display:flex}.privacy-note div{gap:2px;display:grid}.privacy-note strong{color:#2d415c;font-size:12px}.privacy-note span:last-child{color:#718198}.privacy-icon{width:27px;height:27px;color:var(--accent);background:#4b8bf414;border:1px solid #4b8bf466;border-radius:50%;place-items:center;display:grid}.state-screen{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 76px);padding:48px 24px;display:grid}.state-screen h1{max-width:720px;font-size:clamp(42px,5vw,64px)}.state-screen>p:last-of-type,.error-description{max-width:620px;color:var(--muted);margin:22px auto 0;line-height:1.65}.loader-orbit{border:1px solid #4b8bf43d;border-radius:50%;width:82px;height:82px;margin-bottom:30px;position:relative}.loader-orbit:before,.loader-orbit:after{content:"";border-radius:50%;position:absolute}.loader-orbit:before{border:1px dashed #4b8bf475;animation:4s linear infinite reverse spin;inset:14px}.loader-orbit:after{background:var(--accent);inset:31px;box-shadow:0 0 22px #4b8bf473}.loader-orbit span{background:var(--warm);transform-origin:4px 45px;border-radius:50%;width:8px;height:8px;animation:1.8s linear infinite spin;position:absolute;top:-4px;left:calc(50% - 4px)}@keyframes spin{to{transform:rotate(360deg)}}.error-mark{width:72px;height:72px;color:var(--danger);background:#d334340f;border:1px solid #d3343459;border-radius:22px;place-items:center;margin-bottom:26px;font-family:inherit;font-size:42px;display:grid}.error-eyebrow{color:var(--danger)}.report-privacy{font-size:11px}.viewer-screen{grid-template-columns:286px minmax(0,1fr);height:calc(100vh - 76px);display:grid;overflow:hidden}.project-sidebar{border-right:1px solid var(--line);background:#f8faff;flex-direction:column;min-height:0;display:flex}.project-summary{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);gap:12px;padding:22px 20px 18px;display:grid}.project-icon{border-radius:10px;width:42px;height:42px;font-size:20px}.sidebar-label{color:#72839a;margin:1px 0 5px;font-size:9px}.project-summary h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.project-summary p:last-child{color:var(--muted);margin:4px 0 0;font-size:11px}.document-navigation{flex:1;min-height:0;padding:12px 10px 22px;overflow-y:auto}.navigation-group+.navigation-group{margin-top:20px}.navigation-group-title{color:#73849b;letter-spacing:.15em;justify-content:space-between;align-items:center;margin:0 10px 7px;font-size:9px;font-weight:800;display:flex}.navigation-group-title span{color:#73849b;letter-spacing:0;background:#eaf1fb;border-radius:6px;place-items:center;min-width:19px;height:19px;font-size:9px;display:grid}.document-nav-button{color:#53667f;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:9px 10px;display:grid}.document-nav-button:hover{color:#213955;background:#edf4ff}.document-nav-button.is-active{color:var(--text);background:#e8f1ff;border-color:#4b8bf447}.nav-kind{border:1px solid var(--line);width:28px;height:28px;color:var(--accent);background:#fff;border-radius:7px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:800;display:grid}.nav-copy{gap:3px;min-width:0;display:grid}.nav-copy strong,.nav-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-copy strong{font-size:11px;font-weight:650}.nav-copy span{color:#75869c;font-size:9px}.project-warning{background:#fff8ed;border:1px solid #b8650038;border-radius:9px;gap:9px;margin:8px 12px 12px;padding:12px;display:grid}.project-warning div{gap:3px;display:grid}.project-warning strong{color:#8d5209;font-size:10px}.project-warning span{color:#876f4f;font-size:9px;line-height:1.45}.project-warning a{color:var(--warm);font-size:9px;font-weight:750;text-decoration:none}.open-another-button{border:1px solid var(--line);color:#566b85;cursor:pointer;text-align:left;background:#fff;border-radius:8px;margin:0 12px 14px;padding:11px 12px;font-size:10px}.open-another-button:hover{color:var(--accent);border-color:#4b8bf46b}.document-workspace{background:#eef3fa;grid-template-rows:auto minmax(0,1fr) 29px;min-width:0;min-height:0;display:grid}.document-toolbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:13px 20px;display:flex}.document-heading{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.document-kind-icon{width:42px;height:42px;color:var(--accent);background:#eef5ff;border:1px solid #4b8bf459;border-radius:10px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800;display:grid}.document-title-row{gap:9px;min-width:0}.document-title-row h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.format-badge{border:1px solid var(--line);color:#61738b;text-transform:uppercase;border-radius:5px;flex:none;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:700}.document-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.toolbar-actions{flex:none;gap:8px}.view-selector-label{color:#687991;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.view-selector{border:1px solid var(--line);color:#2a405d;cursor:pointer;background:#fff;border-radius:8px;min-width:142px;height:36px;padding:0 31px 0 11px;font-size:10px}.zoom-controls{border:1px solid var(--line);border-radius:8px;height:36px;display:inline-flex;overflow:hidden}.zoom-controls button{border:0;border-right:1px solid var(--line);color:#49617e;cursor:pointer;background:#fff;min-width:34px;font-size:13px}.zoom-controls button:last-child{border-right:0}.zoom-controls button:hover,.zoom-controls .fit-button.is-active{color:var(--accent);background:#edf4ff}.zoom-controls .fit-button{min-width:44px;font-size:9px;font-weight:700}.download-button{min-height:36px;padding:0 13px;font-size:9px}.canvas-viewport{cursor:grab;background-color:#eef3f9;background-image:linear-gradient(45deg,#4b8bf406 25%,#0000 25%),linear-gradient(-45deg,#4b8bf406 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#4b8bf406 75%),linear-gradient(-45deg,#0000 75%,#4b8bf406 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;min-width:0;min-height:0;position:relative;overflow:auto}.canvas-viewport.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.svg-stage{place-items:center;width:100%;min-width:100%;min-height:100%;padding:32px;display:grid}.svg-stage img{background:#fff;border:1px solid #cfdaea;transition:opacity .12s;display:block;box-shadow:0 24px 60px #314d752e}.svg-stage.is-loading img{opacity:.22}.svg-stage.is-fit img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 214px)}.render-loader{z-index:2;border:1px solid var(--line);color:#52677f;background:#fffffff0;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:9px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #314d7526}.render-loader span{border:1px solid #4b8bf440;border-top-color:var(--accent);border-radius:50%;width:9px;height:9px;animation:.8s linear infinite spin}.workspace-statusbar{border-top:1px solid var(--line);color:#71829a;background:#fff;justify-content:space-between;align-items:center;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}@media (max-width:980px){.welcome-screen{grid-template-columns:1fr;gap:44px;padding-top:60px}.hero-copy{text-align:center}.hero-description{margin-left:auto;margin-right:auto}.drop-zone{min-height:560px}.viewer-screen{grid-template-columns:220px minmax(0,1fr)}.document-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.toolbar-actions{width:100%}.view-selector{flex:1}.svg-stage.is-fit img{max-height:calc(100vh - 260px)}}@media (max-width:700px){.site-header{height:66px;padding:0 18px}.local-badge{display:none}main{min-height:calc(100vh - 66px)}.welcome-screen{width:min(100% - 28px,580px);min-height:calc(100vh - 66px);padding:46px 0 32px}.hero-copy h1{font-size:46px}.drop-zone{min-height:560px;padding:32px 20px}.github-import-form{grid-template-columns:34px minmax(0,1fr)}.github-import-form button{grid-column:1/-1;min-height:38px}.picker-actions,.state-actions{flex-direction:column;align-items:stretch;width:100%}.privacy-note{align-items:flex-start}.viewer-screen{grid-template-rows:180px minmax(0,1fr);grid-template-columns:1fr;height:calc(100vh - 66px)}.project-sidebar{border-right:0;border-bottom:1px solid var(--line)}.project-summary{padding:12px 14px 10px}.document-navigation{gap:8px;padding:8px 10px;display:flex;overflow:auto hidden}.navigation-group{gap:5px;display:flex}.navigation-group+.navigation-group{margin-top:0}.navigation-group-title,.project-warning,.open-another-button{display:none}.document-nav-button{flex:none;width:160px}.document-toolbar{min-height:auto;padding:10px 12px}.download-button,.view-selector-label{display:none}.svg-stage{padding:16px}.svg-stage.is-fit img{max-height:calc(100vh - 390px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
