.devbox{--bg: #0f1115;--panel: #171a21;--panel2: #1f242d;--border: #2a313c;--text: #e6e9ef;--muted: #8a94a6;--accent: #4f9cff;--accent2: #2bd9a8;--danger: #ff5d6c;--warn: #ffc857;--mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace;--sans: system-ui, "Segoe UI", Roboto, sans-serif;display:flex;align-items:stretch;font-family:var(--sans);font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:22px}.devbox *{box-sizing:border-box}.devbox aside{width:234px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);align-self:stretch;overflow-y:auto;padding:14px 0;position:sticky;top:70px;max-height:calc(100vh - 84px)}.devbox .db-brand{padding:2px 18px 14px}.devbox .db-brand strong{font-size:15px;letter-spacing:.3px;color:var(--text)}.devbox .db-brand strong span{color:var(--accent)}.devbox .db-brand p{margin:4px 0 0;font-size:11px;color:var(--muted)}.devbox .navsearch{margin:0 14px 10px;width:calc(100% - 28px);padding:7px 10px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:13px}.devbox nav a{display:flex;align-items:center;gap:9px;padding:8px 18px;color:var(--muted);text-decoration:none;cursor:pointer;border-left:3px solid transparent;font-size:13.5px}.devbox nav a:hover{background:var(--panel2);color:var(--text);text-decoration:none}.devbox nav a.active{color:var(--text);border-left-color:var(--accent);background:var(--panel2)}.devbox nav a .ic{width:18px;text-align:center;opacity:.9}.devbox .navhide{display:none!important}.devbox .db-main{flex:1;min-width:0;overflow-x:auto;padding:24px 30px 44px}.devbox .tool-head h2{margin:0 0 4px;font-size:22px}.devbox .tool-head p{margin:0 0 20px;color:var(--muted)}.devbox .row{display:flex;gap:16px;flex-wrap:wrap}.devbox .col{flex:1;min-width:280px}.devbox label.fld{display:block;font-size:12px;color:var(--muted);margin:12px 0 5px;text-transform:uppercase;letter-spacing:.4px}.devbox textarea,.devbox input[type=text],.devbox input[type=number],.devbox select{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:var(--mono);font-size:13px;resize:vertical}.devbox textarea{min-height:150px;line-height:1.5}.devbox textarea.tall{min-height:230px}.devbox textarea:focus,.devbox input:focus,.devbox select:focus{outline:none;border-color:var(--accent)}.devbox .toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;align-items:center}.devbox button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:8px 14px;cursor:pointer;font-size:13px;font-family:var(--sans)}.devbox button:hover{border-color:var(--accent)}.devbox button.primary{background:var(--accent);border-color:var(--accent);color:#04122b;font-weight:600}.devbox button.ghost{background:transparent}.devbox .chk{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;cursor:pointer}.devbox .out{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:var(--mono);font-size:13px;white-space:pre-wrap;word-break:break-word;min-height:40px;line-height:1.55}.devbox .status{font-size:12.5px;margin:8px 0;min-height:18px}.devbox .ok{color:var(--accent2)}.devbox .err{color:var(--danger)}.devbox .pill{display:inline-block;background:var(--panel2);border:1px solid var(--border);border-radius:20px;padding:3px 11px;font-size:12px;margin:3px 5px 3px 0;font-family:var(--mono)}.devbox .kv{display:grid;grid-template-columns:160px 1fr;gap:6px 14px;font-family:var(--mono);font-size:13px}.devbox .kv .k{color:var(--accent)}.devbox table.grid{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13px}.devbox table.grid td,.devbox table.grid th{border:1px solid var(--border);padding:7px 10px;text-align:left}.devbox table.grid th{background:var(--panel2);color:var(--muted);font-weight:500}.devbox mark{background:var(--warn);color:#000;border-radius:3px}.devbox .diff-add{background:#2bd9a829}.devbox .diff-del{background:#ff5d6c29}.devbox .swatch{width:100%;height:70px;border-radius:8px;border:1px solid var(--border);margin-top:8px}.devbox .hint{color:var(--muted);font-size:12px;margin-top:6px}.devbox a.copy{color:var(--accent);font-size:12px;cursor:pointer}.devbox table.sbs td{vertical-align:top;white-space:pre-wrap;word-break:break-word}.devbox table.sbs td.num{width:38px;text-align:right;color:var(--muted);user-select:none;background:var(--panel2)}.devbox .md-prev{font-family:var(--sans);line-height:1.6}.devbox .md-prev h1,.devbox .md-prev h2,.devbox .md-prev h3{margin:.6em 0 .3em}.devbox .md-prev code{background:var(--panel2);padding:1px 5px;border-radius:4px;font-family:var(--mono)}.devbox .md-prev pre{background:var(--panel2);padding:10px 12px;border-radius:8px;overflow:auto}.devbox .md-prev pre code{background:none;padding:0}.devbox .md-prev blockquote{border-left:3px solid var(--accent);margin:.5em 0;padding:2px 12px;color:var(--muted)}.devbox .md-prev a{color:var(--accent)}.devbox .md-prev img{max-width:100%}.devbox .dz{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:128px;margin:6px 0 4px;padding:22px 20px;border:2px dashed var(--border);border-radius:14px;background:var(--panel2);cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s}.devbox .dz:hover{border-color:var(--accent);background:#4f9cff12}.devbox .dz.dz-over{border-color:var(--accent);background:#4f9cff29}.devbox .dz.dz-done{border-style:solid;border-color:var(--accent);background:#4f9cff0f}.devbox .dz-inner{display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none}.devbox .dz-ic{font-size:2.1rem;line-height:1;opacity:.95}.devbox .dz-txt{display:flex;flex-direction:column;gap:3px}.devbox .dz-main{color:var(--text);font-size:.96rem}.devbox .dz-main b{color:var(--accent);font-weight:600}.devbox .dz-sub{color:var(--muted);font-size:.82rem;word-break:break-all}.devbox .toolbar .dz.dz-compact{flex:1 1 240px;min-width:200px;min-height:62px;margin:0;padding:12px 16px}.devbox .dz-compact .dz-inner{flex-direction:row;gap:11px}.devbox .dz-compact .dz-ic{font-size:1.4rem}.devbox .dz-compact .dz-txt{text-align:left}@media (max-width: 760px){.devbox{flex-direction:column}.devbox aside{width:auto;position:static;max-height:240px;border-right:none;border-bottom:1px solid var(--border)}.devbox .db-main{padding:20px 16px 32px}}.devbox .card{border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-top:10px;background:var(--panel2)}.online-note[data-astro-cid-vxdsdwd3]{display:flex;gap:9px;align-items:flex-start;margin:6px 0 20px;padding:11px 15px;border:1px solid #b98527;border-radius:10px;background:#ffc8571a;color:#f0c877;font-size:.92rem;line-height:1.55}.online-note[data-astro-cid-vxdsdwd3] strong[data-astro-cid-vxdsdwd3]{color:#ffd884}.tool-guide[data-astro-cid-vxdsdwd3]{margin-top:40px;max-width:760px}.tool-guide[data-astro-cid-vxdsdwd3] h2[data-astro-cid-vxdsdwd3]{font-size:1.25rem;margin:32px 0 12px}.tg-intro[data-astro-cid-vxdsdwd3]{color:var(--muted);font-size:1.02rem;line-height:1.65}.tg-howto[data-astro-cid-vxdsdwd3]{display:inline-block;margin:14px 0 4px;padding:10px 15px;border-radius:10px;background:color-mix(in srgb,var(--brand) 12%,transparent);border:1px solid var(--brand);color:var(--text);text-decoration:none;font-size:.92rem}.tg-howto[data-astro-cid-vxdsdwd3]:hover{background:color-mix(in srgb,var(--brand) 20%,transparent)}.tg-steps[data-astro-cid-vxdsdwd3]{margin:0;padding-left:1.25em;line-height:1.7}.tg-steps[data-astro-cid-vxdsdwd3] li[data-astro-cid-vxdsdwd3]{margin:6px 0}.tool-guide[data-astro-cid-vxdsdwd3] h3[data-astro-cid-vxdsdwd3]{font-size:1.08rem;margin:22px 0 8px}.tg-body[data-astro-cid-vxdsdwd3] p[data-astro-cid-vxdsdwd3]{color:var(--muted);line-height:1.7;margin:0 0 4px}.tg-faq[data-astro-cid-vxdsdwd3] details[data-astro-cid-vxdsdwd3]{border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin:10px 0;background:var(--bg-soft)}.tg-faq[data-astro-cid-vxdsdwd3] summary[data-astro-cid-vxdsdwd3]{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.tg-faq[data-astro-cid-vxdsdwd3] summary[data-astro-cid-vxdsdwd3]:after{content:"+";color:var(--muted);font-size:1.3em;line-height:1}.tg-faq[data-astro-cid-vxdsdwd3] details[data-astro-cid-vxdsdwd3][open] summary[data-astro-cid-vxdsdwd3]:after{content:"−"}.tg-faq[data-astro-cid-vxdsdwd3] summary[data-astro-cid-vxdsdwd3]::-webkit-details-marker{display:none}.tg-faq[data-astro-cid-vxdsdwd3] details[data-astro-cid-vxdsdwd3] p[data-astro-cid-vxdsdwd3]{margin:12px 0 2px;color:var(--muted);line-height:1.65}.related-tools[data-astro-cid-vxdsdwd3]{margin-top:44px}.related-tools[data-astro-cid-vxdsdwd3] h2[data-astro-cid-vxdsdwd3]{font-size:1.25rem;margin:0 0 14px}.rt-grid[data-astro-cid-vxdsdwd3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.rt-card[data-astro-cid-vxdsdwd3]{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.rt-card[data-astro-cid-vxdsdwd3]:hover{border-color:var(--brand);transform:translateY(-2px)}.rt-ic[data-astro-cid-vxdsdwd3]{font-size:1.2rem;line-height:1.3;min-width:1.5em;text-align:center}.rt-txt[data-astro-cid-vxdsdwd3]{display:flex;flex-direction:column;gap:3px;min-width:0}.rt-txt[data-astro-cid-vxdsdwd3] strong[data-astro-cid-vxdsdwd3]{font-size:.96rem}.rt-desc[data-astro-cid-vxdsdwd3]{color:var(--muted);font-size:.82rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}