#files li .path{color:var(--muted)}#files li .size{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.preview-img,.preview-wrap canvas{max-width:100%;max-height:480px;margin:0 auto;display:block}.preview-wrap{border-radius:8px;justify-content:center;display:flex;overflow:hidden}.panel-title{margin:0;font-size:1.05rem}.big{flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:1.6rem;font-weight:700;display:flex}.pill{color:#fff;border-radius:999px;padding:4px 12px;font-size:.9rem}.scale{border-radius:8px;height:28px;margin-top:8px;display:flex;position:relative;overflow:visible}.scale span{color:#fff;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.scale span:first-child{border-radius:8px 0 0 8px}.scale span:nth-child(4){border-radius:0 8px 8px 0}#marker{background:var(--text);border-radius:2px;width:4px;height:40px;transition:left .2s;position:absolute;top:-6px;transform:translate(-2px)}.box{background:linear-gradient(135deg, var(--primary), #ec4899)}.ctl{grid-template-columns:100px 1fr 90px;align-items:center;gap:8px;font-size:.9rem;display:grid}.stage{justify-content:center;align-items:center;min-height:320px;display:flex}.box{border-radius:12px;width:180px;height:180px}.layer{border:1px solid var(--border);border-radius:8px;padding:12px}.layer-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.layer .ctl{grid-template-columns:70px 1fr 48px;align-items:center;gap:8px;font-size:.85rem;display:grid}textarea.zh{min-height:140px;font-size:1.05rem;line-height:1.7}.ruby-box{white-space:pre-wrap;min-height:80px;font-size:1.5rem;line-height:2.8}.ruby-box rt{color:var(--primary);font-size:.55em}.ruby-box ruby.poly{text-decoration:underline dotted var(--muted);cursor:help}.shot-scroll{border-radius:var(--radius);overflow:auto}.shot{max-width:none;display:inline-block}.shot .window{border-radius:10px;min-width:320px;overflow:hidden;box-shadow:0 20px 50px #00000059}.shot .titlebar{align-items:center;gap:12px;padding:12px 16px 0;display:flex;position:relative}.shot .dots{gap:8px;display:flex}.shot .dots i{background:#ff5f57;border-radius:50%;width:12px;height:12px;display:block}.shot .dots i:nth-child(2){background:#febc2e}.shot .dots i:nth-child(3){background:#28c840}.shot .wtitle{text-align:center;opacity:.6;pointer-events:none;font:13px system-ui,sans-serif;position:absolute;left:0;right:0}.shot.no-frame .titlebar{display:none}.shot .code-out pre{font-family:var(--mono);white-space:pre;margin:0;padding:16px 20px 20px;line-height:1.55;background:0 0!important}.shot .code-out code{counter-reset:line}.shot.numbers .code-out .line:before{counter-increment:line;content:counter(line);text-align:right;opacity:.4;width:2.2em;margin-right:1em;display:inline-block}.color-layout{flex-wrap:wrap;gap:20px;display:flex}.swatch{border-radius:var(--radius);border:1px solid var(--border);width:160px;min-height:160px}.shades{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(11,1fr);display:grid;overflow:hidden}.shades button{cursor:pointer;height:48px;font:600 .65rem var(--mono);border:0}.swatches{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:10px;display:grid}.swatch{border:1px solid var(--border);background:var(--surface);border-radius:8px;font-size:.82rem;overflow:hidden}.swatch .chip{height:64px}.swatch .vals{flex-direction:column;gap:2px;padding:6px 8px;display:flex}.swatch button{all:unset;cursor:pointer;font-family:var(--mono)}.swatch button:hover{color:var(--primary)}.bar{border-radius:8px;height:36px;display:flex;overflow:hidden}.swatches{border-radius:var(--radius);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid;overflow:hidden}.swatch{flex-direction:column;justify-content:flex-end;gap:2px;min-height:180px;padding:10px;font-size:.78rem;display:flex;position:relative}.swatch button.val{all:unset;cursor:pointer;font-family:var(--mono)}.swatch button.val:hover{text-decoration:underline}.swatch .hex{font-size:1rem;font-weight:700}.swatch .lock{all:unset;cursor:pointer;opacity:.6;font-size:1rem;position:absolute;top:8px;right:10px}.swatch .lock.on{opacity:1}#stops .stop{align-items:center;gap:6px;display:flex}#chart{background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;height:auto}.color-pair{gap:8px;display:flex}.color-pair input[type=text]{font-family:var(--mono)}.ratio-box{text-align:center}.ratio{font-size:3rem;font-weight:800;line-height:1.1}.ratio small{color:var(--muted);font-size:1.4rem}.sample{border-radius:var(--radius);border:1px solid var(--border);padding:20px}.sample p{margin:0 0 10px}.sample .large{font-size:24px}.sample-btn{font:inherit;color:inherit;background:0 0;border:2px solid;border-radius:8px;padding:8px 16px}.results th{cursor:default}.pass{color:var(--success);font-weight:700}.fail{color:var(--danger);font-weight:700}.cron-desc{border-radius:var(--radius);background:var(--primary-soft);color:var(--primary);padding:14px 16px;font-size:1.25rem;font-weight:600}.runs{font-family:var(--mono);margin:0;padding-left:24px;font-size:.92rem;line-height:1.8}details textarea{margin:8px 0}summary{cursor:pointer;color:var(--primary)}.big{margin:0;font-size:1.4rem;font-weight:700}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:16px}.panel h2{margin:0;font-size:1.1rem}.results{grid-template-columns:1fr auto;gap:6px 12px;font-size:.95rem;display:grid}.results .total{font-size:1.3rem;font-weight:700}.file-list li{cursor:pointer}.file-list li.selected{border-color:var(--primary)}.field-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 12px;display:grid}.field-grid label.inline{font-weight:500}.previews{align-items:flex-end;gap:20px}.previews figure{text-align:center;color:var(--muted);margin:0;font-size:.8rem}.previews canvas{image-rendering:auto;border:1px dashed var(--border);margin:0 auto 4px;display:block}.rules .rule{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.highlight mark{color:#111;background:#fde047;border-radius:2px}.preview{border-radius:var(--radius);border:1px solid var(--border);height:220px}.presets{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;display:grid}.preset{border:1px solid var(--border);cursor:pointer;border-radius:8px;height:40px}.stop{grid-template-columns:48px 1fr 56px 36px;align-items:center;gap:8px;display:grid}textarea{min-height:110px}#algos label.inline{font-weight:500}#ref td{cursor:pointer}#ref td:first-child{text-align:center;width:60px;font-size:1.2rem}#ref tr:hover td{background:var(--primary-soft)}.stage{touch-action:none;user-select:none;cursor:crosshair;align-self:center;max-width:100%;line-height:0;position:relative}.stage img{max-width:100%;max-height:70vh;display:block}.crop-box{cursor:move;border:2px solid #fff;outline:1px solid #00000080;position:absolute;box-shadow:0 0 0 9999px #00000080}.stage{overflow:hidden}.h{background:#fff;border:1px solid #333;border-radius:2px;width:14px;height:14px;position:absolute}.nw{cursor:nwse-resize;top:-8px;left:-8px}.ne{cursor:nesw-resize;top:-8px;right:-8px}.sw{cursor:nesw-resize;bottom:-8px;left:-8px}.se{cursor:nwse-resize;bottom:-8px;right:-8px}.grid-preview{max-width:100%;display:inline-block;position:relative}.grid-preview img{max-width:100%;max-height:520px;display:block}.grid-preview canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}figure{margin:0}.pv{max-width:100%;max-height:420px;margin:0 auto;display:block}.pv-box{border-radius:8px;justify-content:center;align-items:center;min-height:200px;display:flex}.pv-box :global(svg){max-width:100%;height:auto;max-height:420px}.palette{flex-wrap:wrap;gap:4px;display:flex}.palette button{min-width:44px;font-family:var(--mono);padding:4px 8px;font-size:.82rem}.latex-render{padding:16px 24px;line-height:1.2}.latex-render .katex-display{margin:0}.stats{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.stats div{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.stats strong{font-size:1.15rem;display:block}.stats span{color:var(--muted);font-size:.85rem}.bar{background:var(--bg);border-radius:999px;height:18px;display:flex;overflow:hidden}#bar-p{background:var(--primary)}#bar-i{background:#f59e0b}.legend{align-items:center;gap:6px;margin:6px 0 0;font-size:.85rem;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}tr.year{cursor:pointer}tr.year td:first-child:before{content:"▸ ";color:var(--muted)}tr.year.open td:first-child:before{content:"▾ "}tr.month td{color:var(--muted);font-size:.82rem}.md-preview img{max-width:100%}.md-preview pre{background:var(--surface);border-radius:6px;padding:10px;overflow:auto}.md-preview code{font-family:var(--mono);font-size:.88em}.md-preview table{border-collapse:collapse}.md-preview th,.md-preview td{border:1px solid var(--border);padding:4px 8px}.md-preview blockquote{border-left:4px solid var(--border);color:var(--muted);margin:0;padding-left:12px}.pdf-preview{color:#111;background:#fff}.pdf-preview img{max-width:100%}.pdf-preview pre,.pdf-doc pre{white-space:pre-wrap;background:#f4f4f5;border-radius:6px;padding:10px;overflow:auto}.pdf-preview table,.pdf-doc table{border-collapse:collapse}.pdf-preview th,.pdf-preview td,.pdf-doc th,.pdf-doc td{border:1px solid #ccc;padding:4px 8px}.pdf-doc img{max-width:100%}#code{font-size:.85rem}#preview{background:#fff;justify-content:center;align-items:center;min-height:420px;display:flex}#preview svg{max-width:100%;height:auto}#preview.dark-bg{background:#1f2330}.serp{background:#fff;font-family:Arial,sans-serif}.serp-url{color:#202124;font-size:13px}.serp-title{color:#1a0dab;margin:2px 0;font-size:19px}.serp-desc{color:#4d5156;font-size:14px}.sub{margin:0;font-size:1.05rem}.bases{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=700px){.bases{grid-template-columns:1fr}}.bases input[type=text]{font-family:var(--mono)}.og-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;overflow:hidden}.og-img{aspect-ratio:1.91;background:var(--border) center / cover no-repeat;color:var(--muted);justify-content:center;align-items:center;display:flex}.og-body{padding:10px 12px}.og-domain{text-transform:uppercase;color:var(--muted);font-size:12px}.og-title{margin:2px 0;font-weight:700}.og-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.stats-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.stats-row div{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.stats-row strong{font-size:1.1rem;display:block}.stats-row span{color:var(--muted);font-size:.82rem}.meter{background:var(--border);border-radius:999px;height:8px;overflow:hidden}#meter-bar{width:0;height:100%;transition:width .2s,background .2s}.org-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.org-page{background:var(--bg);border:2px solid var(--border);cursor:grab;user-select:none;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex;position:relative}.org-page.dragging{opacity:.4}.org-page.drop-target{border-color:var(--primary)}.org-page .thumb{justify-content:center;align-items:center;height:150px;display:flex}.org-page canvas{background:#fff;max-width:120px;max-height:150px;transition:transform .2s;box-shadow:0 1px 4px #0003}.org-page .meta{color:var(--muted);font-size:.8rem}.org-page .tools{gap:4px;display:flex}.sig-panel{border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px 16px}.sig-panel legend{padding:0 6px;font-weight:700}.sig-pad{border:1px dashed var(--border);touch-action:none;background:#fff;border-radius:8px;width:100%;max-width:600px;height:auto}#pad{cursor:crosshair}.sig-stage{max-width:100%;margin-top:8px;display:inline-block;position:relative;box-shadow:0 1px 6px #0003}.sig-stage canvas.page{background:#fff;max-width:100%;height:auto;display:block}.sig-box{border:1px dashed var(--primary);cursor:move;touch-action:none;position:absolute}.sig-box img{pointer-events:none;width:100%;height:100%;display:block}.sig-box .del,.sig-box .handle{background:var(--primary);color:#fff;text-align:center;border:none;border-radius:50%;width:20px;height:20px;padding:0;font-size:12px;line-height:20px;position:absolute}.sig-box .del{cursor:pointer;top:-10px;right:-10px}.sig-box .handle{cursor:nwse-resize;touch-action:none;bottom:-10px;right:-10px}.sig-box .date{color:#222;white-space:nowrap;font:12px Helvetica,Arial,sans-serif;position:absolute;top:100%;left:0}.thumbs{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.thumbs figure{text-align:center;margin:0}.thumbs img{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%}.thumbs figcaption{font-size:.82rem}.calc{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:14px 16px}.calc h3{margin:0 0 8px;font-size:1rem}.line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.line input{width:130px}.line select{width:auto}.answer{min-height:1.5em;margin:10px 0 0;font-size:1.15rem;font-weight:700}.video-wrap{background:#000;border-radius:10px;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden}.video-wrap video{width:100%;display:block}#history li .name{white-space:normal;word-break:break-all}#qr canvas,#qr svg{aspect-ratio:1;width:auto;max-width:100%;max-height:420px;height:auto!important}.regex-input{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:0 10px;display:flex}.regex-input input{font-family:var(--mono);background:0 0;border:0;padding-left:0;padding-right:0}.regex-input input:focus{outline:none}.regex-input span{color:var(--muted)}.highlight{word-break:break-word;min-height:180px;max-height:400px;overflow:auto}.highlight mark{color:#111;background:#fde68a;border-radius:3px;padding:0 1px}.highlight mark:nth-of-type(2n){background:#bfdbfe}.match-list{flex-direction:column;gap:6px;max-height:360px;display:flex;overflow:auto}.match-item{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:.85rem}.match-item .grp{color:var(--muted);margin-left:12px}.table-chips{flex-wrap:wrap;gap:8px;display:flex}.table-chips details{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:.88rem}.table-chips summary{cursor:pointer;font-weight:600}.table-chips table{margin-top:6px;font-size:.8rem}.sqlite-layout{grid-template-columns:220px minmax(0,1fr);gap:16px;display:grid}@media (width<=760px){.sqlite-layout{grid-template-columns:1fr}}.table-list{flex-direction:column;gap:4px;max-height:520px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.table-list button{text-align:left;background:var(--bg);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);font:inherit;border-radius:6px;padding:6px 8px;font-size:.88rem}.table-list button:hover,.table-list button.active{border-color:var(--primary);color:var(--primary)}.table-list small{color:var(--muted);display:block}.table-wrap{max-height:560px;overflow:auto}td.null{color:var(--muted);font-style:italic}.svg-preview{justify-content:center;align-items:center;height:220px;display:flex}.svg-preview img{max-width:100%;max-height:100%}.diff-output ins{color:#14532d;background:#bbf7d0;text-decoration:none}.diff-output del{color:#7f1d1d;background:#fecaca}.diff-output .line{display:block}.zone-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.zone-list li{background:var(--bg);border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.zone-list .zname{font-weight:600}.zone-list .zname small{color:var(--muted);font-weight:400;display:block}.zone-list .ztime{text-align:right;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.zone-list .ztime small{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.day{color:var(--primary)}.otp-wrap{align-items:center;gap:16px;display:flex}.ring{width:72px;height:72px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3px}.ring-bg{stroke:var(--border)}.ring-fg{stroke:var(--primary);stroke-linecap:round;stroke-dasharray:100.53;transition:stroke-dashoffset .3s linear}.otp-code{font-family:var(--mono);letter-spacing:.12em;font-size:2.4rem;font-weight:700}.qr{background:#fff;border-radius:8px;max-width:200px}.tw-card{border:1px solid var(--border);background:var(--bg);border-radius:14px;overflow:hidden}.tw-img{background:var(--border) center / cover no-repeat}.tw-card.large .tw-img{aspect-ratio:2}.tw-card.small{display:flex}.tw-card.small .tw-img{flex:none;width:120px;min-height:120px}.tw-body{padding:10px 12px}.tw-domain{color:var(--muted);font-size:13px}.tw-title{font-weight:600}.tw-desc{color:var(--muted);font-size:14px}.result{margin:0;font-size:1.3rem;font-weight:700}.ua-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.ua-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.ua-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;display:block}.ua-card strong{font-size:1.05rem}details summary{cursor:pointer;font-weight:600}.rec-panel{flex-direction:column;gap:14px;padding:12px 0;display:flex}.rec-timer{font:600 3rem/1 var(--mono);text-align:center}.meter{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);width:0;height:100%;transition:width 60ms}.file-list audio{max-width:260px;height:36px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.stats-grid div{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.stats-grid strong{font-size:1.5rem;display:block}.stats-grid span{color:var(--muted);font-size:.85rem}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.word-preview{background:#fff;width:100%;height:520px;padding:0}