:root{--bg: #0f1724;--bg-2: #182231;--bg-3: #223044;--border: #314158;--text: #f3f6fb;--text-dim: #a7b3c5;--accent: #67a2ff;--accent-2: #3478e5;--danger: #ff7676;--highlight: rgba(255, 213, 0, .45);--highlight-active: rgba(255, 120, 0, .6)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,summary{transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,transform .12s ease}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #67a2ff38}body{display:flex;flex-direction:column}#toolbar{display:flex;flex-direction:column;background:var(--bg-2);border-bottom:1px solid var(--border);box-shadow:0 2px 10px #0000002e;position:relative;z-index:10}.toolbar-row{display:flex;align-items:stretch;gap:14px;width:100%;padding:7px 12px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.toolbar-row::-webkit-scrollbar,.toolbar-modes .group::-webkit-scrollbar{height:4px}.toolbar-row::-webkit-scrollbar-track,.toolbar-modes .group::-webkit-scrollbar-track{background:transparent}.toolbar-row::-webkit-scrollbar-thumb,.toolbar-modes .group::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.toolbar-main-row{min-width:0}.toolbar-main-row>.toolbar-section:not(.toolbar-modes){flex:0 0 auto}.toolbar-view-row{background:#0000001f;border-top:1px solid var(--border)}.toolbar-brand{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding-right:2px;font-weight:650;white-space:nowrap}.toolbar-brand-logo{display:block;width:26px;height:26px;border-radius:6px}.toolbar-brand-name{font-size:15px}.toolbar-section{display:flex;flex-direction:column;justify-content:flex-end;gap:3px;min-width:0;padding-left:14px;border-left:1px solid var(--border)}.toolbar-label{color:var(--text-dim);font-size:10px;font-weight:650;letter-spacing:.045em;line-height:1;text-transform:uppercase;user-select:none}.toolbar-modes{flex:1 1 auto;overflow:hidden}.toolbar-modes .group{overflow-x:auto;scrollbar-width:thin;padding-bottom:1px}.toolbar-search{flex:1 1 320px}.group{display:flex;align-items:center;gap:6px}.group.grow{flex:1;min-width:180px}button{background:var(--bg-3);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;font:inherit}button:hover:not(:disabled){background:#3a3b45}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent-2);border-color:var(--accent-2)}button.primary:hover:not(:disabled){background:var(--accent)}button.attention:not(:disabled){border-color:var(--accent)}.toolbar-menu{position:relative}.toolbar-menu>summary{display:flex;align-items:center;gap:6px;height:100%;min-height:32px;padding:6px 10px;background:var(--bg-3);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;list-style:none;white-space:nowrap;user-select:none}.toolbar-menu>summary::-webkit-details-marker{display:none}.toolbar-menu>summary:hover,.toolbar-menu[open]>summary{background:#3a3b45}.toolbar-menu>summary span{color:var(--text-dim);font-size:10px}.toolbar-menu-popover{position:absolute;z-index:40;top:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:4px;width:max-content;min-width:210px;padding:6px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #0000008c}.toolbar-menu-popover select{width:100%;margin-bottom:4px}.menu-field{padding:0 5px;color:var(--text-dim);font-size:11px}.toolbar-menu-popover>button{width:100%;border-color:transparent;background:transparent;text-align:left}.toolbar-menu-popover>button:hover:not(:disabled){background:var(--bg-3)}.page-tools-menu{min-width:230px}.menu-divider{height:1px;margin:3px 2px;background:var(--border)}.menu-heading{padding:2px 5px;color:var(--text-dim);font-size:10px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.menu-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.menu-icon-grid button{display:flex;align-items:center;gap:7px;border-color:transparent;background:transparent;text-align:left}.menu-icon-grid button:hover:not(:disabled){background:var(--bg-3)}.menu-icon-grid button span{color:var(--text-dim);font-size:12px}.history-wrap{position:relative}.history-menu{position:absolute;z-index:30;top:calc(100% + 7px);left:0;width:280px;max-height:min(420px,70vh);overflow:hidden;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 28px #0000008c}.history-menu[hidden]{display:none}.history-title{padding:9px 11px;color:var(--text-dim);font-size:12px;font-weight:600;border-bottom:1px solid var(--border)}.history-list{max-height:min(380px,62vh);overflow-y:auto;padding:6px}.history-entry{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border-color:transparent;background:transparent;text-align:left}.history-entry:hover{background:var(--bg-3)}.history-entry.current{background:#4f8cff29;border-color:#4f8cff80}.history-entry.future{color:var(--text-dim)}.history-marker{width:12px;color:var(--accent);text-align:center;flex:0 0 12px}.history-entry span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input[type=search],input[type=number],input[type=password]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font:inherit}input[type=search]{flex:1;min-width:120px}input[type=number]{width:56px;text-align:center}input:disabled{opacity:.45}select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font:inherit}#tool-options{display:flex;align-items:center;gap:14px;padding:6px 12px;background:var(--bg-2);border-bottom:1px solid var(--border);flex-wrap:wrap}#tool-options[hidden]{display:none}.opts{display:flex;align-items:center;gap:8px}.opts[hidden]{display:none}.opts label{color:var(--text-dim);font-size:12px;display:flex;align-items:center;gap:4px}.opts button.active{background:var(--accent-2);border-color:var(--accent-2)}.opts .hint{color:var(--text-dim);font-size:12px}.opts input[type=color]{width:28px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--bg)}.opts input[type=text],.opts input[type=url]{width:130px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 7px;font:inherit}#link-options input[type=url]{width:min(420px,45vw)}.link-box{border:1px dashed rgba(64,192,255,.8);background:#40c0ff0f}#tp-rotate,#ip-rotate,#sp-rotate{width:58px}.pagenav{color:var(--text-dim);white-space:nowrap}#search-count,#zoom-label{color:var(--text-dim);min-width:44px;text-align:center;white-space:nowrap}@media(max-width:1100px){.toolbar-row{gap:10px;padding-inline:9px}.toolbar-section{padding-left:10px}.toolbar-brand-name{display:none}.toolbar-search{flex-basis:220px}}@media(max-width:820px){.toolbar-row{overflow-x:auto}.toolbar-section{flex:0 0 auto}.toolbar-modes{flex:0 0 auto;overflow:visible}.toolbar-modes .group{overflow:visible}.toolbar-search{width:260px;flex:0 0 260px}}main{flex:1;display:flex;min-height:0}#sidebar{width:180px;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column}#sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:12px}#thumbnails{flex:1;overflow-y:auto;padding:10px}.thumb{position:relative;margin:0 auto 12px;width:132px;cursor:pointer;border-radius:6px;padding:4px;border:2px solid transparent}.thumb.current{border-color:var(--accent)}.thumb.drop-before:before,.thumb.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);border-radius:2px}.thumb.drop-before:before{top:-8px}.thumb.drop-after:after{bottom:-8px}.thumb.dragging{opacity:.4}.thumb canvas{display:block;width:100%;background:#fff;border-radius:3px;box-shadow:0 1px 4px #00000080;min-height:60px}.thumb .num{display:block;text-align:center;color:var(--text-dim);font-size:12px;margin-top:4px}.thumb .pick{position:absolute;top:8px;left:8px;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}#viewer{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px;background:radial-gradient(circle at 50% 15%,rgba(75,116,173,.18),transparent 38%),var(--bg)}#drop-hint{margin:auto;text-align:center;color:var(--text-dim);border:1px solid rgba(103,162,255,.24);border-radius:20px;padding:42px 48px 32px;width:min(620px,calc(100vw - 72px));background:linear-gradient(145deg,#223044eb,#182231f0);box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0a}#drop-hint h1{margin:14px 0 8px;color:var(--text);font-size:clamp(22px,4vw,32px);line-height:1.15}#drop-hint>p{max-width:470px;margin:0 auto 22px;font-size:15px}#drop-hint #btn-empty-open{min-width:160px;padding:10px 18px;font-weight:650}#drop-hint .empty-secondary{margin:12px auto 22px;font-size:12px}.empty-logo{display:block;width:76px;height:76px;margin:0 auto;border-radius:18px;box-shadow:0 12px 28px #3478e54d}.trust-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.trust-row span{padding:5px 9px;border:1px solid var(--border);border-radius:999px;font-size:11px}.trust-row span:before{content:"✓";margin-right:5px;color:#6fd5a5}#page-container{position:relative;margin:auto}#page-canvas{display:block;background:#fff;box-shadow:0 2px 12px #0009}.textLayer{color-scheme:only light;position:absolute;inset:0;z-index:1;overflow:clip;line-height:1;text-align:initial;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;--scale-factor: 1;--user-unit: 1;--total-scale-factor: calc(var(--scale-factor) * var(--user-unit));--scale-round-x: 1px;--scale-round-y: 1px;--min-font-size: 1;--text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv: calc(1 / var(--min-font-size))}.textLayer :is(span,br){position:absolute;color:transparent;white-space:pre;cursor:text;transform-origin:0 0;user-select:text}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height: 0;--scale-x: 1;--rotate: 0deg;font-size:calc(var(--text-scale-factor) * var(--font-height));transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}.textLayer[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}.textLayer[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer ::selection{background:#4f8cff61}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;user-select:none}.textLayer .endOfContent.active{top:0}#highlight-layer{position:absolute;inset:0;pointer-events:none;z-index:2}#edit-layer{position:absolute;inset:0;pointer-events:none;z-index:3}#edit-layer.interactive{pointer-events:auto}#edit-layer.draw-active{touch-action:none;cursor:crosshair}.obox{position:absolute;border:1px solid transparent;border-radius:2px;cursor:pointer}.obox:hover{border-color:var(--accent);background:#4f8cff1f}.obox.selected{border-color:var(--accent);background:#4f8cff2e}.ibox,.tbox.selected,.tbox:active{cursor:move}#edit-layer.edit-active{cursor:default}#edit-layer.edit-active .shape-overlay-svg{z-index:1}#edit-layer.edit-active .ibox{z-index:2}#edit-layer.edit-active .fbox,#edit-layer.edit-active .link-box{z-index:4}#edit-layer.edit-active .tbox{z-index:5}#edit-layer.edit-active .tbox{border-color:#4f8cff59}#edit-layer.edit-active .ibox{border-color:#00c89673}#edit-layer.edit-active .fbox{border-color:#ffaa2899}#edit-layer.edit-active .link-box{border-color:#40c0ff99}#edit-layer.edit-active .shape-hit{stroke:#b478ff59}#edit-layer.edit-active .shape-hit:hover{stroke:#4f8cff80}.edit-hover-label{position:fixed;z-index:30;pointer-events:none;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600;line-height:1.5;color:#fff;background:var(--accent);box-shadow:0 1px 4px #0000004d;white-space:nowrap}.edit-hover-label[hidden]{display:none}.shape-overlay-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:auto;touch-action:none}.shape-hit{stroke:#4f8cff01;pointer-events:stroke;cursor:move}.shape-hit:hover{stroke:#4f8cff47}.shape-hit.selected{stroke:#4f8cff94}.shape-handle{cursor:crosshair}#shape-panel{min-width:250px}#shape-panel strong{margin-right:auto;font-size:12px}#sp-width{width:58px}.abox{border:1px dashed rgba(255,213,0,.55)}.abox:hover,.abox.selected{border-style:solid}.fbox{border:1px dashed rgba(79,140,255,.65);background:#4f8cff0f}.fbox.readonly{border-color:var(--border);background:none;cursor:default}.redact-box{position:absolute;border:2px solid #111;background:#000000b8;pointer-events:none}.form-editor{position:absolute;z-index:5;border:1px solid var(--accent);border-radius:2px;background:#fff;color:#111;font:inherit;padding:0 3px}textarea.form-editor{resize:none}.marquee{position:absolute;border:1px solid var(--accent);background:#4f8cff26;pointer-events:none;z-index:2}.draw-preview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.handle{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--accent);border:1px solid #fff;border-radius:2px;z-index:3}.handle.nw,.handle.se{cursor:nwse-resize}.handle.ne,.handle.sw{cursor:nesw-resize}.panel[hidden]{display:none}.panel{position:absolute;z-index:4;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000080;min-width:220px}.panel .row{display:flex;align-items:center;gap:8px}.panel.row{flex-direction:row;min-width:0}.panel input[type=text]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font:inherit;width:100%}.panel label{color:var(--text-dim);font-size:12px;display:flex;align-items:center;gap:4px}.panel input[type=color]{width:28px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--bg)}#ip-info{color:var(--text-dim);font-size:12px;align-self:center}#mode-group button.active{background:var(--accent-2);border-color:var(--accent-2)}.hl{position:absolute;background:var(--highlight);border-radius:2px}.hl.active{background:var(--highlight-active)}.sig-ghost{position:absolute;pointer-events:none;opacity:.75;z-index:2}.sig-thumb{height:28px;max-width:120px;object-fit:contain;border:1px solid var(--border);border-radius:4px;background:repeating-conic-gradient(#fff 0% 25%,#ddd 0% 50%) 0 0 / 10px 10px}.modal-overlay{position:fixed;inset:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:hidden;display:flex;align-items:center;justify-content:center}.modal-overlay:not([open]){display:none}.modal-overlay::backdrop{background:#0000008c}.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #0009;padding:20px;display:flex;flex-direction:column;gap:10px;width:520px;max-width:92vw}.compact-modal{width:440px}.modal-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:18px}.lock-icon{background:#67a2ff24}.warning-icon{background:#ffb85c24;color:#ffbd68;font-weight:800}.field-error{margin:-2px 0 0;color:var(--danger);font-size:12px}.field-error[hidden]{display:none}.privacy-note{margin:0;padding:8px 10px;border-radius:7px;background:#6fd5a514;color:#9bdcbd;font-size:12px}.compatibility-modal{width:520px}.compatibility-modal>p{margin:0;color:var(--text-dim)}.guidance-box{padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);line-height:1.5}.compatibility-modal details{color:var(--text-dim);font-size:12px}.compatibility-modal summary{cursor:pointer}.compatibility-modal pre{max-height:150px;overflow:auto;white-space:pre-wrap;color:var(--text-dim)}.modal-wide{width:760px}.modal h2{margin:0;font-size:18px}.modal-note{margin:0;color:var(--text-dim);font-size:12px}.modal>label{display:flex;flex-direction:column;gap:4px;color:var(--text-dim)}.modal>label input{width:100%}.modal input[type=text],.modal input[type=password]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font:inherit}.modal .wrap{flex-wrap:wrap}.modal .wrap label{color:var(--text-dim);display:flex;align-items:center;gap:4px}.hf-grid{display:grid;grid-template-columns:64px repeat(3,minmax(0,1fr));gap:7px;align-items:center}.hf-grid input{min-width:0;width:100%}.hf-headings{color:var(--text-dim);font-size:12px;text-align:center}.split-actions .grow{flex:1}.modal-tabs{display:flex;gap:6px}.modal-tabs button.active{background:var(--accent-2);border-color:var(--accent-2)}.modal-body{display:flex;flex-direction:column;gap:8px}.modal-body[hidden]{display:none}.modal-body .row{display:flex;align-items:center;gap:8px}.modal-body label{color:var(--text-dim);font-size:12px;display:flex;align-items:center;gap:4px}.modal-body .hint{color:var(--text-dim);font-size:12px}.modal-body input[type=text]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font:inherit}.modal-body input[type=color]{width:28px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--bg)}#sig-canvas,#sig-type-preview,#sig-upload-preview{width:100%;height:auto;border:1px dashed var(--border);border-radius:6px;background:repeating-conic-gradient(#fff 0% 25%,#eee 0% 50%) 0 0 / 16px 16px;touch-action:none}#sig-canvas{cursor:crosshair}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.optimize-modal{width:540px}.optimize-summary{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text-dim)}.optimize-summary strong{color:var(--text)}.modal>label.optimize-option{gap:5px;padding:9px 10px;border:1px solid var(--border);border-radius:7px;cursor:pointer}.optimize-option>span{color:var(--text)}.optimize-option input{width:auto;margin:0 5px 0 0;vertical-align:-1px}.optimize-option small{color:var(--text-dim);padding-left:21px}.optimize-warning{color:#e9b949}.optimize-result{margin:0;padding:8px 10px;border-radius:6px;background:var(--bg);color:var(--text-dim)}.optimize-result[hidden]{display:none}body.dragover #viewer{outline:3px dashed var(--accent);outline-offset:-8px}#status{display:flex;align-items:center;gap:14px;padding:6px 12px;background:var(--bg-2);border-top:1px solid var(--border);color:var(--text-dim);font-size:12px;min-height:28px}#status-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#footer-links{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}.footer-copyright{white-space:nowrap}.linklike{background:none;border:none;padding:0;margin:0;color:var(--text-dim);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.linklike:hover{color:var(--text)}.empty-preview-note{margin:18px 0 0;font-size:12px;color:var(--text-dim);opacity:.85}.info-modal p{margin:0;line-height:1.5}.info-modal .disclaimer-body{display:flex;flex-direction:column;gap:10px}.contact-email{font-size:16px}.contact-email a,.info-modal a{color:var(--accent)}#status-msg:not(:empty):before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--accent);vertical-align:1px}@media(max-width:640px){#thumbnails{padding-inline:4px}#viewer{padding:16px}#drop-hint{width:min(94vw,520px);padding:30px 20px 24px}.trust-row span{font-size:10px}}.m-chrome[hidden],#m-scrim[hidden]{display:none!important}.m-only{display:none}.m-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:38px;height:38px;padding:0;font-size:17px;line-height:1}.m-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);font-weight:650}body.mobile-shell{--m-top-h: 50px;--m-bottom-h: 100px;--m-tools-h: 0px}body.mobile-shell .m-only{display:inline-flex}body.mobile-shell #toolbar{display:none}body.mobile-shell button{min-height:34px}body.mobile-shell.m-overlay-open{overflow:hidden}body.mobile-shell #m-topbar{position:fixed;top:0;left:0;right:0;z-index:25;display:flex;align-items:center;gap:5px;padding:6px 8px;padding-top:max(6px,env(safe-area-inset-top,0px));background:var(--bg-2);border-bottom:1px solid var(--border);box-shadow:0 2px 10px #00000038}body.mobile-shell .m-brand-logo{flex:0 0 auto;width:22px;height:22px;border-radius:5px}body.mobile-shell #m-topbar-file{flex:1 1 auto;min-width:0}body.mobile-shell #m-topbar-file #status-file{display:block;color:var(--text-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.mobile-shell #m-topbar-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}body.mobile-shell #m-topbar-actions button{min-height:38px;padding:6px 9px;font-size:13px}body.mobile-shell #m-topbar-actions #btn-undo span,body.mobile-shell #m-topbar-actions #btn-redo span{display:none}body.mobile-shell #m-topbar-actions #btn-recovery{font-size:12px}body.mobile-shell #m-searchbar{position:fixed;top:var(--m-top-h);left:0;right:0;z-index:24;display:flex;padding:7px 8px;background:var(--bg-2);border-bottom:1px solid var(--border);box-shadow:0 6px 16px #0000004d}body.mobile-shell #m-searchbar #sec-search{flex:1 1 auto;width:auto;padding-left:0;border-left:none}body.mobile-shell #m-searchbar .toolbar-label{display:none}body.mobile-shell #m-searchbar .group{flex-wrap:nowrap}body.mobile-shell #m-searchbar #search-count{min-width:0;font-size:11px}body.mobile-shell #m-bottombar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;flex-direction:column;background:var(--bg-2);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 14px #0000004d}body.mobile-shell #m-bottom-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px;border-bottom:1px solid var(--border)}body.mobile-shell #m-bottom-controls .toolbar-section{flex:0 0 auto;justify-content:center;padding-left:0;border-left:none}body.mobile-shell #m-bottom-controls .toolbar-label{display:none}body.mobile-shell #m-bottom-controls button{min-width:38px}body.mobile-shell #m-bottom-controls #zoom-label{min-width:40px;font-size:12px}body.mobile-shell #btn-zoom-fit.active{background:var(--accent-2);border-color:var(--accent-2)}body.mobile-shell #m-bottom-modes{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:7px 8px}body.mobile-shell #m-bottom-modes::-webkit-scrollbar{display:none}body.mobile-shell #mode-group{display:flex;gap:6px;width:max-content}body.mobile-shell #mode-group button{min-height:40px;padding:9px 15px;border-radius:999px;white-space:nowrap}body.mobile-shell #m-drawer{position:fixed;top:0;bottom:0;left:0;z-index:31;width:min(82vw,300px);display:flex;flex-direction:column;background:var(--bg-2);border-right:1px solid var(--border);box-shadow:6px 0 28px #0000008c;padding-top:env(safe-area-inset-top,0px)}body.mobile-shell #m-drawer-body{flex:1;min-height:0;display:flex}body.mobile-shell #m-drawer #sidebar{width:100%;border-right:none}body.mobile-shell #m-drawer #sidebar-header{padding:10px 12px;font-size:13px}body.mobile-shell #m-drawer .thumb{width:auto;max-width:200px}body.mobile-shell #m-drawer .thumb .pick{width:20px;height:20px}body.mobile-shell #m-sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;display:flex;flex-direction:column;max-height:88vh;background:var(--bg-2);border-top:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:0 -12px 44px #0009;padding-bottom:env(safe-area-inset-bottom,0px)}body.mobile-shell #m-sheet-body{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:12px 14px 18px}body.mobile-shell #m-sheet-body .toolbar-section{flex:0 0 auto;gap:7px;padding-left:0;border-left:none}body.mobile-shell #m-sheet-body .toolbar-label{font-size:11px}body.mobile-shell #m-sheet-body .group{flex-wrap:wrap;gap:8px}body.mobile-shell #m-sheet-body .group>button,body.mobile-shell #m-sheet-body .group>.history-wrap>button{min-height:40px;flex:1 1 auto}body.mobile-shell #m-sheet-body select{min-height:40px;width:100%}body.mobile-shell #m-sheet .toolbar-menu{flex:1 1 100%}body.mobile-shell #m-sheet .toolbar-menu>summary{justify-content:space-between;min-height:40px}body.mobile-shell #m-sheet .toolbar-menu-popover{position:static;width:auto;min-width:0;margin-top:7px;background:var(--bg);box-shadow:none}body.mobile-shell #m-sheet .toolbar-menu-popover>button{min-height:42px}body.mobile-shell #m-sheet .history-wrap{width:100%}body.mobile-shell #m-sheet .history-menu{position:static;width:100%;margin-top:7px;max-height:44vh}body.mobile-shell #m-sheet .history-list{max-height:38vh}body.mobile-shell #m-sheet-body #footer-links{margin-left:0;flex-wrap:wrap;gap:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12px}#m-scrim{position:fixed;inset:0;z-index:30;background:#0000008c}body.mobile-shell main{padding-top:var(--m-top-h);padding-bottom:calc(var(--m-bottom-h) + var(--m-tools-h))}body.mobile-shell #viewer{padding:10px}body.mobile-shell #drop-hint{width:min(96vw,520px);padding:26px 18px 20px}body.mobile-shell #status{position:fixed;left:0;right:0;bottom:calc(var(--m-bottom-h) + var(--m-tools-h) + 6px);z-index:22;justify-content:center;min-height:0;padding:0 10px;background:none;border:none;pointer-events:none}body.mobile-shell #status-msg:empty{display:none}body.mobile-shell #status-msg:not(:empty){max-width:100%;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg-3);box-shadow:0 6px 18px #00000073;color:var(--text)}body.mobile-shell #tool-options{position:fixed;left:0;right:0;bottom:var(--m-bottom-h);z-index:23;gap:10px;max-height:40vh;overflow-y:auto;padding:9px 10px;border-top:1px solid var(--border);border-bottom:none;box-shadow:0 -2px 12px #00000040}body.mobile-shell #tool-options .opts{flex-wrap:wrap;gap:8px;width:100%}body.mobile-shell #tool-options .hint{flex:1 1 100%}body.mobile-shell #link-options input[type=url]{width:100%}body.mobile-shell #tool-options label{flex:0 0 auto}body.mobile-shell .panel{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(var(--m-bottom-h) + var(--m-tools-h) + 10px)!important;z-index:24;min-width:0;max-height:58vh;overflow-y:auto;border-radius:12px;box-shadow:0 -8px 30px #0000008c}body.mobile-shell .panel.row,body.mobile-shell .panel .row{flex-wrap:wrap}body.mobile-shell .panel button{min-height:38px;flex:1 1 auto}body.mobile-shell .panel select{min-height:38px}body.mobile-shell #shape-panel{min-width:0}body.mobile-shell .handle{width:16px;height:16px;margin:-8px 0 0 -8px}body.mobile-shell .modal-overlay{align-items:flex-end}body.mobile-shell .modal{width:100%;max-width:100%;max-height:92vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:16px 14px calc(18px + env(safe-area-inset-bottom,0px))}body.mobile-shell .modal .row,body.mobile-shell .modal-actions{flex-wrap:wrap}body.mobile-shell .modal-actions button{flex:1 1 auto;min-height:42px}body.mobile-shell .modal-tabs button{flex:1 1 auto;min-height:40px}body.mobile-shell .hf-grid{grid-template-columns:46px repeat(3,minmax(0,1fr));gap:5px;font-size:12px}body.mobile-shell .modal input[type=number]{width:100%;min-width:52px}