@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&family=Great+Vibes&family=Sacramento&display=swap";:root{--bg: #eef2f9;--surface: #ffffff;--surface-2: #f6f8fc;--ink: #0e1b2e;--ink-soft: #5c6b82;--ink-faint: #8a97ab;--line: #e4eaf3;--line-strong: #d3dcea;--brand: #2563eb;--brand-dark: #1d4ed8;--brand-soft: #eaf1ff;--pdf: #e5484d;--word: #2f6fed;--excel: #159a5b;--ok: #16a34a;--warn: #d97706;--danger: #dc2626;--radius: 12px;--radius-sm: 9px;--shadow-sm: 0 1px 2px rgba(16, 27, 46, .06);--shadow: 0 1px 3px rgba(16, 27, 46, .08), 0 6px 16px rgba(16, 27, 46, .06);--shadow-lg: 0 12px 34px rgba(16, 27, 46, .14);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;line-height:1.2}button{font-family:var(--font-body);font-size:13px;font-weight:550;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s}button:hover{background:var(--surface-2);border-color:#c2cee0}button:active{transform:translateY(.5px)}button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 1px 2px #2563eb59}button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}button.danger{color:var(--danger);border-color:#f0cccc;background:#fff}button.danger:hover{background:#fdf2f2;border-color:#e4b1b1}input[type=text],input[type=number],select{font-family:var(--font-body);font-size:13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 11px;background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus-visible,select:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:8px;background:none;cursor:pointer;padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}.mono{font-family:var(--font-mono);font-size:12px}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:18px;padding:13px 26px;background:#ffffffe6;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.topbar .brand{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink);display:flex;align-items:center;gap:11px}.brand .spines{display:flex;gap:3px}.brand .spine{width:5px;height:22px;border-radius:3px}.topbar nav{display:flex;gap:4px;margin-left:8px}.topbar nav button{background:transparent;border:1px solid transparent;color:var(--ink-soft);padding:8px 14px;border-radius:var(--radius-sm);font-weight:550}.topbar nav button:hover{background:var(--surface-2);color:var(--ink)}.topbar nav button.active{background:var(--brand-soft);color:var(--brand-dark);border-color:#cfe0ff}.backend-pill{margin-left:auto;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);padding:6px 12px;border-radius:999px}.backend-pill .dot{width:8px;height:8px;border-radius:50%}.dot.up{background:var(--ok);box-shadow:0 0 0 3px #16a34a26}.dot.down{background:var(--ink-faint)}.main{flex:1;padding:32px 26px;max-width:1180px;width:100%;margin:0 auto}.dropzone{border:1.5px dashed var(--line-strong);border-radius:18px;background:radial-gradient(120% 120% at 50% -10%,#f4f8ff 0%,var(--surface) 55%);padding:64px 32px;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .2s,transform .1s;box-shadow:var(--shadow-sm)}.dropzone:hover{box-shadow:var(--shadow)}.dropzone.drag{border-color:var(--brand);background:var(--brand-soft)}.dropzone:before{content:"";display:block;width:56px;height:56px;margin:0 auto 20px;border-radius:15px;background:var(--brand);box-shadow:0 8px 20px #2563eb59;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center / 30px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center / 30px no-repeat}.dropzone h2{font-size:25px;margin-bottom:8px}.dropzone p{color:var(--ink-soft);font-size:15px}.format-row{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}.format-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-left-width:4px;border-radius:10px;padding:11px 18px;background:var(--surface);font-weight:600;box-shadow:var(--shadow-sm);font-size:13px}.format-card.pdf{border-left-color:var(--pdf)}.format-card.word{border-left-color:var(--word)}.format-card.excel{border-left-color:var(--excel)}.format-card small{color:var(--ink-soft);font-weight:400;display:block}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px;margin-top:20px}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;border-top-width:3px;box-shadow:var(--shadow-sm);position:relative}.tool-card:hover{border-color:#cfe0ff;transform:translateY(-3px);box-shadow:var(--shadow)}.tool-card:hover:after{color:var(--brand);transform:translate(2px)}.tool-card:after{content:"→";position:absolute;top:18px;right:18px;color:var(--ink-faint);transition:color .15s,transform .15s}.tool-card h3{font-size:16px;margin-bottom:5px}.tool-card p{color:var(--ink-soft);font-size:13px}.tool-card.pdf{border-top-color:var(--pdf)}.tool-card.word{border-top-color:var(--word)}.tool-card.excel{border-top-color:var(--excel)}.editor-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.editor-head{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:var(--surface)}.editor-head .filename{font-weight:650;display:flex;align-items:center;gap:9px;font-size:14px}.filename .spine{width:5px;height:18px;border-radius:3px;display:inline-block}.editor-head .grow{flex:1}.status-note{font-size:12px;color:var(--ink-soft);line-height:1.5}.toolbar{display:flex;gap:6px;padding:9px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:var(--surface-2)}.toolbar button{padding:6px 11px;font-size:12px}.toolbar button.on,button.on{background:var(--brand-soft);border-color:#bcd4ff;color:var(--brand-dark)}.toolbar .sep{width:1px;background:var(--line-strong);margin:2px 4px}.doc-page{max-width:780px;margin:30px auto;background:#fff;min-height:900px;padding:76px 88px;box-shadow:var(--shadow-lg);border-radius:4px}.word-canvas{background:#dde4ef;max-height:72vh;overflow-y:auto}.tiptap{outline:none;font-size:15px;line-height:1.7;color:#1a2433}.tiptap p{margin-bottom:.8em}.tiptap h1,.tiptap h2,.tiptap h3{margin:1em 0 .5em}.tiptap ul,.tiptap ol{padding-left:1.5em;margin-bottom:.8em}.pdf-workspace{display:flex;max-height:74vh}.pdf-pages{flex:1;overflow-y:auto;background:#dde4ef;padding:24px;display:flex;flex-direction:column;align-items:center;gap:20px}.pdf-page-wrap{position:relative;box-shadow:var(--shadow-lg);border-radius:3px;background:#fff}.pdf-page-wrap canvas{display:block;border-radius:3px}.pdf-overlay-text{position:absolute;font-family:Helvetica,Arial,sans-serif;background:#eaf1ffcc;border:1px dashed var(--brand);padding:1px 4px;cursor:move;white-space:pre;min-width:20px;border-radius:3px}.pdf-overlay-text:focus{outline:2px solid var(--brand);background:#fff}.pdf-side{width:300px;border-left:1px solid var(--line);padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:var(--surface)}.pdf-side h3{font-size:14px}.field-row{display:flex;flex-direction:column;gap:5px}.field-row label{font-size:12px;color:var(--ink-soft);font-weight:500}.controls-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0}.side-card{border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--surface-2)}.side-card+.side-card{margin-top:4px}.side-card h4{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:9px;font-family:var(--font-body);font-weight:600}.sheet-scroll{overflow:auto;max-height:68vh}table.sheet{border-collapse:collapse;font-size:13px}table.sheet th{background:var(--surface-2);border:1px solid var(--line);padding:5px 8px;font-weight:600;color:var(--ink-soft);font-family:var(--font-mono);font-size:11px;position:sticky;top:0}table.sheet td{border:1px solid var(--line);padding:0;min-width:96px}table.sheet td input{border:none;border-radius:0;width:100%;padding:6px 9px;background:transparent}table.sheet td input:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;box-shadow:none}.sheet-tabs{display:flex;gap:4px;padding:9px 18px;border-top:1px solid var(--line);background:var(--surface-2)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-top:18px;box-shadow:var(--shadow)}.panel h2{font-size:20px;margin-bottom:5px}.panel .sub{color:var(--ink-soft);margin-bottom:18px}.file-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}.file-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-left-width:4px;border-radius:9px;padding:9px 13px;background:var(--surface)}.file-chip.pdf{border-left-color:var(--pdf)}.file-chip .grow{flex:1}.file-chip small{color:var(--ink-soft)}.result-note{margin-top:16px;padding:12px 15px;background:#eafaf1;border:1px solid #b9e7cd;color:#12603a;border-radius:9px;font-size:13px}.error-note{margin-top:16px;padding:12px 15px;background:#fdf0f0;border:1px solid #f2c9c9;color:#a12626;border-radius:9px;font-size:13px}.versions{margin-top:10px}.versions table{width:100%;border-collapse:collapse;font-size:13px}.versions th,.versions td{text-align:left;padding:8px 11px;border-bottom:1px solid var(--line)}.versions th{color:var(--ink-soft);font-weight:550;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1b2e80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:520px;overflow:hidden;animation:modal-in .16s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:17px}.modal-head .grow{flex:1}.modal-head button{border:none;background:transparent;font-size:20px;line-height:1;padding:4px 8px;color:var(--ink-soft)}.modal-head button:hover{background:var(--surface-2);color:var(--ink)}.modal-body{padding:20px}.sig-tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:10px;margin-bottom:18px}.sig-tabs button{flex:1;border:none;background:transparent;color:var(--ink-soft);font-weight:550;padding:8px}.sig-tabs button.on{background:var(--surface);color:var(--brand-dark);box-shadow:var(--shadow-sm)}.sig-pad-wrap{position:relative;border:1.5px dashed var(--line-strong);border-radius:10px;background:var(--surface-2);overflow:hidden}.sig-pad-wrap canvas{display:block;width:100%;height:180px;touch-action:none;cursor:crosshair}.sig-baseline{position:absolute;left:20px;right:20px;bottom:46px;border-bottom:1px solid var(--line-strong);pointer-events:none}.sig-hint{position:absolute;left:22px;bottom:26px;font-size:12px;color:var(--ink-faint);pointer-events:none}.sig-swatches{display:flex;gap:7px;align-items:center;margin:14px 0}.sig-swatch{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer}.sig-swatch.on{box-shadow:0 0 0 2px var(--brand)}.sig-preview{border:1px solid var(--line);border-radius:10px;background-color:#fff;background-image:linear-gradient(45deg,#eef2f9 25%,transparent 25%),linear-gradient(-45deg,#eef2f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f9 75%),linear-gradient(-45deg,transparent 75%,#eef2f9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;min-height:120px;display:flex;align-items:center;justify-content:center;padding:16px}.sig-preview img{max-height:100px;max-width:100%}.sig-type-input{width:100%;font-size:15px;margin-bottom:14px}.sig-fonts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sig-font-btn{padding:10px 16px;font-size:22px;line-height:1}.sig-font-btn.on{background:var(--brand-soft);border-color:#bcd4ff}.font-dancing{font-family:Dancing Script,cursive}.font-vibes{font-family:Great Vibes,cursive}.font-sacramento{font-family:Sacramento,cursive}.upload-drop{border:1.5px dashed var(--line-strong);border-radius:10px;padding:30px;text-align:center;cursor:pointer;color:var(--ink-soft);background:var(--surface-2)}.upload-drop:hover{border-color:var(--brand);background:var(--brand-soft)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.sig-thumb{height:40px;max-width:130px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px}@media (max-width: 760px){.main{padding:18px 14px}.doc-page{padding:40px 30px}.pdf-side{display:none}.topbar{flex-wrap:wrap;gap:12px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.edit-run{position:absolute;border:1px dashed rgba(37,99,235,.55);background:#2563eb0f;border-radius:2px;cursor:text;transition:background .1s,border-color .1s}.edit-run:hover{background:#2563eb29;border-color:var(--brand)}.edit-inline{position:absolute;z-index:20}.edit-field{border:2px solid var(--brand)!important;border-radius:3px;padding:0 3px!important;background:#fff;line-height:1.1;box-shadow:var(--shadow);min-width:40px}.edit-toolbar{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;gap:5px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:5px 6px;box-shadow:var(--shadow-lg);white-space:nowrap}.edit-toolbar button{padding:4px 9px;font-size:12px}.edit-toolbar input[type=number]{padding:4px 6px}.ribbon{display:flex;align-items:center;gap:2px;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.tb-item{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:66px;padding:7px 8px 5px;border:1px solid transparent;background:transparent;color:var(--ink-soft);border-radius:9px;font-size:11.5px;font-weight:500;line-height:1.2}.tb-item:hover:not(:disabled){background:var(--surface-2);color:var(--ink);border-color:var(--line)}.tb-item.on{background:var(--brand-soft);color:var(--brand-dark);border-color:#cfe0ff}.tb-item:disabled{opacity:.4}.tb-div{width:1px;align-self:stretch;background:var(--line);margin:6px 7px}.tb-file{font-size:12.5px;font-weight:600;color:var(--ink);margin-right:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-rail{width:168px;flex:none;overflow-y:auto;background:var(--surface-2);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:4px}.thumb-cell{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:8px}.thumb-box{border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:#fff;box-shadow:var(--shadow-sm);line-height:0}.thumb-box:hover{border-color:#bcd4ff}.thumb-box.on{border-color:var(--brand)}.thumb-box img{width:128px;display:block}.thumb-num{font-size:11px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:1px 9px}.thumb-num.on{background:var(--brand);border-color:var(--brand);color:#fff}.sig-overlay{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.mp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0e1b2e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:26px}.mp-panel{background:var(--bg);width:100%;max-width:1180px;height:100%;max-height:90vh;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.mp-toolbar{display:flex;align-items:center;gap:2px;background:var(--surface);border-bottom:1px solid var(--line);padding:6px 12px;flex-wrap:wrap}.mp-tool{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:74px;padding:7px 8px 5px;border:1px solid transparent;background:transparent;color:var(--ink-soft);border-radius:9px;font-size:11.5px;font-weight:500}.mp-tool:hover:not(:disabled){background:var(--surface-2);color:var(--ink);border-color:var(--line)}.mp-tool:disabled{opacity:.38}.mp-div{width:1px;align-self:stretch;background:var(--line);margin:6px 7px}.mp-grid-wrap{flex:1;overflow:auto;padding:26px}.mp-grid{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start}.mp-cell{display:flex;flex-direction:column;align-items:center;gap:8px}.mp-thumb{border:2px solid transparent;border-radius:5px;background:#fff;box-shadow:var(--shadow);overflow:hidden;cursor:pointer;line-height:0}.mp-thumb:hover{border-color:#bcd4ff}.mp-thumb.sel{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft),var(--shadow)}.mp-thumb img{width:100%;display:block;transition:transform .15s}.mp-blank{height:190px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);font-size:12px;line-height:1.4}.mp-num{font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 12px}.mp-footer{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--surface);border-top:1px solid var(--line)}.pdf-workspace .pdf-pages{min-width:0;flex:1 1 auto}.pdf-workspace{align-items:stretch}.main{max-width:1120px}.hero{text-align:center;padding:46px 0 8px}.hero-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--brand-dark);background:var(--brand-soft);border:1px solid #d8e5ff;padding:5px 13px;border-radius:999px;margin-bottom:20px}.hero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.1;letter-spacing:-.028em;margin-bottom:14px}.hero-sub{font-size:16.5px;color:var(--ink-soft);max-width:620px;margin:0 auto 30px;line-height:1.6}.hero .dropzone{max-width:680px;margin:0 auto;padding:44px 28px 38px;border-radius:16px;border:1.5px dashed var(--line-strong);background:var(--surface)}.hero .dropzone:before{width:46px;height:46px;margin-bottom:18px}.dz-cta{display:inline-block;background:var(--brand);color:#fff;font-weight:600;font-size:15px;padding:12px 30px;border-radius:10px;box-shadow:0 6px 18px #2563eb52;transition:background .15s,transform .1s}.hero .dropzone:hover .dz-cta{background:var(--brand-dark)}.hero .dropzone:active .dz-cta{transform:translateY(1px)}.hero .dropzone p{margin-top:14px;font-size:13.5px}.hero .format-row{margin-top:22px}.hero .format-card{box-shadow:none;background:transparent;border-color:var(--line);font-size:12.5px;padding:8px 14px}.hero .format-card b{font-weight:650}.hero .format-card small{margin-left:2px}.tools-section{margin-top:54px}.tools-section h2{font-size:20px;margin-bottom:4px}.tools-section .tool-grid{margin-top:18px}.tool-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--brand-soft);color:var(--brand-dark);margin-bottom:12px}.tool-card.pdf .tool-ico{background:#fdecec;color:var(--pdf)}.tool-card.word .tool-ico{background:#e8f0fe;color:var(--word)}.tool-card.excel .tool-ico{background:#e6f6ed;color:var(--excel)}.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:46px 0 30px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.trust div{display:flex;flex-direction:column;gap:3px}.trust b{font-size:14px;font-weight:650}.trust span{font-size:13px;color:var(--ink-soft);line-height:1.5}@media (max-width: 700px){.hero{padding-top:26px}.hero .dropzone{padding:32px 18px 28px}}html,body{max-width:100%;overflow-x:hidden}@media (max-width: 900px){.topbar{flex-direction:column;align-items:stretch;gap:0;padding:10px 0 0}.topbar .brand{padding:0 16px 10px;font-size:18px}.topbar nav{margin-left:0;padding:8px 12px;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid var(--line)}.topbar nav::-webkit-scrollbar{display:none}.topbar nav button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;padding:9px 14px;font-size:13.5px}.main{padding:18px 14px 32px}.hero{padding:22px 0 4px}.hero h1{font-size:27px}.hero-sub{font-size:15px;margin-bottom:22px}.hero .dropzone{padding:30px 16px 26px;border-radius:14px}.dz-cta{width:100%;padding:14px 20px;font-size:15.5px}.hero .format-row{gap:8px}.hero .format-card{flex:1 1 100%;justify-content:center}.tool-grid{grid-template-columns:1fr;gap:12px}.tools-section{margin-top:36px}.trust{margin:32px 0 12px;padding:18px;gap:14px}.editor-shell{border-radius:10px}.ribbon{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;padding:4px 8px}.ribbon::-webkit-scrollbar{display:none}.ribbon>*{flex:0 0 auto}.tb-item{min-width:58px;padding:6px 6px 4px;font-size:10.5px}.tb-file,.ribbon .status-note{display:none}.pdf-workspace{flex-direction:column;max-height:none}.thumb-rail{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--line);padding:10px;gap:10px;-webkit-overflow-scrolling:touch}.thumb-cell{flex:0 0 auto;margin-bottom:0}.thumb-box img{width:74px}.pdf-pages{padding:12px;max-height:62vh}.pdf-side{display:flex!important;width:100%;border-left:none;border-top:1px solid var(--line);max-height:none;padding:14px}.edit-toolbar{position:fixed;left:8px;right:8px;bottom:10px;top:auto;justify-content:center;flex-wrap:wrap;z-index:300}.edit-toolbar button{padding:9px 13px;font-size:13px}.edit-run{border-width:1.5px}.mp-overlay{padding:0}.mp-panel{max-height:100vh;border-radius:0}.mp-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:4px 8px}.mp-toolbar::-webkit-scrollbar{display:none}.mp-toolbar>*{flex:0 0 auto}.mp-tool{min-width:62px;font-size:10.5px;padding:6px 6px 4px}.mp-grid-wrap{padding:14px}.mp-grid{gap:16px;justify-content:center}.mp-thumb{width:128px!important}.mp-footer{padding:10px 12px}.mp-footer .status-note{display:none}.mp-footer button{flex:1}.modal{max-width:100%;border-radius:14px}.modal-body{padding:16px}.sig-pad-wrap canvas{height:150px}button,.tb-item,.mp-tool{min-height:40px}input[type=text],input[type=number],select,.edit-field{font-size:16px}.tool-card{padding:16px}}@media (max-width: 400px){.hero h1{font-size:24px}.tb-item span,.mp-tool span{font-size:10px}.thumb-box img{width:62px}}.pdf-page-wrap{max-width:100%}.pdf-page-wrap canvas{max-width:100%;height:auto}@media (max-width: 900px){.pdf-pages{padding:10px;align-items:stretch}}.main:has(.editor-shell){max-width:none;width:100%;padding:14px 18px 18px;display:flex;flex-direction:column;height:calc(100vh - var(--topbar-h, 58px));overflow:hidden}.main:has(.editor-shell) .editor-shell{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.main:has(.editor-shell) .pdf-workspace{flex:1;max-height:none;min-height:0}.main:has(.editor-shell) .pdf-pages,.main:has(.editor-shell) .thumb-rail,.main:has(.editor-shell) .pdf-side{max-height:none;height:100%;overflow-y:auto}.main:has(.editor-shell) .pdf-pages{padding:26px 32px}.main:has(.editor-shell) .pdf-page-wrap{width:min(920px,100%)}.main:has(.editor-shell) .pdf-page-wrap canvas{width:100%}.main:has(.editor-shell) .pdf-side{width:330px;flex:none}.main:has(.editor-shell) .thumb-rail{width:178px}@supports not selector(:has(*)){.main{max-width:1600px}}@media (max-width: 900px){.main:has(.editor-shell){padding:10px}.main:has(.editor-shell){height:auto;overflow:visible}.main:has(.editor-shell) .editor-shell{height:auto;overflow:visible}.main:has(.editor-shell) .pdf-pages,.main:has(.editor-shell) .thumb-rail,.main:has(.editor-shell) .pdf-side{height:auto}.main:has(.editor-shell) .pdf-pages{max-height:62vh}.main:has(.editor-shell) .pdf-pages{padding:10px}.main:has(.editor-shell) .pdf-side{width:100%}.main:has(.editor-shell) .pdf-page-wrap{width:100%}}.shell:has(.editor-shell){height:100vh;overflow:hidden}.shell:has(.editor-shell) .main{min-height:0;flex:1;height:auto}@media (max-width: 900px){.shell:has(.editor-shell){height:auto;overflow:visible}}