:root{--text:#1f2023;--text-muted:#6b6d76;--bg:#f3f3f5;--panel-bg:#fff;--border:#d8d8dd;--accent:#2f6fed;--accent-hover:#2559c7;--danger:#c62828;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:14px/1.4 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e6e6ea;--text-muted:#a0a2ab;--bg:#17181c;--panel-bg:#1f2126;--border:#33353c;--accent:#5b8dfb;--accent-hover:#7ba0ff}}*{box-sizing:border-box}html,body,#root{height:100dvh;margin:0}body{overflow:hidden}button{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--panel-bg);flex-shrink:0;align-items:baseline;gap:10px;padding:8px 16px;display:flex}.app-header h1{margin:0;font-size:16px}.app-error-banner{background:color-mix(in srgb, var(--danger) 12%, var(--panel-bg));color:var(--danger);border-bottom:1px solid var(--border);flex-shrink:0;margin:0;padding:8px 16px;font-size:13px}.app-header p{color:var(--text-muted);margin:0;font-size:12px}.app-header-support{align-items:center;gap:8px;margin-left:auto;display:flex}.app-header-support a{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;text-decoration:none}.app-header-support a:hover{border-color:var(--accent);color:var(--accent)}.draft-restored-banner{background:color-mix(in srgb, var(--accent) 12%, var(--panel-bg));color:var(--text);border-bottom:1px solid var(--border);flex-shrink:0;margin:0;padding:8px 16px;font-size:13px}.file-drop-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.offline-badge{background:color-mix(in srgb, var(--accent) 12%, var(--panel-bg));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.workflow-steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px;width:min(520px,90vw);margin:0;padding:0;list-style:none;display:flex}.workflow-step{text-align:center;flex-direction:column;align-items:center;gap:4px;width:120px;display:flex}.workflow-step-num{border:1px solid var(--border);width:22px;height:22px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.workflow-step.is-current .workflow-step-num{background:color-mix(in srgb, var(--accent) 12%, var(--panel-bg));border-color:color-mix(in srgb, var(--accent) 35%, var(--border));color:var(--accent)}.workflow-step-label{color:var(--text);font-size:13px;font-weight:600}.workflow-step-sub{color:var(--text-muted);font-size:11px;line-height:1.3}.file-drop-zone{border:2px dashed var(--border);background:var(--panel-bg);text-align:center;cursor:pointer;border-radius:12px;width:min(520px,90vw);padding:48px 24px}.file-drop-zone.drag-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel-bg))}.file-drop-title{margin-bottom:6px;font-size:16px}.file-drop-subtitle{color:var(--text-muted);font-size:13px}.file-drop-error{color:var(--danger);font-size:13px}.redaction-viewer{flex-direction:column;flex:1;min-height:0;display:flex}.toolbar{background:var(--panel-bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:8px 12px;display:flex}.toolbar-group{align-items:center;gap:6px;display:flex}.toolbar-group-end{margin-left:auto}.toolbar button{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;border-radius:6px;padding:6px 12px}.toolbar button:hover:not(:disabled){background:var(--bg)}.toolbar button:disabled{opacity:.5;cursor:default}.toolbar button.active,.toolbar button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar button.primary:hover:not(:disabled){background:var(--accent-hover)}.zoom-label{color:var(--text-muted);text-align:center;min-width:36px;font-size:12px}.toolbar-hint{color:var(--text-muted);font-size:12px}.viewer-body{flex:1;min-height:0;display:flex;position:relative}.page-nav{border-right:1px solid var(--border);background:var(--panel-bg);flex-direction:column;flex-shrink:0;gap:6px;width:64px;padding:8px;display:flex;overflow-y:auto}.page-nav button{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;padding:8px 0;position:relative}.page-nav-toggle{display:none}.page-nav button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.redaction-badge{color:#fff;background:#000;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;display:inline-flex;position:absolute;top:-6px;right:-6px}.page-stage{background:var(--bg);flex:1;position:relative;overflow:auto}.page-stage-content{width:100%;position:relative}.page-stage-page{width:100%;position:absolute;left:0}.page-canvas{margin:0 auto}.export-overlay{color:#fff;z-index:100;background:#00000080;justify-content:center;align-items:center;font-size:15px;display:flex;position:fixed;inset:0}.app-footer{border-top:1px solid var(--border);background:var(--panel-bg);color:var(--text-muted);text-align:center;flex-shrink:0;padding:6px 16px;font-size:10px;line-height:1.4}@media (width<=640px){.app-header{flex-wrap:wrap}.app-header p{display:none}.app-header-support{margin-left:0}.toolbar{flex-wrap:wrap;gap:8px 12px}.toolbar-group-end{margin-left:0}.toolbar button{min-height:44px;padding:10px 14px}.page-nav{z-index:10;width:32px;padding:8px 4px;position:absolute;top:0;bottom:0;left:0;overflow:hidden;box-shadow:1px 0 4px #00000026}.page-nav.expanded{width:min(220px,70vw);overflow-y:auto}.page-nav button{min-height:44px}.page-nav>button:not(.page-nav-toggle){display:none}.page-nav.expanded>button:not(.page-nav-toggle){display:block}.page-nav-toggle{flex-shrink:0;justify-content:center;align-items:center;width:100%;font-size:16px;display:flex}.app-footer{font-size:12px}.workflow-step{width:min(120px,45vw)}}