:root{--font-geist-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-geist-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--bg:#0b0d0f;--panel:#111418;--raised:#161a1f;--border:#292f36;--strong:#3a424c;--text:#f2eee6;--muted:#9ba2aa;--faint:#68717b;--gold:#d2a85e;--gold2:#efc77f;--blue:#7faec8;--green:#87bd96;--red:#e27e72}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;color:var(--text);font-family:var(--font-geist-sans);background:radial-gradient(circle at 12% -10%,#7e521d2e,#0000 28rem),linear-gradient(#0c0f12,#090b0d);margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}.site-header{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c0edb;grid-template-columns:auto 1fr auto;align-items:center;min-height:78px;padding:0 42px;display:grid;position:relative}.brand-mark{background:linear-gradient(#d2a85e1f,#d2a85e05);border:1px solid #947341;border-radius:8px 8px 14px 14px;width:34px;height:43px;margin-right:15px;position:relative;box-shadow:inset 0 0 0 4px #101317}.brand-mark:before{content:"";background:#111418;border:1px solid #947341;border-bottom:0;border-radius:3px 3px 0 0;width:12px;height:8px;position:absolute;top:-8px;left:10px}.brand-mark span{background:linear-gradient(#d8ad63,#76552b);border-radius:4px 4px 8px 8px;height:14px;position:absolute;bottom:5px;left:5px;right:5px}.brand-copy p,.brand-copy h1{margin:0}.brand-copy p{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700}.brand-copy h1{font-family:Georgia,serif;font-size:19px;font-weight:500}.site-header>a{color:var(--muted);font-size:12px;font-weight:600;text-decoration:none}.site-header>a:hover{color:var(--gold2)}.app-shell{width:min(1240px,100% - 64px);margin:0 auto;padding:68px 0 190px}.intro{grid-template-columns:minmax(0,1fr) 240px;align-items:end;gap:64px;margin-bottom:65px;display:grid}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:17px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--gold);width:28px;height:1px}.intro h2{letter-spacing:-.035em;max-width:780px;margin:0;font-family:Georgia,serif;font-size:clamp(42px,5.1vw,68px);font-weight:400;line-height:.99}.intro p{max-width:760px;color:var(--muted);margin:24px 0 0;font-size:16px;line-height:1.75}.version-card{border:1px solid var(--border);border-left:2px solid var(--gold);background:#111418bd;flex-direction:column;align-items:flex-start;padding:21px 22px;display:flex}.version-card span,.version-card small{color:var(--faint);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:700}.version-card strong{font-family:var(--font-geist-mono),monospace;color:var(--gold2);margin:8px 0 10px;font-size:13px}.mode-panel,.picker-section{border-top:1px solid var(--border);padding-top:34px}.mode-panel{grid-template-columns:260px minmax(0,1fr);gap:44px;margin-bottom:72px;display:grid}.section-label{align-items:flex-start;gap:16px;display:flex}.section-label>span{color:var(--gold);font-family:var(--font-geist-mono),monospace;padding-top:4px;font-size:11px}.section-label h2,.section-label p{margin:0}.section-label h2{font-size:15px;font-weight:650}.section-label p{color:var(--faint);margin-top:6px;font-size:12px;line-height:1.5}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mode-card{border:1px solid var(--border);background:var(--panel);min-height:116px;color:var(--text);text-align:left;cursor:pointer;border-radius:3px;grid-template-columns:22px 1fr;gap:3px 8px;padding:19px 18px;transition:all .16s;display:grid;position:relative}.mode-card:hover{border-color:var(--strong);transform:translateY(-1px)}.mode-card.active{background:linear-gradient(145deg,#d2a85e21,#111418f0);border-color:#8d6b39}.mode-radio{color:var(--faint);grid-row:1/3;font-size:15px}.mode-card.active .mode-radio{color:var(--gold2)}.mode-index{color:#4e555e;font-family:var(--font-geist-mono),monospace;font-size:10px;position:absolute;top:14px;right:15px}.mode-card strong{align-self:end;padding-right:12px;font-size:13px}.mode-card small{color:var(--faint);font-size:11px;line-height:1.45}.picker-toolbar{justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px;display:flex}.search-box{border:1px solid var(--border);background:var(--panel);align-items:center;width:min(380px,100%);height:43px;display:flex}.search-box:focus-within{border-color:#8d6b39}.search-box>span{color:var(--faint);margin:0 11px 0 14px;font-size:19px}.search-box input{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0 14px 0 0;font-size:12px}.search-box input::placeholder{color:#626b75}.affix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.affix-column{border:1px solid var(--border);background:#0f1215b8;min-width:0}.column-heading{border-bottom:1px solid var(--border);background:#13171b;justify-content:space-between;align-items:center;min-height:56px;padding:0 17px;display:flex}.column-heading>div{align-items:center;gap:9px;display:flex}.column-heading h2{margin:0;font-family:Georgia,serif;font-size:18px;font-weight:500}.column-heading>span{color:var(--faint);font-family:var(--font-geist-mono),monospace;text-transform:uppercase;font-size:10px}.affix-dot{border-radius:50%;width:7px;height:7px}.affix-dot.prefix{background:var(--gold);box-shadow:0 0 12px #d2a85e8c}.affix-dot.suffix{background:var(--blue);box-shadow:0 0 12px #7faec873}.family-group-heading{border-bottom:1px solid var(--border);min-height:36px;color:var(--faint);letter-spacing:.12em;text-transform:uppercase;background:#0e1114;align-items:center;padding:0 16px;font-size:9px;font-weight:750;display:flex}.family-group-heading.common{color:var(--gold)}.family-group+.family-group .family-group-heading{border-top:1px solid var(--strong)}.family-row{border-bottom:1px solid #22282e;transition:all .14s}.family-row:last-child{border-bottom:0}.family-row:hover{background:#ffffff05}.family-row.selected{box-shadow:inset 2px 0 0 var(--gold);background:#d2a85e1f}.family-main{cursor:pointer;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:11px;padding:15px 16px 11px;display:grid}.check{color:#141619;border:1px solid #4b545e;border-radius:2px;place-items:center;width:16px;height:16px;margin-top:2px;font-size:11px;font-weight:900;display:grid}.selected .check{border-color:var(--gold);background:var(--gold)}.family-copy{min-width:0}.family-copy h3,.family-copy p{margin:0}.family-copy h3{font-size:12px;font-weight:650;line-height:1.45}.family-copy p{color:var(--faint);font-family:var(--font-geist-mono),monospace;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;line-height:1.5;overflow:hidden}.tier-controls{justify-content:space-between;align-items:flex-end;gap:12px;padding:0 16px 13px 46px;display:flex}.tier-controls label{flex-direction:column;gap:5px;min-width:170px;display:flex}.tier-controls label>span{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.tier-controls select{height:31px;color:var(--text);background:#111418;border:1px solid #424a53;border-radius:2px;padding:0 28px 0 9px;font-size:11px}.single-tier{color:var(--gold);font-family:var(--font-geist-mono),monospace;margin:0 16px 12px 46px;font-size:10px;display:inline-block}.tier-chips{flex-wrap:wrap;gap:5px;display:flex}.tier-chip{min-width:31px;height:29px;color:var(--muted);font-family:var(--font-geist-mono),monospace;cursor:pointer;background:#111418;border:1px solid #424a53;border-radius:2px;padding:0 7px;font-size:9px}.tier-chip.active{color:var(--gold2);background:#d2a85e24;border-color:#9f7d46}.tier-details{padding:0 16px 12px 46px}.tier-details summary{color:#727b85;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:max-content;font-size:9px;font-weight:700}.tier-details[open] summary{color:var(--gold);margin-bottom:10px}.tier-table{background:#07090b5c;border:1px solid #2b3239;flex-direction:column;gap:7px;padding:10px;display:flex}.tier-line{grid-template-columns:24px minmax(90px,.7fr) 48px 1.6fr;align-items:baseline;gap:7px;font-size:9px;display:grid}.tier-number{color:var(--gold);font-family:var(--font-geist-mono),monospace}.tier-name{font-weight:600}.tier-level{color:var(--blue);font-family:var(--font-geist-mono),monospace}.tier-value{color:var(--faint);line-height:1.45}.output-dock{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1114f0;border:1px solid #443a2b;border-top-color:#775d36;border-radius:4px;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:16px;width:min(1180px,100% - 56px);margin:0 auto;padding:15px 17px;display:grid;position:fixed;bottom:24px;left:28px;right:28px;box-shadow:0 18px 60px #0000007a}.output-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.output-meta>div{flex-direction:column;gap:5px;display:flex}.output-meta>div span{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:750}.output-meta>div strong{font-size:11px}.length-badge{font-family:var(--font-geist-mono),monospace;border:1px solid;border-radius:2px;padding:5px 6px;font-size:10px}.length-badge.good{color:var(--green);background:#87bd9612;border-color:#87bd9666}.length-badge.bad{color:var(--red);background:#e27e7214;border-color:#e27e7280}.regex-box{background:#090b0d;border:1px solid #383f47;grid-template-columns:minmax(0,1fr) auto;min-width:0;height:46px;display:grid}.regex-box code{min-width:0;color:var(--gold2);font-family:var(--font-geist-mono),monospace;text-overflow:ellipsis;white-space:nowrap;align-self:center;padding:0 14px;font-size:13px;overflow:hidden}.regex-box.empty code{color:#58616b;font-size:11px}.regex-box button,.clear-button{cursor:pointer;border:0}.regex-box button{color:#15120d;text-transform:uppercase;background:linear-gradient(#d5ad68,#ad8143);border-left:1px solid #5f4a2c;min-width:76px;font-size:11px;font-weight:800}.regex-box button:disabled,.clear-button:disabled{opacity:.35;cursor:default}.clear-button{height:38px;color:var(--muted);text-transform:uppercase;background:0 0;border:1px solid #373e46;border-radius:2px;padding:0 14px;font-size:10px;font-weight:700}.length-warning,.output-hint{margin:0;font-size:10px;position:absolute;bottom:-23px;left:222px}.length-warning{color:var(--red)}.output-hint{color:var(--faint)}@media (width<=980px){.site-header{padding:0 24px}.app-shell{width:min(100% - 36px,760px);padding-top:48px}.intro{grid-template-columns:1fr;gap:28px}.version-card{width:240px}.mode-panel{grid-template-columns:1fr;gap:24px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:90px}.affix-grid{grid-template-columns:1fr}.output-dock{grid-template-columns:140px minmax(0,1fr)}.output-dock .clear-button{display:none}.length-warning,.output-hint{left:173px}}@media (width<=680px){.site-header{min-height:68px;padding:0 16px}.brand-mark{width:28px;height:36px;margin-right:11px}.brand-copy h1{font-size:15px}.site-header>a{display:none}.app-shell{width:calc(100% - 24px);padding:38px 0 190px}.intro{margin-bottom:48px}.intro h2{font-size:42px}.intro p{font-size:14px}.picker-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.family-main{padding-left:12px;padding-right:12px}.tier-controls{flex-direction:column;align-items:stretch;padding-left:42px}.tier-details{padding-left:42px}.tier-line{grid-template-columns:24px 1fr 48px}.tier-value{grid-column:2/4}.output-dock{grid-template-columns:1fr;gap:10px;width:calc(100% - 20px);padding:12px;bottom:10px;left:10px;right:10px}.output-meta{display:none}.regex-box code{font-size:11px}.length-warning,.output-hint{margin-top:-4px;position:static}}