.tp-head{padding:30px 0 8px}.crumbs{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-3);margin-bottom:18px}.crumbs a:hover{color:var(--accent)}.crumbs .sep{opacity:.5}.tp-title-row{display:flex;align-items:center;gap:16px}.tp-ico{width:56px;height:56px;border-radius:var(--r-lg);flex:none}.tp-ico svg{width:28px;height:28px}.tp-title-row h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.03em}.tp-title-row p{color:var(--text-3);font-size:15.5px;margin-top:4px}.tp-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start;margin-top:28px}@media (max-width:940px){.tp-layout{grid-template-columns:1fr}.tp-side{order:3}}.workspace{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden}.drop-zone{margin:22px;min-height:320px;border:2px dashed var(--border-strong);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:40px 24px;cursor:pointer;transition:all .2s var(--ease);position:relative;background:var(--surface-2)}.drop-zone:hover{border-color:var(--accent);background:var(--accent-softer)}.drop-zone.drag{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01);box-shadow:var(--shadow-glow)}.drop-ico{width:72px;height:72px;border-radius:50%;background:var(--flow);color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -6px var(--accent-ring);animation:floaty 3s var(--ease) infinite}.drop-ico svg{width:32px;height:32px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.drop-zone h3{font-size:20px}.drop-zone .dz-sub{color:var(--text-3);font-size:14.5px}.drop-zone .dz-formats{font-family:var(--mono);font-size:11.5px;color:var(--text-faint);margin-top:6px;letter-spacing:.03em}.dz-actions{display:flex;gap:10px;margin-top:6px}.ws-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border)}.ws-bar h3{font-size:16px}.preview-area{display:grid;grid-template-columns:1.2fr 1fr;gap:0}@media (max-width:720px){.preview-area{grid-template-columns:1fr}}.preview-pane{padding:22px}.preview-pane.settings-pane{border-left:1px solid var(--border);background:var(--surface-2)}@media (max-width:720px){.preview-pane.settings-pane{border-left:none;border-top:1px solid var(--border)}}.preview-frame{aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-3);display:grid;place-items:center;border:1px solid var(--border);position:relative}.preview-frame img,.preview-frame video{width:100%;height:100%;object-fit:contain}.file-badge{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-3);font-weight:600}.file-badge svg{width:40px;height:40px;color:var(--accent)}.file-badge.ok svg{color:oklch(.6 .15 150)}.file-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.file-meta-row .fname{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta-row .fsize{font-size:13px;color:var(--text-3)}.settings-pane h3{margin-bottom:18px;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:12px}.settings-body{display:flex;flex-direction:column;gap:20px}.range-val{color:var(--accent);font-weight:700;float:right;font-variant-numeric:tabular-nums}.range-hint{font-size:12px;color:var(--text-faint)}.ws-footer{display:flex;align-items:center;gap:12px;padding:18px 22px;border-top:1px solid var(--border)}.ws-footer .btn-primary{flex:1}.processing{padding:60px 32px;text-align:center}.flow-track{max-width:420px;margin:0 auto}.flow-orbit{width:96px;height:96px;margin:0 auto 28px;position:relative}.flow-orbit .core{position:absolute;inset:28px;border-radius:50%;background:var(--flow);box-shadow:0 0 40px -4px var(--accent-ring);animation:pulse 1.4s var(--ease) infinite}.flow-orbit .ring{position:absolute;inset:0;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}.flow-orbit .ring.r2{inset:12px;border:2px solid transparent;border-bottom:2px solid var(--flow-to);animation:spin 1.3s linear infinite reverse}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.86);opacity:.85}}.processing h3{font-size:22px}.processing p{color:var(--text-3);margin-top:6px}.flow-bar-wrap{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin:26px 0 10px}.flow-bar{height:100%;width:0;background:var(--flow);border-radius:999px;transition:width .12s linear}.flow-pct{font-family:var(--mono);font-size:13px;color:var(--text-3)}.result{padding:26px}.result-hero{display:flex;align-items:center;gap:20px;padding:22px;border-radius:var(--r-lg);background:linear-gradient(120deg,var(--accent-softer),var(--surface-2));border:1px solid var(--border);margin-bottom:22px}.saved-ring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);flex:none;box-shadow:var(--shadow-sm)}.saved-ring .saved-big{font-size:24px;font-weight:800;letter-spacing:-.04em;color:oklch(.55 .15 150)}[data-theme=dark] .saved-ring .saved-big{color:oklch(.78 .16 150)}.result-hero .rh-text h3{font-size:20px}.result-hero .rh-text p{color:var(--text-2);margin-top:4px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}@media (max-width:560px){.compare{grid-template-columns:1fr}}.compare-card{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.compare-card .cc-label{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border)}.compare-card.after .cc-label{color:var(--accent)}.compare-frame{aspect-ratio:16/10;background:var(--surface-3);display:grid;place-items:center}.compare-frame img{width:100%;height:100%;object-fit:contain}.stat-row{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.stat-pill{flex:1;min-width:120px;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border)}.stat-pill .sp-k{font-size:12px;color:var(--text-3);font-weight:600}.stat-pill .sp-v{font-size:19px;font-weight:750;letter-spacing:-.02em;margin-top:2px}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-actions .btn-primary{flex:1;min-width:200px}.tp-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:84px}.side-card{padding:18px;border-radius:var(--r-lg)}.side-card h4{font-size:14px;margin-bottom:12px}.pro-card{background:var(--flow);color:#fff;position:relative;overflow:hidden}.pro-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 0);background-size:30px 30px;mask-image:radial-gradient(circle at 80% 0,#000,transparent 70%)}.pro-card>*{position:relative}.pro-card h4{display:flex;align-items:center;gap:8px}.pro-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin:12px 0 16px}.pro-card li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.92)}.pro-card li svg{width:16px;height:16px;flex:none}.pro-card .btn{background:#fff;color:var(--accent-strong);width:100%}.trust-mini{display:flex;flex-direction:column;gap:12px}.trust-mini .tm{display:flex;gap:11px;align-items:flex-start}.trust-mini .tm svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:1px}.trust-mini .tm .tm-t{font-size:13.5px;font-weight:600}.trust-mini .tm .tm-d{font-size:12.5px;color:var(--text-3)}.seo-section{margin-top:56px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}@media (max-width:860px){.how-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.how-grid{grid-template-columns:1fr}}.how-step{padding:22px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);position:relative}.how-num{position:absolute;top:16px;right:18px;font-size:30px;font-weight:800;color:var(--surface-3);letter-spacing:-.04em}.how-ico{width:42px;height:42px;border-radius:var(--r);background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;margin-bottom:14px}.how-ico svg{width:21px;height:21px}.how-step h4{font-size:15.5px;margin-bottom:6px}.how-step p{font-size:13.5px;color:var(--text-3);line-height:1.5}.batch-settings{padding:4px 22px 18px}.batch-settings h3{font-size:15px;margin-bottom:14px}.batch-summary{display:flex;align-items:center;gap:18px;padding:20px 22px}.bs-ring{flex:none;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:var(--accent-strong);background:var(--accent-soft);border:2px solid var(--accent)}.batch-summary h3{font-size:17px}.batch-summary p{font-size:13.5px;color:var(--text-3);margin-top:2px}.batch-list{list-style:none;margin:0;padding:6px 14px;display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.batch-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2,var(--surface))}.batch-row .br-ico{flex:none;width:34px;height:34px;border-radius:var(--r-sm,8px);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong)}.batch-row .br-ico svg{width:18px;height:18px}.batch-row.done .br-ico{background:color-mix(in oklab,green 18%,transparent);color:green}.batch-row.error .br-ico{background:color-mix(in oklab,red 16%,transparent);color:oklch(.6 .2 25)}.batch-row .br-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.batch-row .br-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-row .br-sub{font-size:12.5px;color:var(--text-3)}.batch-row.done .br-sub strong{color:green}.batch-progress{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.batch-progress span{font-size:13px;color:var(--text-3)}.bp-track{width:100%;height:8px;border-radius:99px;background:var(--border);overflow:hidden}.bp-fill{height:100%;border-radius:99px;background:var(--accent);transition:width .25s ease}.rz-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:0}@media (max-width:820px){.rz-layout{grid-template-columns:1fr}}.rz-preview{padding:22px;min-width:0}.rz-canvas-wrap{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-3);background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;display:grid;place-items:center;padding:14px;min-height:240px;max-height:420px;overflow:hidden}.rz-canvas{max-width:100%;max-height:392px;width:auto;height:auto;border-radius:6px;box-shadow:var(--shadow-md,0 6px 20px rgba(0,0,0,.14));display:block}.rz-dims{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.rz-dims svg{width:18px;height:18px;color:var(--text-faint);flex:none}.rz-dim{display:flex;flex-direction:column;align-items:center;gap:2px}.rz-dim-k{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-weight:700}.rz-dim-v{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.rz-dim-v.accent{color:var(--accent)}.rz-controls{padding:22px;border-left:1px solid var(--border);background:var(--surface-2)}@media (max-width:820px){.rz-controls{border-left:none;border-top:1px solid var(--border)}}.rz-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-3);border-radius:var(--r);border:1px solid var(--border)}.rz-tab{flex:1;padding:9px 8px;border-radius:calc(var(--r) - 4px);font-size:13.5px;font-weight:600;color:var(--text-3);transition:background .15s,color .15s}.rz-tab.active,.rz-tab:hover{color:var(--text)}.rz-tab.active{background:var(--surface);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.1))}.rz-panel{margin-top:18px;display:flex;flex-direction:column;gap:16px}.rz-dim-inputs{display:flex;align-items:flex-end;gap:10px}.rz-dim-inputs .field{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.rz-dim-inputs .field span{font-size:13px;font-weight:600;color:var(--text-2)}.rz-num{position:relative;display:flex;align-items:center}.rz-num input{width:100%;padding:10px 34px 10px 12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.rz-num input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 22%,transparent)}.rz-unit{position:absolute;right:11px;font-size:12px;color:var(--text-faint);pointer-events:none}.rz-lock{margin-bottom:4px;width:38px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text-3);transition:all .15s}.rz-lock svg{width:17px;height:17px}.rz-lock.on{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch,var(--accent) 12%,transparent)}.rz-lockrow{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-3);align-self:flex-start}.rz-lockrow svg{width:16px;height:16px}.rz-lockrow.on{color:var(--accent)}.rz-warn{font-size:12.5px;color:oklch(.62 .17 50);line-height:1.4}.rz-hint{font-size:12.5px;color:var(--text-faint);line-height:1.45}.rz-chips{display:flex;flex-wrap:wrap;gap:8px}.rz-chip{padding:8px 14px;border-radius:99px;border:1px solid var(--border);background:var(--surface);font-size:13.5px;font-weight:600;color:var(--text-2);transition:all .15s}.rz-chip:hover{border-color:var(--text-faint)}.rz-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.rz-range{width:100%;accent-color:var(--accent)}.rz-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:340px;overflow-y:auto}@media (max-width:480px){.rz-presets{grid-template-columns:1fr}}.rz-preset{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);text-align:left;transition:all .15s}.rz-preset:hover{border-color:var(--text-faint)}.rz-preset.active{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 10%,transparent)}.rp-name{font-size:13px;font-weight:600;color:var(--text)}.rp-dims{font-size:11.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.rz-fit{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--border)}.rz-fit-label{font-size:13px;font-weight:600;color:var(--text-2)}.rz-fit-opts{display:flex;gap:8px}.cr-layout{display:grid;grid-template-columns:1.4fr 320px;gap:0}@media (max-width:880px){.cr-layout{grid-template-columns:1fr}}.cr-main{padding:18px 22px 22px;min-width:0}.cr-toolbar{justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.cr-tb-group,.cr-toolbar{display:flex;align-items:center}.cr-tb-group{gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r)}.cr-tb-group .icon-btn.on{color:var(--accent);background:color-mix(in oklch,var(--accent) 14%,transparent)}.cr-zoom{min-width:46px;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-2)}.cr-stage{position:relative;width:100%;max-height:480px;overflow:auto;padding:14px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-3);background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;display:grid;place-items:center}.cr-canvas-box{position:relative;flex:none;overflow:hidden;touch-action:none}.cr-img{display:block;user-select:none;-webkit-user-drag:none}.cr-box{position:absolute;box-sizing:border-box;border:1.5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 0 0 9999px rgba(0,0,0,.48);cursor:move;touch-action:none}.cr-box:after,.cr-box:before{content:"";position:absolute;inset:0;pointer-events:none}.cr-box:before{background-image:linear-gradient(90deg,transparent 33.33%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(90deg,transparent 66.66%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) calc(66.66% + 1px),transparent calc(66.66% + 1px))}.cr-box:after{background-image:linear-gradient(180deg,transparent 33.33%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(180deg,transparent 66.66%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) calc(66.66% + 1px),transparent calc(66.66% + 1px))}.cr-size{top:-26px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:5px;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}.cr-h,.cr-size{position:absolute}.cr-h{width:14px;height:14px;background:#fff;border:1.5px solid var(--accent);border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:2}.cr-h-nw{top:-7px;left:-7px;cursor:nwse-resize}.cr-h-ne{top:-7px;right:-7px}.cr-h-ne,.cr-h-sw{cursor:nesw-resize}.cr-h-sw{bottom:-7px;left:-7px}.cr-h-se{bottom:-7px;right:-7px;cursor:nwse-resize}.cr-h-n{top:-7px}.cr-h-n,.cr-h-s{left:50%;transform:translateX(-50%);cursor:ns-resize}.cr-h-s{bottom:-7px}.cr-h-w{left:-7px}.cr-h-e,.cr-h-w{top:50%;transform:translateY(-50%);cursor:ew-resize}.cr-h-e{right:-7px}.cr-dims{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.cr-dims svg{width:18px;height:18px;color:var(--text-faint);flex:none}.cr-side{padding:18px 22px 22px;border-left:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;gap:22px}@media (max-width:880px){.cr-side{border-left:none;border-top:1px solid var(--border)}}.cr-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--text-2);margin-bottom:12px}.cr-section .field{margin-top:14px}.cr-section .field span{font-size:13px;font-weight:600;color:var(--text-2)}.cr-custom{display:flex;align-items:center;gap:10px;margin-top:12px}.cr-custom .input{height:40px;text-align:center}.cr-preview{border-radius:var(--r);border:1px solid var(--border);background:var(--surface-3);background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;min-height:120px;max-height:200px;display:grid;place-items:center;overflow:hidden;padding:10px}.cr-preview img{max-width:100%;max-height:180px;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.16)}.cr-bg{display:flex;align-items:center;gap:10px}.cr-bg input[type=color]{width:44px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:none;cursor:pointer}.cr-estimate{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 14px;border-radius:var(--r);background:var(--surface-3);border:1px solid var(--border);font-size:13px;color:var(--text-3)}.cr-estimate strong{font-size:15px;color:var(--accent);font-variant-numeric:tabular-nums}.bg-layout{display:grid;grid-template-columns:1.2fr 360px;gap:0}@media (max-width:900px){.bg-layout{grid-template-columns:1fr}}.bg-main{padding:18px 22px 6px;min-width:0}.bg-stage{margin-top:14px}.bg-canvas-box{position:relative;flex:none;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-md,0 6px 20px rgba(0,0,0,.14))}.bg-view{display:block;user-select:none;-webkit-user-drag:none;touch-action:none}.bg-compare{position:relative;flex:none;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-md,0 6px 20px rgba(0,0,0,.14));user-select:none}.bg-compare-after,.bg-compare-before{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.bg-compare-after{background:var(--surface-3);background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.bg-compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}.bg-compare-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);transform:translateX(-1px);pointer-events:none;z-index:2}.bg-compare-line:before{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.bg-panel{display:flex;flex-direction:column;gap:18px}.bg-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.bg-swatch{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.bg-swatch:hover{transform:scale(1.08)}.bg-swatch.active{box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--accent)}.bg-color-codes{display:flex;gap:14px;margin-top:10px;font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.bg-mini-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:14px 0 8px}.bg-upload{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1.5px dashed var(--border);border-radius:var(--r);font-size:13.5px;font-weight:600;color:var(--text-2);cursor:pointer;transition:border-color .15s ease,color .15s ease}.bg-upload:hover{border-color:var(--accent);color:var(--accent)}.bg-upload svg{width:18px;height:18px}.bg-collection{border:1px solid var(--border);border-radius:var(--r);margin-bottom:8px;overflow:hidden}.bg-collection summary{padding:10px 12px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;list-style:none}.bg-collection summary::-webkit-details-marker{display:none}.bg-collection summary:before{content:"▸";display:inline-block;margin-right:8px;color:var(--text-faint);transition:transform .15s ease}.bg-collection[open] summary:before{transform:rotate(90deg)}.bg-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 10px}.bg-thumb{width:100%;aspect-ratio:22/15;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.bg-thumb:hover{transform:scale(1.04);box-shadow:0 0 0 2px var(--accent)}.bg-check{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--text-2);cursor:pointer}.bg-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.cp-layout{display:grid;grid-template-columns:1.25fr 360px;gap:0}@media (max-width:920px){.cp-layout{grid-template-columns:1fr}}.cp-main{padding:18px 22px 6px;min-width:0}.cp-stage{margin-top:12px}.cp-canvas-box{position:relative;flex:none;border-radius:6px;overflow:visible;box-shadow:var(--shadow-md,0 6px 20px rgba(0,0,0,.14))}.cp-view{display:block;border-radius:6px;cursor:crosshair;touch-action:none}.cp-tip{margin-left:auto;font-size:12.5px;color:var(--text-faint)}.cp-hover{display:flex;align-items:center;gap:8px;font-size:12.5px;font-variant-numeric:tabular-nums}.cp-hover-sw{width:18px;height:18px;border-radius:4px;border:1px solid var(--border)}.cp-hover-hex{font-weight:600;font-family:ui-monospace,monospace}.cp-hover-xy{color:var(--text-faint)}.cp-mag{position:absolute;transform:translate(-50%,calc(-100% - 18px));border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.35);pointer-events:none;z-index:6;background:#fff}.cp-mag canvas{display:block;image-rendering:pixelated}.cp-mag-label{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:700;font-family:ui-monospace,monospace;padding:1px 6px;border-radius:4px;white-space:nowrap}.cp-picks{margin-top:16px}.cp-picks-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:10px}.cp-empty{font-size:13px;color:var(--text-faint);line-height:1.5}.cp-pick-list{display:flex;flex-direction:column;gap:6px}.cp-pick{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.cp-pick:hover{border-color:var(--accent-soft,var(--accent))}.cp-pick.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cp-pick-grip{color:var(--text-faint);cursor:grab;display:flex}.cp-pick-grip svg{width:16px;height:16px}.cp-pick-sw{width:30px;height:30px;border-radius:6px;border:1px solid var(--border);flex:none}.cp-pick-info{display:flex;flex-direction:column;min-width:0;flex:1}.cp-pick-name{border:none;background:none;font-size:13px;font-weight:600;color:var(--text-1);padding:1px 2px;border-radius:4px;width:100%}.cp-pick-name:focus{outline:none;background:var(--surface-3)}.cp-pick-hex{font-size:11.5px;color:var(--text-faint);font-family:ui-monospace,monospace}.cp-pick-btn{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;border:1px solid transparent;background:none;color:var(--text-3);cursor:pointer;transition:background .12s ease,color .12s ease}.cp-pick-btn:hover{background:var(--surface-3);color:var(--text-1)}.cp-pick-btn svg{width:16px;height:16px}.cp-pick-btn.fav{color:#ec4899}.cp-pick-btn.fav svg{fill:#ec4899}.cp-tabs{flex-wrap:wrap}.cp-bigsw{height:96px;border-radius:var(--r-lg);border:1px solid var(--border);display:grid;place-items:center;font-family:ui-monospace,monospace;font-weight:700;font-size:16px;letter-spacing:.04em}.cp-codes{display:flex;flex-direction:column;gap:4px}.cp-code-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border)}.cp-code-k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.cp-code-v{font-size:12.5px;font-family:ui-monospace,monospace;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-copy{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;border:none;background:none;color:var(--text-3);cursor:pointer}.cp-copy:hover{background:var(--surface-3);color:var(--accent)}.cp-copy svg{width:15px;height:15px}.cp-mini-swatches{display:flex;flex-wrap:wrap;gap:6px}.cp-mini-sw{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);cursor:pointer;transition:transform .12s ease}.cp-mini-sw:hover{transform:scale(1.12)}.cp-pal-group{margin-bottom:4px}.cp-pal-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:8px}.cp-pal-count{color:var(--text-faint);font-weight:600}.cp-pal-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cp-pal-sw{position:relative;height:52px;border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.cp-pal-sw:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.18)}.cp-pal-hex{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:10px;font-weight:700;font-family:ui-monospace,monospace;opacity:0;transition:opacity .12s ease}.cp-pal-sw:hover .cp-pal-hex{opacity:1}.cp-hint{font-size:12.5px;color:var(--text-3);line-height:1.5}.cp-grad-preview{height:64px;border-radius:var(--r);border:1px solid var(--border);margin-bottom:10px}.cp-a11y-preview{flex-direction:column;gap:4px;padding:16px}.cp-a11y-preview,.cp-ratio{display:flex;border-radius:var(--r);border:1px solid var(--border);margin-top:12px}.cp-ratio{align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-2);font-size:13px;color:var(--text-3)}.cp-ratio strong{font-size:16px;color:var(--text-1);font-variant-numeric:tabular-nums}.cp-wcag-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.cp-wcag{padding:8px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:700;text-align:center}.cp-wcag.pass{background:oklch(.95 .07 150);color:oklch(.45 .13 150)}.cp-wcag.fail{background:oklch(.95 .06 25);color:oklch(.55 .18 25)}.cp-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-export-grid .btn{width:100%}.cp-export-preview{display:flex;height:40px;border-radius:var(--r);overflow:hidden;border:1px solid var(--border)}.cp-export-chip{flex:1}.mm-empty-templates{padding:0 22px 22px}.mm-empty-grid{grid-template-columns:repeat(6,1fr)}@media (max-width:620px){.mm-empty-grid{grid-template-columns:repeat(4,1fr)}}.mm-stage{margin-top:12px}.mm-canvas-box{position:relative;flex:none;border-radius:4px;box-shadow:var(--shadow-md,0 6px 20px rgba(0,0,0,.14))}.mm-view{display:block;border-radius:4px;cursor:move;touch-action:none}.mm-sel{position:absolute;border:1.5px dashed var(--accent);pointer-events:none;z-index:4;box-sizing:border-box}.mm-handle{position:absolute;pointer-events:auto;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer;touch-action:none}.mm-corner{width:16px;height:16px;border-radius:4px;background:#fff;border:2px solid var(--accent)}.mm-corner.se{right:-9px;bottom:-9px;cursor:nwse-resize}.mm-rotate{width:26px;height:26px;left:50%;top:-38px;transform:translateX(-50%);cursor:grab}.mm-rotate svg{width:15px;height:15px}.mm-rotate:after{content:"";position:absolute;top:100%;left:50%;width:1.5px;height:12px;background:var(--accent);transform:translateX(-50%)}.mm-layers{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.mm-layer{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);cursor:pointer;transition:border-color .12s ease}.mm-layer.active,.mm-layer:hover{border-color:var(--accent)}.mm-layer.active{box-shadow:0 0 0 1px var(--accent)}.mm-layer-ico{display:flex;color:var(--text-3);flex:none}.mm-layer-ico svg{width:16px;height:16px}.mm-layer-text{flex:1;min-width:0;font-size:13px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-textarea{resize:vertical;min-height:52px;line-height:1.4;padding-top:8px;font-family:inherit}.mm-color-row{display:flex;gap:12px;margin-top:14px}.mm-color{display:flex;flex-direction:column;gap:5px;flex:1}.mm-color span{font-size:12px;font-weight:600;color:var(--text-2)}.mm-color input[type=color]{width:100%;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:none;cursor:pointer}.mm-orient{gap:6px}.mm-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.mm-emoji{aspect-ratio:1;display:grid;place-items:center;font-size:22px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);cursor:pointer;transition:transform .1s ease,background .1s ease}.mm-emoji:hover{transform:scale(1.1);background:var(--surface-3)}.flip{transform:scaleX(-1)}.pdf-stage{display:grid;place-items:center;max-height:560px}.pdf-preview{max-width:100%;height:auto;border-radius:4px;box-shadow:0 6px 24px rgba(0,0,0,.18);background:#fff}.pdf-thumbs-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;font-size:13px;font-weight:600;color:var(--text-2)}.pdf-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.pdf-thumb{position:relative;aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-3);overflow:hidden;cursor:grab;display:grid;place-items:center}.pdf-thumb:active{cursor:grabbing}.pdf-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .15s ease}.pdf-thumb-num{position:absolute;top:4px;left:4px;z-index:2;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent,#4f7bf0);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.pdf-thumb-actions{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;gap:4px;padding:4px;background:linear-gradient(transparent,rgba(0,0,0,.55));opacity:0;transition:opacity .15s ease}.pdf-thumb:hover .pdf-thumb-actions{opacity:1}.pdf-thumb-actions button{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-sm);border:none;background:rgba(255,255,255,.92);color:#1a1a1a;cursor:pointer}.pdf-thumb-actions button:hover{background:#fff}.pdf-thumb-actions .ff-icon{width:15px;height:15px}.pdf-add{flex-direction:column;gap:4px;cursor:pointer;color:var(--text-3);font-size:12px;font-weight:600;border-style:dashed}.pdf-add:hover{color:var(--accent,#4f7bf0);border-color:var(--accent,#4f7bf0)}.pdf-add .ff-icon{width:20px;height:20px}.pdf-margins{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pdf-margin-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--text-2)}.vc-stage{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-3);padding:14px}.vc-preview-wrap{position:relative;display:grid;place-items:center;background:#000;border-radius:var(--r-md);overflow:hidden;min-height:200px}.vc-preview-canvas{max-width:100%;max-height:440px;height:auto;display:block}.vc-source-video{position:absolute;left:0;bottom:0;width:100%;height:38px;opacity:.01;pointer-events:auto}.vc-trim{margin-top:16px;padding:14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2)}.vc-trim-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:10px}.vc-trim-head .ff-icon{width:15px;height:15px;vertical-align:-2px;margin-right:4px}.vc-range-row{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--text-3)}.vc-queue{display:flex;flex-direction:column;gap:8px}.vc-qitem{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;text-align:left;transition:border-color .12s ease,background .12s ease}.vc-qitem:hover{background:var(--surface-3)}.vc-qitem.active{border-color:var(--accent,#4f7bf0);box-shadow:0 0 0 1px var(--accent,#4f7bf0) inset}.vc-qicon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-2);flex:none}.vc-qmeta{flex:1;min-width:0;display:flex;flex-direction:column}.vc-qname{font-size:13px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-qsub{font-size:11.5px;color:var(--text-3)}.vc-qprog{font-size:12px;font-weight:700;color:var(--accent,#4f7bf0)}.vc-qitem .ff-icon{width:16px;height:16px}.vc-qitem>.ff-icon{color:oklch(.62 .16 150)}.vc-qdel{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-sm);color:var(--text-faint)}.vc-qdel:hover{background:var(--surface-3);color:oklch(.6 .2 25)}.vc-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vc-mode{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;text-align:left}.vc-mode strong{font-size:13.5px;color:var(--text-1)}.vc-mode span{font-size:11.5px;color:var(--text-3)}.vc-mode.active{border-color:var(--accent,#4f7bf0);background:color-mix(in oklch,var(--accent,#4f7bf0) 10%,var(--surface-2))}.vc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.vc-card{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;text-align:left}.vc-card strong{font-size:13px;color:var(--text-1)}.vc-card span{font-size:11px;color:var(--text-3);line-height:1.3}.vc-card.active{border-color:var(--accent,#4f7bf0);background:color-mix(in oklch,var(--accent,#4f7bf0) 10%,var(--surface-2))}.vc-stats{display:grid;gap:2px;margin-top:14px}.vc-progress{padding:16px 22px}.vc-progress-bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.vc-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f7bf0,#7c5cf0);transition:width .2s ease}.vc-progress-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:13px;font-weight:600;color:var(--text-2)}.vc-results{padding:8px 22px 0}.vc-results-hero{display:flex;align-items:center;gap:18px;margin-bottom:16px}.vc-results-actions{display:flex;gap:12px;flex-wrap:wrap}.vc-progate{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px;padding:16px 18px;border-radius:var(--r-lg);border:1px solid color-mix(in oklch,var(--accent,#4f7bf0) 35%,var(--border));background:color-mix(in oklch,var(--accent,#4f7bf0) 8%,var(--surface-2))}.vc-progate-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:linear-gradient(135deg,#4f7bf0,#7c5cf0);color:#fff}.vc-progate-ic .ff-icon{width:20px;height:20px}.vc-progate-body{flex:1;min-width:0}.vc-progate-body h4{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--text-1)}.vc-progate-body p{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--text-2)}.vc-progate-actions{display:flex;gap:10px;flex-wrap:wrap}.vcv-info{display:flex;flex-direction:column;gap:2px;margin-top:14px;padding:12px 14px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-2)}.vcv-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:13.5px;border-bottom:1px solid color-mix(in oklch,var(--border) 55%,transparent)}.vcv-info-row:last-child{border-bottom:0}.vcv-info-row>span{color:var(--text-3);flex:none}.vcv-info-row>strong{color:var(--text-1);font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.vcv-out{display:flex;flex-direction:column;gap:8px;margin:14px 0 6px}.vtg-result-img{width:120px;height:120px;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--border);background:#000;flex:none}.vtt-timeline-wrap{margin-top:18px;padding:0 6px}.vtt-timeline{position:relative;height:46px;border-radius:var(--r-lg);background:repeating-linear-gradient(90deg,var(--surface-2),var(--surface-2) 8px,color-mix(in oklch,var(--surface-2) 80%,var(--border)) 8px,color-mix(in oklch,var(--surface-2) 80%,var(--border)) 16px);border:1px solid var(--border);touch-action:none}.vtt-sel{position:absolute;top:0;bottom:0;background:color-mix(in oklch,var(--accent,#4f7bf0) 22%,transparent);border-top:2px solid var(--accent,#4f7bf0);border-bottom:2px solid var(--accent,#4f7bf0)}.vtt-handle{position:absolute;top:-4px;bottom:-4px;width:16px;margin-left:-8px;display:grid;place-items:center;cursor:ew-resize;z-index:2}.vtt-handle>span{display:block;width:6px;height:100%;border-radius:6px;background:var(--accent,#4f7bf0);box-shadow:0 1px 4px rgba(0,0,0,.3)}.vtt-handle:focus-visible{outline:2px solid var(--accent,#4f7bf0);outline-offset:2px;border-radius:6px}.vtt-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--text-3)}.pro-gate{display:flex;gap:14px;align-items:flex-start;margin:18px 22px;padding:16px 18px;border-radius:var(--r-lg);border:1px solid color-mix(in oklch,var(--accent,#4f7bf0) 35%,var(--border));background:color-mix(in oklch,var(--accent,#4f7bf0) 8%,var(--surface-2))}.pro-gate-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:linear-gradient(135deg,#4f7bf0,#7c5cf0);color:#fff}.pro-gate-ic .ff-icon{width:20px;height:20px}.pro-gate-body{flex:1;min-width:0}.pro-gate-body h4{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--text-1)}.pro-gate-body p{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--text-2)}.pro-gate-actions{display:flex;gap:10px;flex-wrap:wrap}.pdf-doc-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px}.pdf-page-thumb{max-width:320px;width:100%;border-radius:10px;border:1px solid var(--border);box-shadow:0 10px 30px rgba(16,24,40,.12)}.pdf-page-fallback{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:var(--surface-2,#f4f5fb);color:var(--text-3);border-radius:10px}.pdf-page-fallback svg{width:38px;height:38px}.pdf-doc-meta{font-size:13px;color:var(--text-3)}.pdf-levels{gap:8px}.pdf-level,.pdf-levels{display:flex;flex-direction:column}.pdf-level{align-items:flex-start;gap:2px;padding:11px 13px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface,#fff);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.pdf-level.active,.pdf-level:hover{border-color:var(--brand,#4f7bf0)}.pdf-level.active{background:color-mix(in srgb,var(--brand,#4f7bf0) 8%,transparent)}.pdf-level-name{font-weight:600;font-size:14px}.pdf-level-note{font-size:12.5px;color:var(--text-3)}.pdf-seg{display:flex;gap:6px;background:var(--surface-2,#f4f5fb);padding:4px;border-radius:10px}.pdf-seg-btn{flex:1;padding:8px 6px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer}.pdf-seg-btn.active{background:var(--surface,#fff);color:var(--brand,#4f7bf0);box-shadow:0 1px 4px rgba(16,24,40,.1)}.pdf-select{width:100%;padding:9px 11px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface,#fff);font-size:14px;color:var(--text-1)}.pdf-split-modes,.pdf-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:4px 22px 0}.pdf-mode-tab{padding:8px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface,#fff);font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer}.pdf-mode-tab.active{border-color:var(--brand,#4f7bf0);background:color-mix(in srgb,var(--brand,#4f7bf0) 10%,transparent);color:var(--brand,#4f7bf0)}.pdf-split-controls{padding:12px 22px 0}.pdf-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2);max-width:360px}.pdf-field input{padding:9px 11px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface,#fff);font-size:14px}.pdf-field-note{font-size:13px;color:var(--text-3)}.pdf-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;padding:16px 22px}.pdf-thumb-cell{position:relative;border:1.5px solid var(--border);border-radius:10px;background:var(--surface,#fff);padding:6px;cursor:default;overflow:hidden}.pdf-thumb-cell.selectable{cursor:pointer}.pdf-thumb-cell.selected{border-color:var(--brand,#4f7bf0);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand,#4f7bf0) 35%,transparent)}.pdf-thumb-cell img{width:100%;border-radius:6px;display:block}.pdf-thumb-num{display:block;text-align:center;font-size:12px;color:var(--text-3);margin-top:4px}.pdf-thumb-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--brand,#4f7bf0);color:#fff;display:flex;align-items:center;justify-content:center}.pdf-thumb-check svg{width:14px;height:14px}.pdf-merge-add span,.pdf-merge-hint{font-size:13px;color:var(--text-3)}.pdf-merge-hint{padding:4px 22px 0}.pdf-merge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:14px 22px}.pdf-merge-card{position:relative;border:1.5px solid var(--border);border-radius:12px;background:var(--surface,#fff);padding:10px;cursor:grab}.pdf-merge-card:active{cursor:grabbing}.pdf-merge-order{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;background:var(--brand,#4f7bf0);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.pdf-merge-thumb{width:100%;border-radius:8px;border:1px solid var(--border);margin-bottom:8px}.pdf-merge-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-merge-sub{font-size:12px;color:var(--text-3);margin-top:2px}.pdf-merge-actions{display:flex;gap:6px;margin-top:8px}.pdf-merge-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed var(--border);border-radius:12px;min-height:150px;cursor:pointer;color:var(--text-3)}.pdf-merge-add svg{width:26px;height:26px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface,#fff);color:var(--text-2);cursor:pointer;font-size:15px}.icon-btn:hover{border-color:var(--brand,#4f7bf0);color:var(--brand,#4f7bf0)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.danger:hover{border-color:oklch(.6 .2 25);color:oklch(.6 .2 25)}.icon-btn svg{width:15px;height:15px}.pdf-pager{align-items:center;gap:14px;padding:8px 0;font-size:13px;color:var(--text-2)}.pdf-pager,.pdf-sign-stage{display:flex;justify-content:center}.pdf-sign-stage{padding:8px 16px 16px}.pdf-sign-page{position:relative;max-width:560px;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(16,24,40,.14);touch-action:none}.pdf-sign-page>img{width:100%;display:block;user-select:none}.pdf-sign-overlay{position:absolute;cursor:move;border:1.5px dashed var(--brand,#4f7bf0);touch-action:none}.pdf-sign-overlay>img{width:100%;display:block;pointer-events:none}.pdf-sign-tools{position:absolute;top:-34px;right:0;display:flex;gap:4px}.pdf-sign-pad{margin-top:12px}.pdf-draw-canvas{width:100%;height:150px;border:1.5px solid var(--border);border-radius:10px;background:#fff;touch-action:none;cursor:crosshair}.pdf-sign-pad-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.pdf-sign-preview{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2,#f4f5fb)}.pdf-sign-preview img{max-height:70px;max-width:100%}.pdf-unlock-center{display:flex;justify-content:center;padding:22px}.pdf-unlock-card{max-width:440px;width:100%;text-align:center}.pdf-unlock-card h4{margin:12px 0 0;font-size:18px}.pdf-unlock-ic{width:56px;height:56px;margin:0 auto;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand,#4f7bf0) 12%,transparent);color:var(--brand,#4f7bf0)}.pdf-unlock-ic svg{width:28px;height:28px}.qr-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;padding:18px 22px 22px}@media (max-width:860px){.qr-layout{grid-template-columns:1fr}}.qr-preview-col{flex-direction:column;gap:16px}.qr-preview,.qr-preview-col{display:flex;align-items:center}.qr-preview{width:100%;justify-content:center;min-height:280px;padding:22px;background:var(--surface-2,#f4f5fb);border:1.5px solid var(--border);border-radius:var(--r-lg,16px)}.qr-canvas{display:block;max-width:100%;height:auto;border-radius:8px;box-shadow:var(--shadow-sm,0 1px 4px rgba(16,24,40,.08))}.qr-empty,.qr-error{font-size:14px;color:var(--text-3);text-align:center;max-width:240px}.qr-error{color:oklch(.6 .2 25)}.qr-downloads{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.qr-controls{display:flex;flex-direction:column;gap:16px}.qr-type-tabs{display:flex;flex-wrap:wrap;gap:6px}.qr-type-tab{padding:7px 13px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface,#fff);font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer}.qr-type-tab.active{background:var(--brand,#4f7bf0);border-color:var(--brand,#4f7bf0);color:#fff}.qr-fields{gap:12px}.qr-field,.qr-fields{display:flex;flex-direction:column}.qr-field{gap:6px}.qr-field>label{font-size:12px;font-weight:600;color:var(--text-2)}.qr-field input,.qr-field select,.qr-field textarea{width:100%;padding:9px 11px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface,#fff);font-size:14px;color:var(--text-1);font-family:inherit}.qr-field textarea{resize:vertical;min-height:72px}.qr-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer}.qr-settings{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border);padding-top:14px}.qr-color-row{display:flex;gap:16px}.qr-color{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.qr-color input[type=color]{width:34px;height:34px;padding:0;border:1.5px solid var(--border);border-radius:8px;background:none;cursor:pointer}.qr-range{width:100%}.uc-cats{display:flex;flex-wrap:wrap;gap:6px;padding:18px 22px 0}.uc-cat{padding:7px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface,#fff);font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer}.uc-cat.active{background:var(--brand,#4f7bf0);border-color:var(--brand,#4f7bf0);color:#fff}.uc-panel{padding:18px 22px 22px}.uc-row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}@media (max-width:720px){.uc-row{grid-template-columns:1fr}.uc-swap{justify-self:center;transform:rotate(90deg)}}.uc-side{display:flex;flex-direction:column;gap:10px;min-width:0}.uc-result,.uc-value{width:100%;padding:12px 14px;border-radius:11px;border:1.5px solid var(--border);background:var(--surface,#fff);font-size:18px;font-weight:600;color:var(--text-1)}.uc-result{background:var(--surface-2,#f4f5fb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-swap{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface,#fff);color:var(--brand,#4f7bf0);cursor:pointer;display:flex;align-items:center;justify-content:center}.uc-formula,.uc-swap:hover{background:var(--accent-soft,#eef2ff)}.uc-formula{margin-top:18px;padding:12px 16px;border-radius:11px;color:var(--text-1);font-size:15px;text-align:center}.uc-select{position:relative;display:flex;flex-direction:column;gap:6px}.uc-select-label{font-size:12px;font-weight:600;color:var(--text-2)}.uc-select-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border-radius:11px;font-size:14px;color:var(--text-1);cursor:pointer;text-align:left}.uc-dropdown,.uc-select-btn{border:1.5px solid var(--border);background:var(--surface,#fff)}.uc-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:6px;z-index:30;border-radius:11px;box-shadow:var(--shadow-md,0 8px 28px rgba(16,24,40,.14));overflow:hidden}.uc-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-3)}.uc-search input{flex:1;border:none;background:none;font-size:14px;color:var(--text-1);outline:none}.uc-options{max-height:240px;overflow-y:auto}.uc-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 14px;border:none;background:none;font-size:14px;color:var(--text-1);cursor:pointer;text-align:left}.uc-option:hover{background:var(--surface-2,#f4f5fb)}.uc-option.active{background:var(--accent-soft,#eef2ff);color:var(--brand,#4f7bf0);font-weight:600}.uc-no-results,.uc-option-sym{color:var(--text-3);font-size:13px}.uc-no-results{padding:14px;text-align:center}.ac-stage{display:flex;align-items:center;justify-content:center;min-height:160px;padding:28px;background:var(--surface-2,#f4f5fb);border-radius:var(--r-lg,16px)}.ac-player{width:100%;max-width:460px}.zip-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 22px 4px}.zip-tree{margin:12px 22px 22px;border:1.5px solid var(--border);border-radius:var(--r-lg,16px);overflow:hidden;background:var(--surface,#fff)}.zip-row{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;color:var(--text-1);border-bottom:1px solid var(--border);cursor:default}.zip-tree>.zip-row:last-child{border-bottom:none}.zip-row:not(.zip-file){cursor:pointer;font-weight:600}.zip-row:hover{background:var(--surface-2,#f4f5fb)}.zip-caret{display:inline-flex;width:16px;color:var(--text-3);transition:transform .15s var(--ease,ease)}.zip-caret:not(.open) svg{transform:rotate(-90deg)}.zip-ic{display:inline-flex;color:var(--text-3)}.zip-ic-dir{color:var(--brand,#4f7bf0)}.zip-ic svg{width:17px;height:17px}.zip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zip-ext{font-size:11px;font-weight:600;background:var(--surface-2,#f4f5fb);padding:2px 7px;border-radius:6px}.zip-ext,.zip-meta{color:var(--text-3)}.zip-meta{font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.zip-dl{padding:4px 8px!important}.hash-modebar{padding:18px 22px 0;max-width:280px}.hash-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:20px;padding:16px 22px 22px}@media (max-width:860px){.hash-layout{grid-template-columns:1fr}}.hash-input-col{display:flex;flex-direction:column;gap:12px}.hash-textarea{width:100%;padding:12px 14px;border-radius:11px;border:1.5px solid var(--border);background:var(--surface,#fff);font-size:14px;color:var(--text-1);font-family:inherit;resize:vertical;margin-top:8px}.hash-input-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12.5px;color:var(--text-3)}.hash-results-col{display:flex;flex-direction:column;gap:12px}.hash-row{padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--r-md,12px);background:var(--surface,#fff)}.hash-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.hash-row-name{display:flex;flex-direction:column;gap:2px}.hash-row-name>strong{font-size:14px;color:var(--text-1)}.hash-row-bits{font-size:11.5px;color:var(--text-3)}.hash-value{display:block;width:100%;font-family:var(--mono,ui-monospace,monospace);font-size:12.5px;line-height:1.5;color:var(--text-1);word-break:break-all;background:var(--surface-2,#f4f5fb);padding:9px 11px;border-radius:8px}.hash-empty{color:var(--text-faint,#b8bcc8)}.hash-note{margin-top:7px;font-size:12px;color:var(--text-3)}.hash-busy{padding:30px;text-align:center;font-size:14px;color:var(--text-3)}