:root{--bg:#EDF0F4;--surface:#FFFFFF;--sunk:#E3E7ED;--ink:#161E29;--muted:#566273;--line:#D2D8E0;--accent:#1D4E8F;--accent-ink:#FFFFFF;--accent-soft:#DCE6F3;--amber:#C07F00;--amber-soft:#FAEDCC;--danger:#B3261E;--danger-soft:#F8DEDB;--ok:#1C7340;--ok-soft:#DAF0E2;--shadow:0 1px 2px rgba(22,30,41,.06),0 4px 16px rgba(22,30,41,.06);--ui:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;--num:"Cascadia Mono",Consolas,"SF Mono",Menlo,monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#0F1318;--surface:#171D25;--sunk:#0B0E12;--ink:#E3E8EE;--muted:#93A0B0;--line:#29323D;--accent:#7AA7E6;--accent-ink:#0A1220;--accent-soft:#1B2A3E;--amber:#EDB443;--amber-soft:#382C12;--danger:#F08C82;--danger-soft:#3A1D1B;--ok:#6DCB92;--ok-soft:#15301F;--shadow:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25);color-scheme:dark}}:root[data-theme=dark]{--bg:#0F1318;--surface:#171D25;--sunk:#0B0E12;--ink:#E3E8EE;--muted:#93A0B0;--line:#29323D;--accent:#7AA7E6;--accent-ink:#0A1220;--accent-soft:#1B2A3E;--amber:#EDB443;--amber-soft:#382C12;--danger:#F08C82;--danger-soft:#3A1D1B;--ok:#6DCB92;--ok-soft:#15301F;--shadow:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--ui);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app{display:grid;grid-template-columns:250px minmax(0,1fr);height:100%}.rail{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;padding:20px 14px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 6px}.brand-mark{width:34px;height:34px;border-radius:8px;display:block;flex:none}.brand>div{flex:1;min-width:0}.brand b{display:block;font-size:17px;line-height:1.1}.brand small{color:var(--muted);font-size:12px}.offline{display:flex;align-items:center;gap:8px;margin:0 6px;padding:8px 10px;border-radius:8px;background:var(--ok-soft);color:var(--ok);font-size:12px;line-height:1.35}.offline i{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}.nav{display:flex;flex-direction:column;gap:14px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 10px 4px;font-weight:600}.nav button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left;color:var(--ink)}.nav button svg{flex:none;color:var(--muted)}.nav button:hover{background:var(--sunk)}.nav button[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav button[aria-current=page] svg{color:var(--accent)}.rail-foot{margin-top:auto;font-size:12px;color:var(--muted);padding:0 6px;line-height:1.45}main{overflow-y:auto;padding-block:26px 40px;padding-inline:28px}.head{max-width:1180px;margin:0 auto 18px;display:flex;gap:14px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.head h1{margin:0;font-size:26px;line-height:1.2;text-wrap:balance;letter-spacing:-.01em}.head p{margin:4px 0 0;color:var(--muted);max-width:62ch}.ws{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.col-area{display:flex;flex-direction:column;gap:10px}.col-main{display:flex;flex-direction:column;gap:14px;min-width:0}.side{position:sticky;top:0;display:flex;flex-direction:column;gap:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.panel h2{margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:2px dashed var(--line);border-radius:14px;background:var(--surface);padding:48px 20px;cursor:pointer;transition:border-color .15s,background .15s}.drop:hover,.ws.dragging .drop{border-color:var(--accent);background:var(--accent-soft)}.drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop .btn-fake{background:var(--accent);color:var(--accent-ink);padding:10px 20px;border-radius:8px;font-weight:600;font-size:15px}.drop .hint{color:var(--muted);font-size:13px}.drop svg{color:var(--accent);margin-bottom:6px}.drop.compact{flex-direction:row;padding:10px 14px;gap:12px;justify-content:flex-start;border-width:1.5px}.drop.compact .ico{display:none}.drop.compact .btn-fake{padding:6px 12px;font-size:13px}.drop:focus-within{border-color:var(--accent)}.list{display:flex;flex-direction:column;gap:8px}.row{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.row.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.row .idx{font-family:var(--num);font-size:12px;color:var(--muted);width:22px;text-align:right;font-variant-numeric:tabular-nums}.thumb{width:52px;height:64px;border-radius:4px;background:var(--sunk);display:grid;place-items:center;overflow:hidden}.thumb img{max-width:100%;max-height:100%;display:block;box-shadow:0 0 0 1px var(--line)}.row .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .meta{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.row .acts{display:flex;gap:2px}.icon-btn{border:0;background:none;width:32px;height:32px;border-radius:6px;display:grid;place-items:center;cursor:pointer;color:var(--muted)}.icon-btn:hover{background:var(--sunk);color:var(--ink)}.icon-btn.del:hover{background:var(--danger-soft);color:var(--danger)}.icon-btn:disabled{opacity:.3;cursor:default;background:none}.row[draggable=true]{cursor:grab}.grid-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.grid-tools .count{margin-right:auto;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.tile{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 8px 6px;display:flex;flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none}.tile .pv{aspect-ratio:1/1.2;max-width:100%;background:var(--sunk);border-radius:4px;display:grid;place-items:center;overflow:hidden}.tile .pv img{max-width:92%;max-height:92%;display:block;box-shadow:0 1px 3px #0000002e;transition:transform .2s;background:#fff}.tile .cap{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;gap:4px;min-height:22px}.tile .cap b{color:var(--ink);font-family:var(--num);font-weight:600}.tile .tag{font-size:11px;padding:1px 7px;border-radius:99px;font-weight:600;white-space:nowrap}.tile.g0 .tag{background:var(--accent-soft);color:var(--accent)}.tile.g1 .tag{background:var(--amber-soft);color:var(--amber)}.tile.g0{border-color:var(--accent)}.tile.g1{border-color:var(--amber)}.tile.dim{opacity:.42}.tile.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.tile.org{cursor:pointer}.tile.org[draggable=true]{cursor:grab}.tile .hover-acts{position:absolute;top:12px;right:12px;display:flex;gap:4px;opacity:0;transition:opacity .12s}.tile:hover .hover-acts,.tile:focus-within .hover-acts{opacity:1}.tile .hover-acts .icon-btn{background:var(--surface);box-shadow:var(--shadow);width:28px;height:28px}.tile .check{position:absolute;top:12px;left:12px;width:20px;height:20px;border-radius:5px;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--accent-ink)}.tile.sel .check{background:var(--accent);border-color:var(--accent)}.tile.drag-over{box-shadow:-4px 0 0 0 var(--amber)}.tile .src{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media (hover:none){.tile .hover-acts{opacity:1}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field:last-child{margin-bottom:0}.field>label,.field>.lbl{font-weight:600;font-size:13px}.field .help{color:var(--muted);font-size:12px;line-height:1.4}.inp{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.inp:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices{display:flex;flex-direction:column;gap:6px}.choice{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--bg)}.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.choice input{margin:3px 0 0;accent-color:var(--accent)}.choice span{display:flex;flex-direction:column;line-height:1.35}.choice small{color:var(--muted);font-size:12px}.seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px;gap:3px}.seg label{flex:1;text-align:center;padding:5px 6px;border-radius:6px;cursor:pointer;font-size:13px}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label:has(input:checked){background:var(--surface);box-shadow:var(--shadow);font-weight:600;color:var(--accent)}.seg label:has(input:focus-visible){outline:2px solid var(--accent)}.range-row{display:flex;align-items:center;gap:10px}.range-row input[type=range]{flex:1;accent-color:var(--accent)}.range-row output{font-family:var(--num);font-size:12px;min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.check-line{display:flex;gap:8px;align-items:center;font-size:13px;cursor:pointer}.check-line input{accent-color:var(--accent)}.note{font-size:12px;line-height:1.45;padding:9px 11px;border-radius:8px;background:var(--amber-soft);color:var(--ink)}.note b{color:var(--amber)}input[type=color]{width:44px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:3px;cursor:pointer}.preview{border-radius:8px;background:var(--sunk);display:grid;place-items:center;padding:10px;min-height:120px}.preview canvas{max-width:100%;height:auto;box-shadow:0 1px 4px #0003;background:#fff}.preview .ph{color:var(--muted);font-size:12px}.action{display:flex;flex-direction:column;gap:10px}.sum{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.sum b{color:var(--ink)}.run{border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:15px;padding:12px 16px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.run:hover{filter:brightness(1.08)}.run:disabled{background:var(--sunk);color:var(--muted);cursor:not-allowed;filter:none}.ghost{border:1px solid var(--line);background:var(--surface);padding:6px 10px;border-radius:7px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px}.ghost:hover{border-color:var(--accent);color:var(--accent)}.ghost.danger:hover{border-color:var(--danger);color:var(--danger)}.ghost:disabled{opacity:.45;cursor:default;border-color:var(--line);color:inherit}.result{background:var(--ok-soft);border:1px solid var(--ok);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.result h3{margin:0;font-size:15px;color:var(--ok);display:flex;align-items:center;gap:8px}.out{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:8px;padding:8px 10px;flex-wrap:wrap}.out .n{font-weight:600;flex:1;min-width:0;overflow-wrap:anywhere}.out .s{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.result .notes{font-size:13px;line-height:1.5}.result .notes div+div{margin-top:2px}.empty-tip{color:var(--muted);font-size:13px;padding:4px 2px}#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:50;width:min(460px,calc(100% - 32px))}.t{background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow);font-size:13px;animation:up .2s ease}.t.err{background:var(--danger);color:#fff}@keyframes up{0%{transform:translateY(8px);opacity:0}}#busy{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1473;display:grid;place-items:center;z-index:40;padding:16px}#busy .card{background:var(--surface);border-radius:14px;padding:22px 24px;width:min(380px,100%);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}#busy b{font-size:15px}#busy .txt{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.bar{height:6px;background:var(--sunk);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;width:30%;background:var(--accent);border-radius:99px;transition:width .2s}.bar.indet i{animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}.ed-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;position:sticky;top:0;z-index:6}.ed-group{display:flex;gap:2px;flex-wrap:wrap}.ed-group+.ed-group{border-left:1px solid var(--line);padding-left:6px}.ed-hist{margin-left:auto}.ed-tool{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;border:0;background:none;border-radius:8px;padding:6px 6px 4px;cursor:pointer;color:var(--muted);font-size:11.5px;line-height:1.2}.ed-tool svg{color:currentColor}.ed-tool span{color:var(--ink)}.ed-tool:hover{background:var(--sunk);color:var(--ink)}.ed-tool[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.ed-tool[aria-pressed=true] span{color:var(--accent);font-weight:600}.ed-tool.icon-only{min-width:40px;justify-content:center;padding:8px}.ed-tool:disabled{opacity:.35;cursor:default;background:none}.ed-stage{position:relative;background:var(--sunk);border-radius:12px;padding:12px;overflow:auto;display:flex;align-items:flex-start;height:calc(100vh - 250px);height:calc(100dvh - 250px);min-height:380px;touch-action:pan-x pan-y;overscroll-behavior:contain}.ed-page{position:relative;box-shadow:0 1px 3px #0003,0 6px 24px #0000001f;background:#fff;flex:none;margin:0 auto}.ed-layer.panning,.ed-layer.panning .ed-obj{cursor:grabbing!important}.ed-ann{position:absolute;pointer-events:none;border-radius:2px}.ed-layer[data-mode=remove] .ed-ann{pointer-events:auto;outline:2px dashed var(--danger);outline-offset:1px;background:#b3261e14;cursor:pointer}.ed-layer[data-mode=remove] .ed-ann:hover{background:#b3261e33;outline-style:solid}.ed-txt{position:absolute;border-radius:2px;cursor:pointer}.ed-txt:hover{outline:1.5px solid var(--accent);background:#1d4e8f24}.ed-layer[data-mode=remove]{cursor:crosshair}.ed-layer[data-mode=remove] .ed-obj:hover{outline:2px solid var(--danger);outline-offset:2px;background-color:#b3261e14}.ed-layer[data-mode=erase]{cursor:cell}.ed-layer[data-mode=erase] .ed-erase svg path:last-child,.ed-obj.sel svg path:last-child{filter:drop-shadow(0 0 .6px rgba(0,0,0,.45))}.redact{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:8px;background:var(--amber-soft)}.redact.on{background:var(--danger-soft)}.fmt-row{display:flex;gap:8px;flex-wrap:wrap}.fmt-group{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px}.fmt-btn{min-width:34px;height:32px;border:0;background:none;border-radius:6px;cursor:pointer;font-size:15px;display:grid;place-items:center;color:var(--ink);padding:0 6px}.fmt-btn:hover{background:var(--sunk)}.fmt-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.size-row{display:flex;gap:6px;align-items:center}.size-row .inp{width:auto;flex:1;min-width:56px;text-align:center}.size-row .fmt-btn{border:1px solid var(--line);background:var(--bg);font-size:13px;font-weight:600}.size-row .size-preset{flex:none;width:72px;text-align:left}.font-sel{font-size:15px}.ed-sample{padding:10px 12px;border:1px dashed var(--line);border-radius:8px;background:#fff;font-size:17px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-zoom{display:flex;align-items:center;gap:4px;margin-left:8px}.ed-zoom .fmt-btn{border:1px solid var(--line);background:var(--surface)}.ed-zsel{width:auto;max-width:150px;padding:5px 8px;font-variant-numeric:tabular-nums}.ed-canvas{display:block}.ed-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:default}.ed-layer:not([data-mode=select]){cursor:crosshair;touch-action:none}.ed-layer[data-mode=text]{cursor:text}.ed-obj{position:absolute;touch-action:none;box-sizing:border-box}.ed-layer[data-mode=select] .ed-obj{cursor:move}.ed-text{white-space:pre;line-height:1.2;text-underline-offset:.1em;text-decoration-thickness:.06em;text-decoration-skip-ink:none;min-width:.6em;min-height:1.2em;outline:none}.ed-text.editing{cursor:text;outline:1.5px solid var(--accent);outline-offset:2px;background:#ffffff8c}.ed-ink svg{display:block;overflow:visible;pointer-events:none}.ed-ink{pointer-events:none}.ed-ink svg path{pointer-events:stroke}.ed-highlight{opacity:.42;mix-blend-mode:multiply}.ed-image img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.ed-obj.sel{outline:1.5px dashed var(--accent);outline-offset:3px}.ed-handle{position:absolute;right:-9px;bottom:-9px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:nwse-resize;box-shadow:0 1px 3px #0000004d}@media (pointer:coarse){.ed-handle{width:22px;height:22px;right:-13px;bottom:-13px}}.ed-nav{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.ed-pinfo{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;color:var(--muted)}.ed-pno{width:64px;text-align:center;padding:5px 6px}.ed-props{display:flex;flex-direction:column;gap:12px}.ed-props .field{margin-bottom:0}.ed-ptitle{font-weight:700;font-size:14px}.swatches{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid var(--surface);background:var(--c);box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--accent)}.swatch[data-c="#FFFFFF"],.swatch[data-c="#F5F5F0"],.swatch[data-c="#FFF8E7"]{box-shadow:0 0 0 1px #9aa4b2}.swatch[data-c="#FFFFFF"].on,.swatch[data-c="#F5F5F0"].on,.swatch[data-c="#FFF8E7"].on{box-shadow:0 0 0 2px var(--accent)}.sig-body{display:flex;flex-direction:column;gap:12px}.sig-pad{width:100%;height:auto;aspect-ratio:900/340;background:#fff;border:1.5px dashed var(--line);border-radius:10px;touch-action:none;cursor:crosshair}.sig-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sig-row .seg{flex:1;min-width:180px}.sig-saved{height:24px;width:auto;background:#fff;border-radius:4px}.contact-wrap{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.contact{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 13px;border-radius:99px;border:0;cursor:pointer;background:#14202b;color:#e8eef4;font:inherit;font-weight:700;font-size:14px;letter-spacing:.02em;font-variant-numeric:tabular-nums;box-shadow:0 2px 10px #00000040}.contact svg{color:#35c5b5;flex:none}.contact:hover,.contact[aria-expanded=true]{background:#1d4e8f}.contact-menu{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px #0000002e;padding:6px;width:250px;display:flex;flex-direction:column;gap:2px;animation:up .15s ease}.cm-title{font-size:12px;color:var(--muted);padding:6px 10px 4px;font-variant-numeric:tabular-nums}.cm-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--ink);background:none;border:0;font:inherit;text-align:left;cursor:pointer;width:100%}.cm-item:hover,.cm-item:focus-visible{background:var(--sunk)}.cm-item span:last-child{display:flex;flex-direction:column;line-height:1.3}.cm-item small{color:var(--muted);font-size:12px}.cm-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff}.cm-call{background:#1c9c5b}.cm-zalo{background:#0068ff;font-weight:800;font-size:11px;letter-spacing:.01em}.cm-copy{background:var(--sunk);color:var(--ink)}@media (max-width: 760px){.contact-wrap{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:12px}.contact{padding:6px 12px 6px 10px;font-size:12.5px}}.home-top{max-width:1180px;margin:0 auto 18px}.home-search{max-width:520px;font-size:15px;padding:10px 14px;background:var(--surface)}.home{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.home-group h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.home-card{display:flex;gap:12px;align-items:flex-start;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;color:var(--ink);transition:border-color .12s,transform .12s}.home-card:hover{border-color:var(--accent);transform:translateY(-1px)}.hc-ic{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}.hc-t{display:flex;flex-direction:column;gap:3px;min-width:0}.hc-t b{font-size:14px}.hc-t small{color:var(--muted);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.thumb .ext{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.03em}.tile.pick{cursor:pointer}.tile.pick:hover{border-color:var(--accent)}.crop-stage{background:var(--sunk);border-radius:12px;padding:12px;display:flex;justify-content:center;overflow:auto}.crop-wrap{position:relative;touch-action:none;cursor:crosshair;flex:none;box-shadow:0 1px 3px #0003}.crop-canvas{display:block;background:#fff}.crop-box{position:absolute;outline:2px solid var(--accent);box-shadow:0 0 0 9999px #0a0e1473;pointer-events:none}.crop-wrap{overflow:hidden}.cmp{display:flex;flex-direction:column;gap:14px}.cmp-sum{font-weight:700;padding:10px 12px;background:var(--amber-soft);border-radius:10px;margin-bottom:10px}.cmp-page{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.cmp-page.changed{border-color:var(--danger)}.cmp-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.cmp-h b{color:var(--ink)}.cmp-imgs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cmp-imgs figure{margin:0;display:flex;flex-direction:column;gap:4px}.cmp-imgs figcaption{font-size:12px;color:var(--muted)}.cmp-imgs img{width:100%;border:1px solid var(--line);border-radius:4px;background:#fff}.cmp-none{aspect-ratio:1/1.3;display:grid;place-items:center;background:var(--sunk);border-radius:4px;color:var(--muted);font-size:12px}.cmp-diff{font-size:13px;line-height:1.6;max-height:220px;overflow:auto;padding:8px 10px;background:var(--bg);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.cmp-diff ins{background:var(--ok-soft);color:var(--ok);text-decoration:none;border-radius:3px;padding:0 2px}.cmp-diff del{background:var(--danger-soft);color:var(--danger);border-radius:3px;padding:0 2px}@media (max-width:760px){.home-grid{grid-template-columns:1fr 1fr}.home-card{padding:10px;gap:8px}.hc-ic{width:32px;height:32px}.hc-t small{display:none}}.frm-pages{display:flex;flex-direction:column;align-items:center;gap:6px}.frm-cap{align-self:stretch;font-size:12px;color:var(--muted);margin-top:8px}.frm-page{position:relative;background:#fff;box-shadow:0 1px 3px #0003;max-width:100%}.frm-page canvas{display:block}.frm-in{position:absolute;box-sizing:border-box;border:1.5px solid #6EA0E6;background:#dceaffd1;color:#111;padding:0 4px;border-radius:3px;font-family:Times New Roman,serif;resize:none}.frm-in:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.frm-chk{position:absolute;margin:0;accent-color:var(--accent);cursor:pointer}.cam-btn{justify-content:center;padding:11px 12px;font-weight:700;font-size:15px;margin-bottom:14px;width:100%;border-color:var(--accent);color:var(--accent)}.x-sheet{display:inline-block;padding:0;background:#fff;color:#000;font:13px/1.35 Calibri,Carlito,Arial,sans-serif}.x-sheet .x-title{font-weight:700;font-size:14px;margin:0 0 6px}.x-sheet table{border-collapse:collapse}.x-sheet td{padding:3px 6px;white-space:nowrap;vertical-align:bottom}.x-sheet.grid td{border:1px solid #9aa0a6}.x-sheet td.num{text-align:right;font-variant-numeric:tabular-nums}.x-sheet tr:first-child td{font-weight:700;background:#eef1f5}.ai-set{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.ai-status{font-size:13px;font-weight:600;padding:8px 10px;border-radius:8px;background:var(--amber-soft)}.ai-status.ok{background:var(--ok-soft);color:var(--ok)}.ai-key-row{display:flex;gap:6px}.ai-key-row .inp{flex:1;min-width:0}.ai-set .field span{font-size:12px;color:var(--muted);line-height:1.4}.ai-set a{color:var(--accent)}.install{display:flex;align-items:center;gap:8px;margin:0 6px;padding:9px 12px;border-radius:8px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-weight:600;cursor:pointer}.install:hover{background:var(--accent-soft)}.install-mini{display:none;border:0;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:13px;padding:6px 12px;border-radius:99px;cursor:pointer;flex:none}.out-acts{display:flex;gap:6px;flex-wrap:wrap}.t{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.t-field{max-width:520px}.t-btn{border:0;background:var(--accent);color:var(--accent-ink);font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;margin-left:auto}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1473;display:flex;align-items:center;justify-content:center;z-index:45;padding:16px}.sheet-card{background:var(--surface);border-radius:16px;padding:20px;width:min(460px,100%);max-height:calc(100% - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.sheet-card h2{margin:0;font-size:17px;text-wrap:balance}.sheet-card>.ghost{align-self:flex-end}.sheet-grid{display:flex;flex-direction:column;gap:6px}.sheet-opt{display:flex;gap:12px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:10px 12px;cursor:pointer}.sheet-opt:hover{border-color:var(--accent);background:var(--accent-soft)}.sheet-opt svg{flex:none;color:var(--accent);margin-top:2px}.sheet-opt span{display:flex;flex-direction:column;gap:2px}.sheet-opt small{color:var(--muted);font-size:12px;line-height:1.4}.ios-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;line-height:1.45}@media (max-width: 980px){.ws{grid-template-columns:minmax(0,1fr)}.side{position:static}}@media (max-width: 760px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.rail{border-right:0;border-bottom:1px solid var(--line);padding:12px 16px;gap:10px}.offline,.rail-foot{display:none}.nav{flex-direction:row;overflow-x:auto;gap:4px;margin:0 -16px;padding:0 16px 2px}.nav-group{flex-direction:row;gap:4px}.nav-label{display:none}.nav button{white-space:nowrap;width:auto;padding:7px 10px;background:var(--sunk)}main{padding-block:18px 32px;padding-inline:16px}.head h1{font-size:22px}.pages{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.drop{padding:28px 16px}.install{display:none!important}.install-mini:not([hidden]){display:block}.ws{display:flex;flex-direction:column;gap:12px;align-items:stretch}.col-main,.side{display:contents}.result{order:1}.drop{order:2}.opt-panel{order:3}.col-area{order:4}.ws:has(.ed-stage) .opt-panel,.ws.ws-editor .opt-panel{order:5}.ed-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;border-radius:0;border-width:1px 0}.ed-group{flex-wrap:nowrap;flex:none}.ed-hist{margin-left:0}.ed-tool{min-width:52px;font-size:11px;flex:none}.ed-group+.ed-group{border-left:0;padding-left:0}.ed-stage{margin-inline:-16px;border-radius:0;padding:8px;height:calc(100dvh - 190px);min-height:320px}.ed-zoom{margin-left:0}.action{order:5;position:sticky;bottom:0;z-index:5;margin-inline:-16px;border-radius:14px 14px 0 0;border-width:1px 0 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px #00000014;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px}.action .sum{flex:1;min-width:0}.action .run{padding:10px 18px}.action .help{flex-basis:100%}main{padding-bottom:0}.grid-tools .ghost{padding:6px 8px}.out{gap:8px}}.ed-layer[data-mode=copy],.ed-ctxt{cursor:text}.ed-ctxt:hover{outline:1px dashed var(--accent);background:#1d4e8f12}.ed-csel{position:absolute;background:#1e88e552;border-radius:1px;pointer-events:none;mix-blend-mode:multiply}.ed-band{position:absolute;border:1.5px dashed var(--accent);background:#1e88e514;pointer-events:none}.ed-cbar{position:absolute;z-index:5;display:flex;gap:2px;padding:3px;background:#1f2933;border-radius:8px;box-shadow:0 4px 14px #00000040;white-space:nowrap}.ed-cbar button{font:inherit;font-size:13px;color:#fff;background:none;border:0;border-radius:6px;padding:6px 10px;cursor:pointer;min-height:32px}.ed-cbar button:hover,.ed-cbar button:focus-visible{background:#ffffff29;outline:none}.ed-layer.placing{cursor:copy}.ed-ghost{opacity:.55;pointer-events:none;outline:1.5px dashed var(--accent);outline-offset:2px}.ed-ctext{width:100%;font:13px/1.45 ui-monospace,Consolas,monospace;resize:vertical;white-space:pre-wrap}.btn-row{display:flex;flex-wrap:wrap;gap:6px}.btn-row .primary-sm{font:inherit;font-weight:600;color:var(--accent-ink);background:var(--accent);border:0;border-radius:8px;padding:8px 14px;cursor:pointer}.btn-row .primary-sm:hover{filter:brightness(1.08)}.place-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ed-ghost-wrap{position:absolute;pointer-events:none;z-index:4}.no-has .choice.is-on{border-color:var(--accent);background:var(--accent-soft)}.no-has .seg label.is-on{background:var(--surface);box-shadow:var(--shadow);font-weight:600;color:var(--accent)}