.demo{min-width:0;max-width:100%}.tool-field{position:relative}.tool-input{resize:vertical;border:1px solid var(--color-line-strong);background:var(--color-onyx);width:100%;min-height:64px;color:var(--color-ivory);font-family:var(--font-serif);border-radius:16px;outline:none;padding:16px 18px;font-size:22px;line-height:1.35;transition:border-color .3s,box-shadow .3s;display:block}.tool-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 4px #d6b06a1a}.tool-input::placeholder{color:var(--placeholder)}.tool-meta{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.tool-meta b{color:var(--color-gold-hi);font-weight:600}.ctl-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctl-group+.ctl-group{margin-top:14px}.ctl-label{letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);margin-bottom:8px;font-size:10.5px;font-weight:600;display:block}.range{width:100%;accent-color:var(--color-gold)}.select,.text-small{border:1px solid var(--color-line-strong);background:var(--color-onyx);height:40px;color:var(--color-ivory);border-radius:12px;outline:none;padding:0 12px;font-size:14px}.select:focus,.text-small:focus{border-color:var(--color-gold)}input[type=color].swatch{border:1px solid var(--color-line-strong);cursor:pointer;background:0 0;border-radius:12px;width:40px;height:40px;padding:3px}.out-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;display:grid}.out-card{text-align:start;border:1px solid var(--color-line);background:var(--color-onyx);min-width:0;transition:border-color .3s, transform .3s var(--ease-lux);cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.out-card:hover{border-color:var(--color-line-strong);transform:translateY(-2px)}.out-card.is-selected{border-color:var(--color-gold)}.out-card__top{align-items:center;gap:8px;display:flex}.out-card__name{letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;overflow:hidden}.out-card__copy{border:1px solid var(--color-line-strong);height:28px;color:var(--color-gold-hi);letter-spacing:.12em;text-transform:uppercase;background:#d6b06a1a;border-radius:999px;flex:none;margin-inline-start:auto;padding:0 12px;font-size:10.5px;font-weight:600}.out-card:hover .out-card__copy,.out-card.is-copied .out-card__copy{background:var(--gold-grad);color:#1a1408;border-color:#0000}.out-card__text{font-family:var(--font-glyph);color:var(--color-ivory);overflow-wrap:anywhere;white-space:pre-wrap;font-size:21px;line-height:1.45}.out-single{border:1px dashed var(--color-line-strong);background:var(--color-onyx);border-radius:18px;padding:18px 20px}.out-single .out-card__text{min-height:1.5em;font-size:clamp(22px,3vw,30px)}.out-pre{white-space:pre;color:var(--color-ivory);border:1px solid var(--color-line);background:var(--color-onyx);border-radius:16px;padding:16px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.15;overflow-x:auto}.out-pre.is-emoji{letter-spacing:0;font-size:11px;line-height:1.25}.pv{border:1px solid var(--color-line);background:var(--color-onyx-2);border-radius:20px;gap:10px;padding:16px;display:grid}.pv__bar{color:var(--color-muted);align-items:center;gap:10px;font-size:12px;display:flex}.pv__avatar{background:var(--gold-grad);border-radius:50%;flex:none;width:42px;height:42px}.pv__name{color:var(--color-ivory);font-size:14px;font-weight:700}.pv__text{font-family:var(--font-glyph);color:var(--color-ivory);overflow-wrap:anywhere;white-space:pre-wrap;font-size:17px;line-height:1.5}.pv__count{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:12px}.pv__count.is-over{color:var(--color-danger)}.pv--chat .pv__bubble{background:var(--color-surface-2);border-radius:4px 16px 16px;justify-self:start;max-width:90%;padding:10px 14px}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}.pick-grid--wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pick{border:1px solid var(--color-line);background:var(--color-onyx);min-height:52px;font-family:var(--font-glyph);transition:all .25s var(--ease-lux);overflow-wrap:anywhere;text-align:center;border-radius:12px;place-items:center;padding:6px;font-size:22px;line-height:1.2;display:grid}.pick--text{min-height:48px;font-size:16px}.pick:hover,.pick:focus-visible{border-color:var(--color-gold);transform:translateY(-2px)}.pick.is-flash{border-color:var(--color-gold);background:#d6b06a33}.tray{border:1px solid var(--color-line-strong);background:var(--color-onyx);border-radius:14px;align-items:center;gap:8px;margin-top:14px;padding:8px 8px 8px 16px;display:flex}.tray input{min-width:0;color:var(--color-ivory);font-family:var(--font-glyph);background:0 0;border:0;outline:0;flex:1;font-size:18px}.tab-row{scrollbar-width:none;gap:6px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.tab-row::-webkit-scrollbar{display:none}.ab-rows{gap:8px;display:grid}.ab-row{border:1px solid var(--color-line);background:var(--color-onyx);border-radius:14px;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.ab-row__name{letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold);font-size:10.5px;font-weight:600}.ab-row__set{font-family:var(--font-glyph);overflow-wrap:anywhere;color:var(--color-ivory);font-size:18px;line-height:1.5}.ab-row__set small{color:var(--color-ivory-2);display:block}@media (width<=720px){.ab-row{grid-template-columns:minmax(0,1fr) auto}.ab-row__name{grid-column:1/-1}}.ab-grid{direction:ltr;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:5px;display:grid}.ab-grid .pick{min-height:54px;font-size:24px}.ab-grid .pick small{font-family:var(--font-mono);color:var(--color-muted);font-size:9px;display:block}.cv-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}@media (width<=960px){.cv-grid{grid-template-columns:minmax(0,1fr)}}.cv-stage{border:1px solid var(--color-line);background-color:#2a2622;background-image:linear-gradient(45deg,#34302b 25%,#0000 25%),linear-gradient(-45deg,#34302b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#34302b 75%),linear-gradient(-45deg,#0000 75%,#34302b 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;border-radius:20px;place-items:center;min-height:260px;padding:16px;display:grid;position:relative;overflow:hidden}.cv-stage canvas{max-width:100%;height:auto;display:block}.cv-stage.is-loading:after{content:"Loading font…";color:#f3ece0;background:#00000080;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;inset:auto 12px 12px auto}.cv-panel{gap:14px;display:grid}.ft-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px;display:grid}.ft-card{border:1px solid var(--color-line);background:var(--color-onyx);border-radius:16px;gap:8px;min-width:0;padding:16px 18px;display:grid}.ft-card__top{color:var(--color-muted);align-items:center;gap:8px;font-size:12px;display:flex}.ft-card__top b{color:var(--color-gold-hi);font-size:13px}.ft-card__top a{color:var(--color-gold);margin-inline-start:auto}.ft-card__sample{overflow-wrap:anywhere;color:var(--color-ivory);min-height:1.3em;line-height:1.25}.ed-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.ed-area{min-height:160px;font-family:var(--font-glyph);font-size:17px}.mc-preview{white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:3px 3px #0000008c;background:#1d1d1d;border-radius:14px;padding:18px;font-family:VT323,ui-monospace,monospace;font-size:26px;line-height:1.2}.ansi-preview{white-space:pre-wrap;color:#dbdee1;background:#2b2d31;border-radius:10px;padding:14px 16px;font-family:ui-monospace,Consolas,monospace;font-size:14px}.wa-preview{color:#e9edef;white-space:pre-wrap;overflow-wrap:anywhere;background:#005c4b;border-radius:4px 14px 14px;max-width:92%;padding:12px 14px;font-size:15px;line-height:1.45}.wa-preview code{background:#00000040;border-radius:4px;padding:1px 4px;font-family:ui-monospace,Consolas,monospace}.wa-preview blockquote{border-inline-start:3px solid #fff6;margin:2px 0;padding-inline-start:8px}.crumbs{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.crumbs a:hover{color:var(--color-gold-hi)}.crumbs [aria-current]{color:var(--color-ivory-2)}.tool-hero h1{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(34px,5.4vw,64px);font-weight:400;line-height:1.05}.tool-hero p{color:var(--color-muted);max-width:52rem;margin-top:12px;font-size:clamp(15px,1.5vw,18px)}.tool-hero p strong{color:var(--color-ivory);font-weight:600}.page-prose>*+*{margin-top:1em}.page-prose p,.page-prose ul,.page-prose ol{color:var(--color-ivory-2);max-width:48rem;font-size:17px;line-height:1.8}.page-prose ul{padding-inline-start:1.3em;list-style:none}.page-prose ul li{position:relative}.page-prose ul li:before{content:"✦";inset-inline-start:-1.3em;color:var(--color-gold);font-size:.65em;position:absolute;top:.4em}.page-prose ol{padding-inline-start:1.4em;list-style:decimal}.page-prose ol li::marker{color:var(--color-gold);font-weight:600}.page-prose li+li{margin-top:.4em}.page-prose strong{color:var(--color-ivory);font-weight:600}.page-prose code{font-family:var(--font-mono);background:var(--color-surface-2);color:var(--color-gold-hi);border-radius:6px;padding:2px 6px;font-size:.86em}.page-prose a{color:var(--color-gold-hi);text-decoration:underline;text-decoration-color:var(--color-line-strong);text-underline-offset:3px}.link-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;display:grid}.link-card{border:1px solid var(--color-line);background:linear-gradient(180deg, var(--card-top), var(--card-bottom));transition:all .3s var(--ease-lux);border-radius:16px;gap:6px;padding:16px 18px;display:grid}.link-card:hover{border-color:var(--color-gold);transform:translateY(-2px)}.link-card b{font-family:var(--font-serif);color:var(--color-ivory);font-size:20px;font-weight:500}.link-card span{font-family:var(--font-glyph);color:var(--color-gold-hi);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.link-card small{color:var(--color-muted);font-size:13px}