[hidden]{display:none!important}.tool-wrap{gap:14px;justify-content:flex-start;padding-top:min(4.5vh,34px)}.tool-wrap .realm-head h1{margin:8px 0;display:flex;align-items:center;justify-content:center;gap:11px}.tool-wrap .realm-head .lede{max-width:660px}.tool-stage{display:flex;flex-direction:column;gap:14px;width:100%;max-width:1000px;margin:0 auto}.tool-panel{position:relative;border-radius:16px;padding:16px;border:1px solid rgba(140,160,235,.24);background:rgba(12,16,30,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 60px -30px #000000b3,inset 0 1px #ffffff0a}.tool-panel+.tool-panel{margin-top:0}.tool-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.tool-bar .t-sep{width:1px;align-self:stretch;background:rgba(140,160,235,.22);margin:2px}.tool-bar .t-spacer{margin-left:auto}.t-group{display:inline-flex;align-items:center;gap:6px}.tool-hint{font-size:12.5px;line-height:1.55;color:var(--faint);text-align:center;max-width:800px;margin:0 auto}.tool-hint kbd{font:600 11px/1 JetBrains Mono,monospace;color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:2px 6px;background:rgba(255,255,255,.03)}.t-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--ink);border:1px solid rgba(140,160,235,.3);background:rgba(255,255,255,.04);font:700 13px/1 Inter,Segoe UI,system-ui,sans-serif;padding:9px 13px;border-radius:10px;transition:background .15s,border-color .15s,transform .1s}.t-btn:hover{background:rgba(140,160,235,.14);border-color:#8ca0eb80}.t-btn:active{transform:translateY(1px)}.t-btn:disabled{opacity:.4;cursor:not-allowed}.t-btn.primary{color:#06101f;background:var(--accent);border-color:transparent;box-shadow:0 0 16px -3px var(--accent)}.t-btn .ti{font-size:14px;line-height:1}.t-chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--dim);border:1px solid rgba(140,160,235,.24);background:rgba(255,255,255,.03);font:700 12.5px/1 Inter,Segoe UI,system-ui,sans-serif;padding:8px 12px;border-radius:999px;transition:background .15s,border-color .15s,color .15s}.t-chip:hover{color:var(--ink);background:rgba(140,160,235,.12)}.t-chip.on{color:#06101f;background:var(--accent);border-color:transparent;box-shadow:0 0 14px -3px var(--accent)}.t-seg{display:inline-flex;flex-wrap:wrap;gap:6px}.t-field{display:flex;flex-direction:column;gap:5px}.t-field>label{font:600 11.5px/1.2 Inter,Segoe UI,system-ui,sans-serif;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.t-input,.t-select,.t-area{width:100%;color:var(--ink);border:1px solid rgba(140,160,235,.28);background:rgba(8,11,22,.6);font:600 15px/1.3 Inter,Segoe UI,system-ui,sans-serif;padding:10px 12px;border-radius:10px;transition:border-color .15s,box-shadow .15s}.t-input:focus,.t-select:focus,.t-area:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.t-input.mono,.t-area.mono,.t-out.mono{font-family:JetBrains Mono,monospace}.t-area{resize:vertical;min-height:88px;line-height:1.5}.t-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238aa0c8' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.t-range{display:inline-flex;align-items:center;gap:8px;color:var(--dim);font:600 11.5px/1 JetBrains Mono,monospace;white-space:nowrap}.t-range input[type=range]{accent-color:var(--accent);width:120px}.t-swatch{width:26px;height:26px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:transform .12s,border-color .12s}.t-swatch:hover{transform:scale(1.1)}.t-swatch.on{border-color:#fff;box-shadow:0 0 10px #fff6}.t-out{display:flex;align-items:center;gap:10px;color:var(--ink);border:1px solid rgba(140,160,235,.2);background:rgba(255,255,255,.03);font:700 15px/1.3 Inter,Segoe UI,system-ui,sans-serif;padding:10px 12px;border-radius:10px}.t-out .t-out-copy{margin-left:auto;cursor:pointer;color:var(--faint);background:none;border:none;font-size:15px;transition:color .15s}.t-out .t-out-copy:hover{color:var(--accent)}.t-grid{display:grid;gap:10px}.t-grid.two{grid-template-columns:1fr 1fr}@media (max-width:640px){.t-grid.two{grid-template-columns:1fr}}.t-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(10px);padding:9px 16px;border-radius:999px;background:var(--accent);color:#06101f;font:700 13px/1 Inter,Segoe UI,system-ui,sans-serif;box-shadow:0 10px 30px -8px #0009;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}.t-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width:600px){.tool-bar{gap:7px}.t-btn{padding:8px 11px;font-size:12px}.t-btn .t-lab{display:none}.t-range input[type=range]{width:92px}}