:root{--navy:#0b1c33;--navy-2:#122844;--steel:#1b3556;--bronze:#c9a227;--bronze-2:#e0b84a;--paper:#f4f0e6;--ink:#132033;--muted:#5d6b7a;--line:#c9a22747;--danger:#b42318;--shadow:0 18px 50px #08122038;--sans:"Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--display:"Segoe UI Semibold", "Segoe UI", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--navy);min-height:100%;color:var(--ink);font-family:var(--sans);margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #c9a22729, transparent 50%), radial-gradient(900px 500px at 100% 0%, #508cc81f, transparent 45%), var(--navy)}button,input,textarea{font:inherit}button{cursor:pointer}.landing{min-height:100vh;color:var(--paper);flex-direction:column;display:flex}.landing-nav,.landing-foot{justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.brand,.brand-mini{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand strong{letter-spacing:.04em;display:block}.brand em{color:var(--bronze-2);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-style:normal;display:block}.mark{width:36px;height:36px;color:var(--bronze-2)}.nav-link{color:var(--paper);opacity:.8;font-size:14px;text-decoration:none}.hero{flex:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;width:100%;max-width:1180px;margin:0 auto;padding:24px 32px 48px;display:grid}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--bronze-2);margin:0 0 12px;font-size:12px}.hero h1{font-family:var(--display);margin:0 0 16px;font-size:clamp(32px,5vw,56px);line-height:1.05}.lede{color:#f4f0e6d1;max-width:42rem;font-size:18px;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn{border:0;border-radius:999px;padding:12px 20px;font-weight:600}.btn.primary{background:var(--bronze);color:var(--navy)}.btn.primary:disabled{opacity:.6;cursor:wait}.btn.ghost{color:var(--paper);background:0 0;border:1px solid #f4f0e647}.dropzone{text-align:center;background:#0b1c3366;border:1px dashed #c9a2278c;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:280px;padding:32px;display:flex}.dropzone:hover,.dropzone:focus-visible{border-color:var(--bronze-2);background:#12284499;outline:none}.drop-icon{width:42px;height:42px;color:var(--bronze-2)}.dropzone span{color:#f4f0e6a6;font-size:14px}.features{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:100%;max-width:1180px;margin:0 auto;padding:0 32px 40px;display:grid}.features article{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:18px}.features h2{color:var(--bronze-2);margin:0 0 8px;font-size:16px}.features p{color:#f4f0e6bf;margin:0;font-size:14px;line-height:1.45}.landing-foot{color:#f4f0e68c;font-size:13px}.error{color:#ffb4a9;margin-top:12px}.editor{height:100vh;color:var(--paper);background:#0a1628;grid-template-rows:auto 1fr auto;display:grid}.toolbar{background:var(--navy-2);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.toolbar-brand{align-items:center;gap:10px;min-width:120px;display:flex}.brand-mini{width:32px;height:32px;color:var(--bronze);border:1px solid var(--bronze);background:#081322;border-radius:6px;justify-content:center;align-items:center;padding:3px;display:flex}.brand-mini .mark{width:22px;height:22px}.file-name{text-overflow:ellipsis;white-space:nowrap;color:#f4f0e6cc;max-width:160px;font-size:13px;overflow:hidden}.tool-group{border-right:1px solid #ffffff14;align-items:center;gap:4px;padding:0 6px;display:flex}.tool-group:last-child{border-right:0}.icon-btn{width:34px;height:34px;color:var(--paper);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-btn svg{width:18px;height:18px}.icon-btn:hover,.icon-btn.active{color:var(--bronze-2);background:#c9a2272e}.icon-btn.primary{background:var(--bronze);color:var(--navy)}.icon-btn.danger:hover{color:#ffb4a9;background:#b4231833}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.swatch{border:2px solid #0000;border-radius:50%;width:18px;height:18px}.swatch.active{border-color:#fff}.size{color:#f4f0e6b3;align-items:center;gap:4px;font-size:11px;display:flex}.size input{width:72px}.zoom-label{text-align:center;min-width:40px;font-size:12px}.editor-body{grid-template-columns:132px 1fr;min-height:0;display:grid}.editor-body:has(.fields-panel){grid-template-columns:132px 1fr 320px}.sidebar{background:#081322;flex-direction:column;gap:10px;padding:12px 10px;display:flex;overflow:auto}.thumb{color:inherit;background:#0d1c30;border:1px solid #0000;border-radius:8px;padding:6px;position:relative}.thumb.active{border-color:var(--bronze)}.thumb canvas{background:#fff;width:100%;height:auto;display:block}.thumb span{text-align:center;margin-top:4px;font-size:11px;display:block}.badge{background:var(--bronze);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:10px}.viewer{background-color:#152238;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:start center;padding:28px;display:grid;overflow:auto}.page-stage{box-shadow:var(--shadow);background:#fff;position:relative}.page-canvas,.anno-svg{pointer-events:none;position:absolute;inset:0}.page-canvas{background:#fff}.page-overlay{touch-action:none;position:absolute;inset:0}.svg-text{font-family:var(--sans);white-space:pre-wrap;height:100%;line-height:1.25;overflow:hidden}.text-editor,.field-editor,.text-hit{resize:none;font-family:var(--sans);background:0 0;border:0;margin:0;padding:0;line-height:1.25;position:absolute}.text-hit{background:0 0}.field-editor{color:#0000;caret-color:#122033;box-sizing:border-box;cursor:text;background:0 0;border:1px solid #0000;padding:0 3px}.field-editor:hover:not(:focus){background:#fff6;border-color:#c9a2278c}.field-editor:focus,.field-editor.active,.field-editor.dirty{color:#122033;border-color:var(--bronze);background:#fff}.hint{background:var(--navy);color:var(--bronze-2);border-radius:999px;justify-self:center;padding:8px 12px;font-size:13px;position:sticky;bottom:12px}.status{background:var(--navy-2);border-top:1px solid var(--line);color:#f4f0e6b3;text-transform:capitalize;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:flex}.privacy-pill{text-transform:none;align-items:center;gap:6px;display:flex}.privacy-pill svg{width:14px;height:14px;color:var(--bronze-2)}.modal-backdrop{z-index:20;background:#060c169e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(720px,100%);color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:16px}.modal header{justify-content:space-between;align-items:center;display:flex}.modal h2{margin:0;font-size:18px}.modal .icon-btn{color:var(--ink)}.sig-pad{cursor:crosshair;touch-action:none;border:1px solid #d7d2c4;border-radius:10px;width:100%;max-width:640px;height:220px;margin:16px 0}.modal footer{justify-content:flex-end;gap:8px;display:flex}.modal .btn.ghost{color:var(--ink);border-color:#d7d2c4}.shortcuts{gap:8px;margin:16px 0;display:grid}.shortcuts div{border-bottom:1px solid #eee;justify-content:space-between;gap:16px;padding-bottom:8px;display:flex}.shortcuts dt{font-family:ui-monospace,Consolas,monospace;font-size:13px}.shortcuts dd{color:var(--muted);margin:0}.privacy{color:var(--muted);font-size:13px}.fields-panel{border-left:1px solid var(--line);color:var(--paper);background:#0d1a2c;padding:12px 12px 24px;overflow:auto}.fields-panel h2{margin:0;font-size:15px}.fields-panel header p,.fields-empty{color:#f4f0e6a6;font-size:12px}.fields-panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-2);margin:16px 0 8px;font-size:12px}.option-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.option-list label{align-items:center;gap:8px;font-size:13px;display:flex}.sheet-scroll{border:1px solid #ffffff14;border-radius:8px;max-height:calc(100vh - 280px);overflow:auto}.sheet{border-collapse:collapse;min-width:100%;font-size:11px}.sheet th,.sheet td{border:1px solid #ffffff14;min-width:72px;padding:0}.sheet thead th{white-space:nowrap;background:#12233f;padding:6px 4px;font-weight:600;position:sticky;top:0}.sheet tbody th{text-align:left;background:#12233f;padding:4px 6px;position:sticky;left:0}.sheet input{width:100%;color:var(--paper);background:0 0;border:0;min-width:64px;padding:5px 4px}.sheet td.dirty input{background:#c9a22729}.sheet td.empty input{background:#ffffff08}@media (width<=900px){.hero,.features{grid-template-columns:1fr}.landing-nav,.landing-foot,.hero,.features{padding-left:16px;padding-right:16px}:is(.editor-body,.editor-body:has(.fields-panel)){grid-template-rows:108px 1fr auto;grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto}.thumb{min-width:72px}.file-name{display:none}}