@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap";:root{--bg:#080b10;--surface:#0e131b;--surface-2:#131a24;--surface-3:#18212d;--line:#202b39;--line-bright:#2e3b4d;--text:#eef3f8;--muted:#8b98a9;--dim:#5e6b7c;--blue:#7e8dff;--blue-strong:#6676f5;--coral:#ff9677;--green:#72d7ad;--white:#fff;--shadow:0 22px 80px rgba(0,0,0,.3);--radius:14px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(1100px 520px at 60% -10%,rgba(75,91,189,.13),transparent 60%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.topbar{height:72px;background:#080b10c7;border-bottom:1px solid rgba(115,135,162,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 28px;gap:36px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#9aa5ff,#5e70f1);color:#080b10;display:grid;place-items:center;font-weight:800;font-size:16px;box-shadow:0 0 28px #7e8dff4d}.brand b{display:block;font-size:14px;letter-spacing:-.02em}.brand span,.kicker,.nav-caption,.step-chip,.queue-no{font-family:JetBrains Mono,monospace}.brand span{display:block;color:var(--dim);font-size:8px;letter-spacing:.13em;margin-top:3px}.top-title{flex:1}.top-title span{color:var(--dim);font:10px JetBrains Mono,monospace;letter-spacing:.12em}.top-title h1{font-size:18px;letter-spacing:-.04em;margin:4px 0 0;font-weight:700}.local-pill{display:flex;align-items:center;gap:8px;border:1px solid rgba(114,215,173,.24);background:#72d7ad12;color:#9ce6c6;padding:8px 11px;border-radius:999px;font-size:10px}.local-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.body-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 310px;min-height:calc(100vh - 72px)}.tool-nav{background:#0b0f16bf;border-right:1px solid var(--line);padding:26px 14px 20px;display:flex;flex-direction:column;gap:5px}.nav-caption{color:var(--dim);font-size:9px;letter-spacing:.14em;padding:0 12px 10px}.tool-tab{width:100%;display:flex;align-items:flex-start;gap:11px;text-align:left;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:10px;padding:11px;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.tool-tab:hover{background:#ffffff09;color:var(--text)}.tool-tab.active{background:linear-gradient(100deg,#7e8dff24,#7e8dff09);border-color:#7e8dff40;color:var(--text);box-shadow:inset 2px 0 var(--blue)}.tool-index{font:10px JetBrains Mono,monospace;color:var(--dim);padding-top:2px}.tool-tab.active .tool-index{color:var(--blue)}.tool-tab b{display:block;font-size:11px;font-weight:600}.tool-tab small{display:block;font-size:9px;color:var(--dim);margin-top:3px}.nav-note{margin-top:auto;border-top:1px solid var(--line);padding:17px 11px 0}.nav-note strong{display:block;color:#bcc5ff;font-size:10px;font-weight:600}.nav-note span{display:block;color:var(--dim);font-size:9px;line-height:1.6;margin-top:5px}.workspace{padding:36px 42px 52px;min-width:0}.workspace-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.kicker{color:var(--blue);font-size:9px;letter-spacing:.12em}.workspace-head h2{font-size:30px;line-height:1.1;letter-spacing:-.055em;margin:8px 0}.workspace-head p{font-size:12px;color:var(--muted);margin:0}.step-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#ffffff06;padding:9px 11px;border-radius:9px;color:var(--dim);font-size:9px}.step-chip b{color:var(--text);font-size:12px}.tool-surface{background:#0e131bc7;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-height:540px;overflow:hidden}.upload-zone{margin:27px;border:1px dashed #3a4b61;border-radius:13px;min-height:285px;background:radial-gradient(600px 180px at 50% 0,rgba(126,141,255,.09),transparent 70%),#ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:.2s}.upload-zone:hover,.upload-zone.drag{border-color:var(--blue);background:#7e8dff14;box-shadow:0 0 0 4px #7e8dff14}.upload-icon{color:var(--blue);font-size:34px;line-height:1;font-weight:300}.upload-zone b{font-size:14px;font-weight:600}.upload-zone span{color:var(--muted);font-size:11px}.primary,.secondary{font-family:Inter,sans-serif;font-size:11px;font-weight:600;border-radius:9px;padding:10px 14px;cursor:pointer;transition:.16s}.primary{background:var(--blue-strong);border:1px solid var(--blue-strong);color:#fff;box-shadow:0 4px 16px #6676f52e}.primary:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-1px);box-shadow:0 7px 22px #6676f547}.secondary{background:#ffffff06;border:1px solid var(--line-bright);color:#c5cfdb}.secondary:hover{background:#ffffff0f;border-color:#52647b;color:var(--text)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.manage-actions{display:flex;gap:9px;padding:0 27px 27px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:28px}.option{border:1px solid var(--line);border-radius:11px;padding:16px;display:flex;gap:10px;cursor:pointer;background:#ffffff05;transition:.16s}.option:hover{border-color:#465775;background:#ffffff09}.option.selected{border-color:#7e8dffa6;background:#7e8dff17;box-shadow:0 0 0 3px #7e8dff14}.option input{accent-color:var(--blue);margin-top:3px}.option b{font-size:11px;display:block}.option small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px}.settings-grid label,.control-label{font-size:10px;font-weight:600;color:#9eabba;display:grid;gap:7px}.settings-grid input,.settings-grid select,.secure-layout input,.secure-layout select{width:100%;border:1px solid var(--line);background:#0a0e14;color:var(--text);border-radius:9px;padding:10px 11px;font:11px Inter,sans-serif}.feature-note{margin:28px;padding:19px;border-radius:11px;background:#7e8dff0e;border:1px solid rgba(126,141,255,.14);display:grid;gap:7px}.feature-note b{font-size:12px}.feature-note span{font-size:10px;color:var(--muted);line-height:1.7}.feature-note.orange{background:#ff96770e;border-color:#ff96772e}.secure-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;padding:28px}.secure-layout h3{font-size:12px;margin:0 0 13px;font-weight:600}.segmented{display:flex;gap:4px;margin-bottom:11px}.segmented button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 11px;border-radius:7px;font-size:10px;cursor:pointer}.segmented button.active{background:#7e8dff26;border-color:#7e8dff73;color:#cbd0ff}.secure-layout canvas{width:100%;height:150px;border:1px dashed #3a4a60;border-radius:10px;background:#0a0e14;touch-action:none}.secure-layout .secondary{margin-top:9px}.hidden{display:none!important}.export-bar{border-top:1px solid var(--line);background:#ffffff05;padding:15px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px}.export-bar b{display:block;font-size:11px}.export-bar span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.export-bar .primary{background:var(--coral);border-color:var(--coral);box-shadow:0 4px 17px #ff967729;min-width:148px}.export-bar .primary:hover{background:#ffad92;border-color:#ffad92}.document-panel{background:#0b0f16ad;border-left:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:flex-end}.panel-head h3{font-size:16px;letter-spacing:-.03em;margin:5px 0 0}.file-count{background:#7e8dff1a;color:#adb5ff;border:1px solid rgba(126,141,255,.2);border-radius:7px;padding:6px 8px;font:11px JetBrains Mono,monospace}.add-file{margin:20px 0 15px;border:1px solid rgba(255,150,119,.28);background:#ff967712;color:#ffb39d;border-radius:9px;padding:10px;text-align:left;font:600 11px Inter,sans-serif;cursor:pointer;transition:.16s}.add-file:hover{background:#ff967724;border-color:#ff967780}.add-file span{font-size:16px;margin-right:6px}.queue{display:grid;gap:8px;overflow:auto;max-height:calc(100vh - 255px)}.queue-empty{text-align:center;color:var(--dim);font-size:10px;line-height:1.8;padding:34px 7px}.queue-empty small{font-size:9px;color:#4f5d6e}.queue-item{background:#ffffff05;border:1px solid var(--line);border-radius:9px;padding:8px;display:flex;align-items:center;gap:7px}.queue-item:hover{border-color:#3d4e63;background:#ffffff08}.queue-item.dragging{opacity:.45}.queue-drag{color:#4d5d70;font-size:13px}.queue-icon{background:#7e8dff1a;color:#aeb6ff;border:1px solid rgba(126,141,255,.13);font:8px JetBrains Mono,monospace;border-radius:5px;padding:9px 5px}.queue-info{flex:1;min-width:0}.queue-info b{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.queue-info small{display:block;color:var(--dim);font-size:9px;margin-top:3px}.queue-no{color:var(--dim);font-size:9px;letter-spacing:0}.queue-item button{border:0;background:transparent;color:#68778a;font-size:16px;cursor:pointer}.queue-item button:hover{color:var(--coral)}.panel-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;color:var(--dim);font-size:10px}.panel-foot b{color:#c3caff;font:12px JetBrains Mono,monospace}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#182334;color:var(--text);border:1px solid #34455c;padding:10px 16px;border-radius:999px;font-size:11px;box-shadow:var(--shadow);transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%)}.page-board-wrap{padding:0 27px 22px}.board-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.board-heading b{font-size:11px}.board-heading span{font-size:9px;color:var(--dim)}.page-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;max-height:310px;overflow:auto;padding:3px}.page-card{border:1px solid var(--line);border-radius:9px;background:#ffffff05;padding:7px;cursor:grab;transition:.16s}.page-card:hover{border-color:#52628a;transform:translateY(-2px);background:#ffffff09}.page-card.dragging{opacity:.45}.page-canvas-wrap{height:128px;background:#101721;border-radius:6px;display:grid;place-items:center;position:relative;overflow:hidden}.page-canvas-wrap canvas{max-width:100%;max-height:100%;box-shadow:0 3px 8px #0000004d}.page-canvas-wrap span{position:absolute;right:5px;top:5px;background:#26344b;color:#d4dcff;border-radius:4px;padding:2px 5px;font:8px JetBrains Mono,monospace}.page-card b,.page-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-card b{font-size:10px;margin-top:7px}.page-card small{font-size:9px;color:var(--dim);margin-top:2px}.page-actions{display:flex;gap:4px;margin-top:6px}.page-actions button{border:1px solid var(--line);background:#ffffff06;color:#a6b1c0;border-radius:5px;font-size:10px;width:23px;height:20px;cursor:pointer}.page-actions button:hover{border-color:var(--coral);color:var(--coral)}.board-empty{text-align:center;border:1px dashed var(--line);border-radius:9px;padding:20px;color:var(--dim);font-size:10px;grid-column:1/-1}.signature-preview{display:flex;justify-content:center;padding:6px 0 14px}.preview-sheet{width:170px;height:220px;background:#fff;border:1px solid #38465a;box-shadow:0 8px 28px #00000047;position:relative;border-radius:4px;overflow:hidden;touch-action:none}.preview-sheet>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:0}.preview-title,.preview-signature{z-index:1}.preview-title{position:absolute;top:12px;left:14px;font:8px JetBrains Mono,monospace;color:#8794a6;letter-spacing:.08em;background:#fffc;padding:2px 4px;border-radius:3px}.preview-signature{position:absolute;width:65px;height:25px;border:1px dashed var(--orange);border-radius:4px;color:var(--orange);font:9px Inter,sans-serif;display:grid;place-items:center;transition:.2s;background:#fff7f3e6;z-index:2}.preview-signature.bottom-right{right:14px;bottom:16px}.preview-signature.bottom-left{left:14px;bottom:16px}.preview-signature.top-right{right:14px;top:37px}.preview-signature.top-left{left:14px;top:37px}.preview-signature.center{left:50%;top:50%;transform:translate(-50%,-50%)}.preview-signature.free{right:auto;bottom:auto}.preview-selectors{display:grid;grid-template-columns:1.4fr .8fr;gap:9px}.control-label{font-size:10px;font-weight:600;color:#9eabba;display:grid;gap:6px;margin-top:10px}.page-range{margin-top:8px!important}@media(max-width:1100px){.body-grid{grid-template-columns:210px minmax(0,1fr)}.document-panel{grid-column:2;border-left:0;border-top:1px solid var(--line);min-height:210px}.queue{max-height:none;grid-template-columns:repeat(2,1fr)}.panel-foot{margin-top:18px}.workspace{padding:28px}.topbar{padding:0 22px}}@media(max-width:700px){.topbar{height:auto;padding:15px;gap:13px;flex-wrap:wrap}.brand{min-width:unset}.top-title{order:3;flex-basis:100%}.top-title h1{font-size:18px}.body-grid{display:block}.tool-nav{display:flex;overflow:auto;padding:9px;border-right:0;border-bottom:1px solid var(--line)}.nav-caption,.nav-note{display:none}.tool-tab{min-width:145px;padding:10px}.tool-tab small{display:none}.workspace{padding:20px 12px}.workspace-head h2{font-size:25px}.document-panel{padding:20px 12px}.queue{grid-template-columns:1fr}.option-grid,.settings-grid,.secure-layout{grid-template-columns:1fr;padding:20px}.upload-zone{margin:20px;min-height:220px}.export-bar{align-items:stretch;flex-direction:column}.export-bar .primary{width:100%}.page-board-wrap{padding:0 20px 18px}.page-board{grid-template-columns:repeat(3,1fr);gap:8px}.page-canvas-wrap{height:100px}.preview-selectors{grid-template-columns:1fr}}.extract-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;padding:28px;align-items:center}.extract-controls{display:grid;gap:15px}.extract-preview{display:flex;justify-content:center;align-items:center;min-height:320px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(500px 220px at 50% 30%,rgba(126,141,255,.08),transparent 72%),#0a0e14}.extract-sheet{max-width:310px;max-height:330px;position:relative;background:#fff;box-shadow:0 14px 35px #0000004d;overflow:hidden}.extract-sheet canvas{display:block;max-width:100%;max-height:330px}.extract-sheet span{position:absolute;right:8px;top:8px;background:#0a0e14d1;color:#d6ddff;border:1px solid rgba(126,141,255,.32);border-radius:5px;padding:4px 6px;font:9px JetBrains Mono,monospace}@media(max-width:700px){.extract-layout{grid-template-columns:1fr;padding:20px}.extract-preview{min-height:260px}.extract-sheet canvas{max-height:280px}}.convert-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;padding:28px;align-items:center}.convert-controls{display:grid;gap:15px}.settings-grid.compact{padding:0;gap:10px}.convert-preview{display:flex;justify-content:center;align-items:center;min-height:320px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(500px 220px at 50% 30%,rgba(126,141,255,.08),transparent 72%),#0a0e14}.convert-sheet{max-width:310px;max-height:330px;position:relative;background:#fff;box-shadow:0 14px 35px #0000004d;overflow:hidden}.convert-sheet canvas{display:block;max-width:100%;max-height:330px}.convert-sheet span{position:absolute;right:8px;top:8px;background:#0a0e14d1;color:#d6ddff;border:1px solid rgba(126,141,255,.32);border-radius:5px;padding:4px 6px;font:9px JetBrains Mono,monospace}@media(max-width:700px){.convert-layout{grid-template-columns:1fr;padding:20px}.convert-preview{min-height:260px}.convert-sheet canvas{max-height:280px}}.brand-mark{display:grid;place-items:center;background:transparent;box-shadow:none;width:34px;height:34px}.brand-mark img{width:34px;height:34px;display:block;filter:drop-shadow(0 0 14px rgba(126,141,255,.24))}.brand b{letter-spacing:-.035em;font-weight:700}.brand span{letter-spacing:.1em}.brand{min-width:220px;gap:12px}.brand-mark,.brand-mark img{width:42px;height:42px}.brand b{font-size:17px;letter-spacing:.08em}.brand span{font-size:8px;letter-spacing:.13em}.brand b{font-family:Poppins,Inter,ui-sans-serif,sans-serif;font-weight:600}.top-actions{display:flex;align-items:center;gap:10px}.admin-toggle{border:1px solid rgba(126,141,255,.3);background:#7e8dff14;color:#c5cbff;border-radius:8px;padding:8px 11px;font:600 10px Inter,sans-serif;cursor:pointer}.admin-toggle:hover{background:#7e8dff29;border-color:#7e8dff8c}.feature-off{opacity:.38;filter:grayscale(.6)}.admin-hidden{display:none!important}.admin-workspace{grid-column:2 / 4}.admin-dashboard{max-width:1080px}.admin-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.admin-hero h2{font-size:30px;margin:8px 0}.admin-hero p{color:var(--muted);font-size:12px;margin:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.admin-stat{padding:18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#7e8dff14,#ffffff05)}.admin-stat span,.admin-stat small{display:block;color:var(--muted);font-size:10px}.admin-stat b{display:block;color:var(--text);font:700 25px Poppins,Inter,sans-serif;margin:8px 0 4px}.admin-stat b em{font:500 11px Inter,sans-serif;color:var(--dim)}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-card{border:1px solid var(--line);border-radius:12px;background:#ffffff05;padding:18px}.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.admin-card h3{font-size:14px;margin:6px 0 0}.admin-badge{font:9px JetBrains Mono,monospace;color:#8fddb9;border:1px solid rgba(114,215,173,.25);border-radius:5px;padding:5px 7px}.feature-list{display:grid;gap:3px}.feature-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(32,43,57,.6);cursor:pointer}.feature-row:last-child{border-bottom:0}.feature-row b{display:block;font-size:11px}.feature-row small{display:block;color:var(--dim);font-size:9px;margin-top:4px}.feature-row input{display:none}.feature-row i{width:35px;height:20px;border-radius:99px;background:#263343;position:relative;transition:.18s}.feature-row i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:3px;top:3px;background:#7b8999;transition:.18s}.feature-row input:checked+i{background:#7e8dffa6}.feature-row input:checked+i:after{left:18px;background:#fff}.text-button{background:transparent;border:0;color:var(--coral);font:10px Inter,sans-serif;cursor:pointer}.usage-list{display:grid;gap:16px}.usage-row{display:grid;grid-template-columns:92px 1fr 22px;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.usage-row>div{height:6px;border-radius:99px;background:#202b39;overflow:hidden}.usage-row i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--coral))}.usage-row b{font:10px JetBrains Mono,monospace;color:var(--text);text-align:right}.activity-card{margin-top:14px}.activity-list{display:grid;gap:0}.activity-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(32,43,57,.6);font-size:10px}.activity-list time{color:var(--dim);font:9px JetBrains Mono,monospace}.empty-admin{color:var(--dim);font-size:10px}.admin-note{margin-top:14px;padding:14px 16px;border:1px solid rgba(255,150,119,.17);background:#ff96770a;border-radius:10px}.admin-note b{display:block;font-size:10px;color:#ffb39d}.admin-note span{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.7}@media(max-width:700px){.top-actions{margin-left:auto}.admin-toggle{font-size:9px;padding:7px 8px}.admin-workspace{display:block}.admin-stats,.admin-columns{grid-template-columns:1fr}.admin-hero{gap:12px}.admin-hero h2{font-size:25px}}.admin-entry-hidden{display:none!important}