.tool-page{padding-bottom:40px}.tool-head{padding-top:36px;padding-bottom:24px}.tool-page .crumbs{color:var(--text-faint);flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:14px;display:flex}.tool-page .crumbs a{color:var(--text-dim);text-decoration:none}.tool-head h1{color:var(--gold);text-shadow:0 0 28px #f5c24a4d;flex-wrap:wrap;align-items:center;gap:12px;font-size:clamp(34px,5vw,56px);font-weight:900;display:flex}.tool-head .free-badge{background:var(--gold);color:#2a2110;text-shadow:none;border-radius:999px;padding:4px 12px;font-size:15px;font-weight:900}.tool-head .lead{color:var(--text-dim);margin:12px 0 0;font-size:clamp(16px,1.6vw,19px)}.tool{border-radius:var(--radius);background:var(--card);border:1.5px solid #44648e8c;padding:clamp(16px,3vw,28px)}.tool [hidden]{display:none!important}.tool .drop{text-align:center;border-radius:var(--radius);cursor:pointer;border:2px dashed #5cc6e980;flex-direction:column;align-items:center;gap:8px;padding:clamp(32px,6vw,64px) 20px;transition:background .2s,border-color .2s;display:flex}.tool .drop:hover,.tool .drop.over,.tool .drop:focus-within{border-color:var(--sky);background:#5cc6e912}.tool .drop img{filter:drop-shadow(0 0 1.5px #f6da7d8c)drop-shadow(0 10px 24px #0006);width:auto;height:104px;margin-bottom:8px;animation:3.2s ease-in-out infinite tool-bob}@keyframes tool-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.tool .drop img{animation:none}}.tool .drop strong{color:var(--text);font-size:clamp(18px,2vw,22px)}.tool .drop .hint{color:var(--text-dim);font-size:15px}.tool .drop .privacy{color:var(--sky);align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:700;display:flex}.tool .drop.compact{color:var(--text-dim);flex-direction:row;justify-content:center;padding:14px 16px;font-weight:700}.tool .editor{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(16px,3vw,32px);display:grid}.tool .stage{flex-direction:column;gap:12px;min-width:0;display:flex}.tool .controls{flex-direction:column;gap:14px;min-width:0;display:flex}@media (width<=860px){.tool .editor{grid-template-columns:1fr}}.tool fieldset{border:0;min-width:0;margin:0;padding:0}.tool legend,.tool .label{color:var(--text-dim);margin-bottom:6px;padding:0;font-size:14px;font-weight:800;display:block}.tool .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool .row.spread{justify-content:space-between;gap:12px 16px}.tool .sub{color:var(--text-faint);margin:6px 0 0;font-size:13px}.tool .seg{flex-wrap:wrap;gap:6px;display:flex}.tool .seg label{position:relative}.tool .seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tool .seg span{text-align:center;border:1.5px solid var(--line);min-width:56px;color:var(--text-dim);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-block}.tool .seg input:checked+span{background:var(--gold);border-color:var(--gold);color:#2a2110}.tool .seg input:focus-visible+span{outline:3px solid var(--sky);outline-offset:2px}.tool .check{cursor:pointer;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.tool .check input{width:20px;height:20px;accent-color:var(--gold)}.tool input[type=range].slider{width:100%;accent-color:var(--gold)}.tool .text-input{border:1.5px solid var(--line);background:var(--night-deep);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:10px 12px}.tool .text-input:focus{border-color:var(--gold);outline:none}.tool .estimate{color:var(--gold);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:15px;font-weight:700}.tool .go{justify-content:center;width:100%;min-height:52px;font-size:18px}.tool .go:disabled{opacity:.5;cursor:not-allowed}.tool .link-btn{font:inherit;color:var(--sky);cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:700;text-decoration:underline}.tool .progress{gap:8px;display:grid}.tool .bar{background:var(--night-deep);border-radius:5px;height:10px;overflow:hidden}.tool .bar div{background:linear-gradient(90deg, var(--gold), var(--sky));width:0;height:100%;transition:width .15s}.tool .progress p{color:var(--text-dim);margin:0;font-size:14px}.tool .progress .btn{justify-self:start}.tool.busy .controls fieldset,.tool.busy .controls .group,.tool.busy .go,.tool.busy .file-list,.tool.busy .add-more{opacity:.45;pointer-events:none}.tool .result{border-top:1px solid #44648e80;justify-items:start;gap:12px;margin-top:24px;padding-top:24px;display:grid}.tool .result h2{color:var(--gold);font-size:22px}.tool .result-info{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.tool .note{color:var(--sky);margin:6px 0 0;font-size:14px}.tool .error{color:#ff9b8f;margin:16px 0 0;font-weight:700}.tool .notice-box{border-left:3px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#111a2d99;margin-top:20px;padding:20px 22px}.tool .notice-box h2{color:var(--gold);font-size:18px}.tool .notice-box p{color:var(--text-dim);margin:8px 0 14px}.checker{background:repeating-conic-gradient(#1f2c47 0% 25%,#24344f 0% 50%) 50%/20px 20px}.tool .file-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tool .file-item{background:#111a2d8c;border:1.5px solid #44648e66;border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.tool .file-item .thumb{object-fit:cover;background:var(--night-deep);border-radius:8px;width:56px;height:56px}.tool .file-item .name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.tool .file-item .meta{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.tool .file-item .meta .good{color:var(--gold);font-weight:800}.tool .file-item .meta .bad{color:#ff9b8f}.tool .icon-btn{border:1.5px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:10px;font-size:16px}.tool .icon-btn:hover,.tool .icon-btn:focus-visible{border-color:var(--gold);color:var(--gold)}.tool .icon-btn:disabled{opacity:.35;cursor:default}.tool .item-actions{gap:6px;display:flex}.tool .pages{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.tool .page{cursor:pointer;font:inherit;color:var(--text-dim);background:#111a2d8c;border:2px solid #0000;border-radius:12px;justify-items:center;gap:6px;padding:8px;display:grid;position:relative}.tool .page canvas,.tool .page img{background:#fff;max-width:100%;height:auto;box-shadow:0 4px 14px #00000059}.tool .page .num{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.tool .page[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#f6da7d1f}.tool .page[aria-pressed=true]:after{content:"✓";background:var(--gold);color:#2a2110;text-align:center;border-radius:50%;width:22px;height:22px;font-size:13px;font-weight:900;line-height:22px;position:absolute;top:4px;right:6px}.tool-page .info{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:16px;display:grid}.tool-page .info article{border-radius:var(--radius);background:#1c2b4899;border:1.5px solid #44648e66;padding:20px 22px}.tool-page .info h3{color:var(--gold);font-size:18px;font-weight:800}.tool-page .info p{color:var(--text-dim);margin:6px 0 0;font-size:15px}.tool-page .block-title,.tool-page .howto h2{margin-top:48px;font-size:24px}.tool-page .howto ol{counter-reset:how;gap:10px;max-width:820px;margin:14px 0 0;padding:0;list-style:none;display:grid}.tool-page .howto li{counter-increment:how;color:var(--text-dim);padding:4px 0 4px 44px;position:relative}.tool-page .howto li:before{content:counter(how);background:var(--gold);color:#2a2110;width:28px;height:28px;box-shadow:3px 3px 0 var(--sky);place-items:center;font-weight:900;display:grid;position:absolute;top:2px;left:0}.tool-page .faq{margin-top:48px}.tool-page .faq h2,.tool-page .faq details{max-width:820px}.tool-page .faq h2{margin-bottom:12px;font-size:24px}.tool-page .faq details{border-bottom:1px solid #44648e80;padding:14px 0}.tool-page .faq summary{cursor:pointer;color:var(--text);font-weight:800}.tool-page .faq details p{color:var(--text-dim);margin:8px 0 0}.tool .video-box{background:var(--night-deep);border-radius:12px;justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden}.tool .video-box video{max-width:100%;max-height:58vh;display:block}.tool .no-preview{color:var(--text-dim);text-align:center;padding:40px 20px}.tool .dual{height:36px;position:relative}.tool .dual .track{background:var(--night-deep);cursor:pointer;border-radius:3px;height:6px;position:absolute;top:15px;left:10px;right:10px}.tool .dual .fill{background:var(--gold);border-radius:3px;position:absolute;top:0;bottom:0}.tool .dual .playhead{background:var(--sky);width:2px;height:18px;position:absolute;top:-6px;transform:translate(-1px)}.tool .dual input[type=range]{pointer-events:none;-webkit-appearance:none;appearance:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.tool .dual input[type=range]::-webkit-slider-runnable-track{background:0 0;height:36px}.tool .dual input[type=range]::-moz-range-track{background:0 0}.tool .dual input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;background:var(--gold);cursor:ew-resize;border:2px solid #2a2110;border-radius:6px;width:20px;height:28px;margin-top:4px}.tool .dual input[type=range]::-moz-range-thumb{pointer-events:auto;background:var(--gold);cursor:ew-resize;border:2px solid #2a2110;border-radius:6px;width:18px;height:26px}.tool .dual input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--sky);outline-offset:2px}.tool .range-text{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:14px}.tool .range-label{color:var(--text-dim);margin-right:4px;font-size:13px;font-weight:800}.tool kbd{border:1px solid var(--line);color:var(--text-dim);border-radius:4px;padding:0 5px;font-family:inherit;font-size:12px}.tool .file-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:14px;display:flex}.tool .file-meta .file-name{color:var(--text);overflow-wrap:anywhere;font-weight:700}.tool .file-meta .link-btn{margin-left:auto}.tool .result video{background:var(--night-deep);border-radius:12px;max-width:100%;max-height:60vh}.tool .file-item.sortable{grid-template-columns:22px 56px minmax(0,1fr) auto}.tool .grip{cursor:grab;touch-action:none;background:radial-gradient(circle, var(--text-faint) 1.6px, transparent 1.8px) 0 0 / 8px 8px;opacity:.8;border:0;width:22px;height:40px;padding:0}.tool .file-item.dragging{z-index:2;border-color:var(--gold);cursor:grabbing;position:relative;box-shadow:0 10px 30px #00000073}.tool .file-item canvas.thumb{object-fit:contain;background:#fff}