:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:linear-gradient(#fff 0,#f7f8fb 48%,#edf2ef 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,.legal-nav a,.action-link{font:inherit}button{color:#17202a;cursor:pointer;background:#fff;border:1px solid #cfd6dd;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}button:hover:not(:disabled){border-color:#3a6ea5;box-shadow:0 1px #3a6ea524}button:disabled{opacity:.55;cursor:not-allowed}input,select{color:#17202a;background:#fff;border:1px solid #cfd6dd;border-radius:8px;width:100%;min-height:38px;padding:0 10px}label span{color:#5a6572;margin-bottom:6px;font-size:12px;display:block}.app-shell{grid-template-columns:300px minmax(0,1fr);height:100vh;min-height:0;display:grid;overflow:hidden}.app-shell.drag-active .editor-frame{outline-offset:-2px;outline:2px solid #1f8a70}.sidebar{background:#fff;border-right:1px solid #d9dfe7;flex-direction:column;gap:14px;height:100vh;min-height:0;padding:18px;display:flex;overflow:auto}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#1f8a70;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.toolbar-title strong,.account-panel strong{line-height:1.2;display:block}.brand span{color:#66717e;font-size:13px}.panel{background:#fbfcfe;border:1px solid #dbe1e8;border-radius:8px;padding:12px}.panel-heading,.account-panel,.dialog-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.eyebrow{color:#697584;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.account-panel{background:#f1f7f5;border-color:#c9e2d9}.login-panel form{gap:10px;margin-top:10px;display:grid}.icon-button{width:38px;min-width:38px;padding:0}.icon-button.danger{color:#9f2d26}.primary{color:#fff;background:#1f8a70;border-color:#1f8a70}.primary:hover:not(:disabled){background:#176d58;border-color:#176d58}.wide{width:100%}.file-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.file-actions.single{grid-template-columns:1fr}.action-button{cursor:pointer;background:#fff;border:1px solid #cfd6dd;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:inline-flex}.action-button:hover{border-color:#3a6ea5}.action-button input{display:none}.document-list{gap:8px;min-height:0;padding-right:2px;display:grid;overflow:auto}.document-row-wrap{grid-template-columns:minmax(0,1fr) 38px;gap:6px;display:grid}.document-row{border-color:#dbe1e8;justify-content:flex-start;min-width:0;min-height:42px;padding:0 10px}.document-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-row small{color:#697584;margin-left:auto;font-size:11px}.document-row.active{background:#eef5fb;border-color:#3a6ea5}.local-only-note{color:#697584;margin:2px 0 0;font-size:13px;line-height:1.45}.legal-nav{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.legal-nav a{color:#17202a;background:#fff;border:1px solid #cfd6dd;border-radius:8px;justify-content:center;align-items:center;min-height:34px;font-size:12px;text-decoration:none;display:inline-flex}.legal-nav a:hover{border-color:#3a6ea5;box-shadow:0 1px #3a6ea524}.workspace{grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;height:100vh;min-height:0;display:grid;overflow:hidden}.toolbar{background:#ffffffeb;border-bottom:1px solid #d9dfe7;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.toolbar-title{min-width:0}.toolbar-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:42vw;overflow:hidden}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toolbar-actions button{padding:0 12px}.font-picker{background:#fff;border:1px solid #cfd6dd;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:210px;min-height:38px;padding:0 8px 0 10px;display:grid}.font-picker span{color:#5a6572;margin:0;font-size:12px}.font-picker select{background:0 0;border:0;min-width:0;min-height:30px;padding:0}.font-picker:has(select:disabled){opacity:.55}.status-bar{color:#354050;background:#fbfcfe;border-bottom:1px solid #d9dfe7;align-items:center;gap:8px;min-height:38px;padding:0 18px;display:flex}.status-bar.success{color:#176d58}.status-bar.error{color:#9f2d26;background:#fff5f2}.download-ready{color:#17202a;background:#f1f7f5;border-bottom:1px solid #c9e2d9;align-items:center;gap:12px;min-height:52px;padding:8px 18px;display:flex}.download-ready div{gap:2px;min-width:0;margin-right:auto;display:grid}.download-ready strong,.download-ready span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.download-ready span{color:#5a6572;font-size:13px}.action-link{border:1px solid #1f8a70;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;text-decoration:none;display:inline-flex}.editor-frame{contain:strict;isolation:isolate;overscroll-behavior:contain;background:#e7ebf0;grid-row:4;min-width:0;min-height:0;position:relative;overflow:hidden}.qt-container{overscroll-behavior:contain;touch-action:pan-x pan-y;width:100%;height:100%;min-height:0;overflow:hidden}.empty-state{color:#697584;pointer-events:none;align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.empty-state strong{color:#354050}.drop-overlay{z-index:5;color:#176d58;pointer-events:none;background:#f1f7f5eb;border:2px dashed #1f8a70;border-radius:8px;align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:16px}.version-strip{background:#fff;border-top:1px solid #d9dfe7;align-items:center;gap:8px;min-height:44px;padding:8px 18px;display:flex;overflow-x:auto}.version-pill{color:#354050;background:#f1f4f7;border-radius:8px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;display:inline-flex}.version-pill.ready{color:#176d58;background:#e7f5ef}.version-pill.pending_scan,.version-pill.queued{color:#7c5d00;background:#fff4cf}.version-pill.blocked{color:#9f2d26;background:#ffe7df}.version-pill.muted{color:#697584}.dialog-backdrop{z-index:20;background:#17202a57;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border:1px solid #dbe1e8;border-radius:8px;width:min(640px,100%);max-height:calc(100vh - 36px);padding:18px;overflow:auto;box-shadow:0 22px 70px #17202a33}.dialog h2{margin:0;font-size:20px}.dialog p{color:#465363;line-height:1.55}.text-edit-dialog{gap:14px;display:grid}.text-edit-dialog textarea{resize:vertical;color:#17202a;border:1px solid #cfd7e2;border-radius:8px;width:100%;min-height:140px;padding:12px;font:15px/1.45 Inter,system-ui,sans-serif}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d9dfe7;border-right:0;min-height:auto}.workspace{height:72vh;min-height:560px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-title strong{max-width:100%}.toolbar-actions{justify-content:flex-start}.download-ready{flex-wrap:wrap;align-items:stretch}.download-ready div{flex:100%}.toolbar-actions button{flex:128px}.font-picker{flex:220px}}@media (width<=520px){.sidebar{padding:12px}.file-actions,.legal-nav{grid-template-columns:1fr}.toolbar-actions button span,.action-button span{display:none}.toolbar-actions button,.action-button{min-width:42px}.font-picker{grid-column:1/-1}}