@font-face{font-family:Anton;font-weight:400;font-display:swap;src:url(/fonts/anton-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Anton;font-weight:400;font-display:swap;src:url(/fonts/anton-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(/fonts/barlow-400-latin.woff2) format("woff2")}@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(/fonts/barlow-500-latin.woff2) format("woff2")}@font-face{font-family:Barlow;font-weight:600;font-display:swap;src:url(/fonts/barlow-600-latin.woff2) format("woff2")}@font-face{font-family:Barlow;font-weight:700;font-display:swap;src:url(/fonts/barlow-700-latin.woff2) format("woff2")}@font-face{font-family:Share Tech Mono;font-weight:400;font-display:swap;src:url(/fonts/share-tech-mono-400-latin.woff2) format("woff2")}:root{--accent: #a3122d;--accent-rgb: 163, 18, 45;--on-accent: #f4f2ee;--accent-text: #ca7685;--bg: #09090b;--panel: #111114;--panel-2: #16161a;--item: #1a1a1f;--item-hover: #222228;--line: #222228;--line-2: #3a3a42;--text: #f4f2ee;--muted: #8a8a92;--faint: rgba(244, 242, 238, .36);--ok: #3ef08a;--danger: #ff2a3a;--warn: #e8b04a;--f-title: "Anton", Impact, sans-serif;--f-body: "Barlow", system-ui, sans-serif;--f-mono: "Share Tech Mono", ui-monospace, monospace;--ease: cubic-bezier(.2, .9, .2, 1);--shard: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);--shard-sm: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);--para: polygon(22% 0, 100% 0, 78% 100%, 0 100%);--sidebar: 248px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:15px;line-height:1.35;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2)}::-webkit-scrollbar-track{background:transparent}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;flex:none}.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.acc{color:var(--accent-text)}.muted{color:var(--muted)}.faint{color:var(--faint)}.ok{color:var(--ok)}.danger{color:var(--danger)}.big{font-family:var(--f-title);text-transform:uppercase;letter-spacing:.01em;font-variant-numeric:tabular-nums}.code{font-family:var(--f-mono);font-size:13px;word-break:break-all}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100%}.app.collapsed{grid-template-columns:0 1fr}.sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar .brand{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--line)}.sidebar .brand img{width:34px;height:34px;object-fit:contain}.sidebar .brand .name{font-family:var(--f-title);text-transform:uppercase;font-size:18px;line-height:1}.server-switch{position:relative;margin:12px}.server-switch button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--item);border:1px solid var(--line);cursor:pointer;text-align:left;clip-path:var(--shard-sm)}.server-switch button:hover{background:var(--item-hover)}.server-switch .label{flex:1;min-width:0}.server-switch .label b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--panel-2);border:1px solid var(--line-2);z-index:20;max-height:320px;overflow:auto}.server-menu a,.server-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;background:none;border:0;cursor:pointer;text-align:left;clip-path:none}.server-menu a:hover,.server-menu button:hover{background:var(--item-hover)}.nav{flex:1;overflow-y:auto;padding:4px 0 12px}.nav .section{padding:16px 20px 6px}.nav a{position:relative;display:flex;align-items:center;gap:12px;padding:8px 20px;color:var(--muted);font-weight:500;transition:color .15s var(--ease),background .15s var(--ease)}.nav a:hover{color:var(--text);background:var(--item)}.nav a.active{color:var(--text);background:rgba(var(--accent-rgb),.14)}.nav a.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.nav a .soon{margin-left:auto}.userbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}.avatar{width:32px;height:32px;display:grid;place-items:center;flex:none;background:var(--accent);color:var(--on-accent);font-family:var(--f-title);font-size:16px;clip-path:var(--shard-sm)}.userbar .who{flex:1;min-width:0}.userbar .who b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:52px;flex:none;display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--bg)}.topbar .crumbs{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.topbar .crumbs b{font-weight:600}.content{flex:1;overflow-y:auto;padding:28px 32px 48px}.content.flush{padding:0;display:flex;flex-direction:column}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head .titles{flex:1;min-width:240px}.page-head h1{margin:0;font-family:var(--f-title);font-weight:400;text-transform:uppercase;font-size:34px;line-height:1;letter-spacing:.01em}.page-head h1 .acc{color:var(--accent)}.page-head p{margin:8px 0 0;color:var(--muted)}.page-head .actions{display:flex;gap:10px;flex-wrap:wrap}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.side{grid-template-columns:340px minmax(0,1fr);align-items:start}.grid.wide-side{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.panel{background:var(--panel);border:1px solid var(--line);clip-path:var(--shard);min-width:0}.panel-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:15px;font-weight:600}.panel-head .sub{color:var(--muted);font-size:13px}.panel-head .titles{flex:1;min-width:0}.panel-body{padding:18px}.panel-body.tight{padding:0}.stat{padding:18px;display:flex;flex-direction:column;gap:6px}.stat .value{font-family:var(--f-title);font-size:34px;line-height:1;text-transform:uppercase}.stat .value small{font-size:18px;color:var(--muted)}.gauge{display:flex;gap:3px;height:10px}.gauge i{flex:1;background:var(--line-2);clip-path:var(--para)}.gauge i.on{background:var(--accent)}.banner{padding:12px 16px;border:1px solid var(--line-2);background:var(--panel-2);display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;clip-path:var(--shard-sm)}.banner.danger{border-color:#ff2a3a73;background:#ff2a3a12}.banner.accent{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.1)}.banner b{font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;cursor:pointer;white-space:nowrap;background:var(--item);border:1px solid var(--line-2);color:var(--text);font-weight:600;font-size:14px;clip-path:var(--shard-sm);transition:background .15s var(--ease),border-color .15s var(--ease),opacity .15s}.btn:hover{background:var(--item-hover);border-color:#4a4a55}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:#b8173a}.btn.light{background:var(--text);border-color:var(--text);color:var(--bg)}.btn.danger{border-color:#ff2a3a80;color:#ff6b76}.btn.danger:hover{background:#ff2a3a1f}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text);background:var(--item)}.btn.sm{height:30px;padding:0 12px;font-size:13px}.btn.icon-only{width:36px;padding:0}.btn.sm.icon-only{width:30px}.input,select.input,textarea.input{width:100%;height:38px;padding:0 12px;background:var(--bg);border:1px solid var(--line-2);color:var(--text);outline:none;border-radius:0;transition:border-color .15s var(--ease)}textarea.input{height:auto;min-height:90px;padding:10px 12px;resize:vertical}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--faint)}.input.mono-input{font-family:var(--f-mono);font-size:13px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 16px,calc(100% - 12px) 16px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.search{position:relative}.search .icon{position:absolute;left:11px;top:10px;color:var(--muted)}.search .input{padding-left:36px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;color:var(--muted)}.field-row{display:grid;grid-template-columns:minmax(200px,38%) 1fr;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line);align-items:center}.field-row:last-child{border-bottom:0}.field-row .label b{display:block;font-weight:600}.field-row .label small{display:block;color:var(--muted);margin-top:3px}.toggle{position:relative;width:44px;height:22px;flex:none;background:var(--line-2);border:0;cursor:pointer;clip-path:var(--para);transition:background .15s var(--ease)}.toggle:after{content:"";position:absolute;top:4px;left:8px;width:12px;height:14px;background:var(--muted);transition:transform .2s var(--ease),background .2s}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(16px);background:var(--on-accent)}.toggle:disabled{opacity:.45;cursor:not-allowed}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--item);border:1px solid var(--line-2);color:var(--muted);clip-path:var(--para);padding:0 14px;white-space:nowrap;flex:none}.chip.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip.ok{color:var(--ok);border-color:#3ef08a59}.chip.danger{color:#ff6b76;border-color:#ff2a3a73}.chip.warn{color:var(--warn);border-color:#e8b04a66}button.chip{cursor:pointer}button.chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.dot{display:inline-block;width:8px;height:8px;background:var(--muted);flex:none}.dot.on{background:var(--ok)}.dot.off{background:var(--danger)}.savebar{position:sticky;bottom:-48px;z-index:10;margin:24px -32px -48px;padding:14px 32px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#09090bf5;border-top:1px solid var(--line)}.grid>.savebar{grid-column:1 / -1}.grid .stack>.savebar{margin:0;padding:12px 16px;bottom:0;border:1px solid var(--line)}.tree-group{border-top:1px solid var(--line)}.tree-head{width:100%;display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--panel-2);border:0;cursor:pointer;text-align:left;color:var(--text)}.tree-head:hover{background:var(--item)}.tree-body{padding-left:14px;border-left:2px solid var(--line);margin-left:18px}.tree-item{border:1px solid var(--line);background:var(--panel-2);margin-right:18px}.tree-item-head{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer}.tree-item-head:hover{background:var(--item)}.item-list{display:flex;flex-direction:column;gap:8px}.item-list .tree-item{margin-right:0}.item-list .tree-item-head{cursor:default}.item-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 10px;padding:4px 12px 12px}.item-fields label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.item-fields label.wide{grid-column:1 / -1}.warn-text{color:var(--warn);font-size:13px}.range{flex:1;min-width:120px;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:20px;background:var(--text);border:0;clip-path:var(--para)}.range::-moz-range-thumb{width:12px;height:20px;background:var(--text);border:0;border-radius:0}.color-swatch{width:40px;height:38px;padding:0;border:1px solid var(--line-2);background:none;cursor:pointer}.color-swatch::-webkit-color-swatch-wrapper{padding:3px}.color-swatch::-webkit-color-swatch{border:0}.swatch{width:28px;height:22px;border:1px solid var(--line-2);cursor:pointer;clip-path:var(--para)}.swatch.active{outline:2px solid var(--text);outline-offset:2px}.preview-box{background:#050506;border:1px solid var(--line);padding:18px}.fivem-card{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#1b1d24;border:1px solid #2a2d36}.fivem-card img{width:40px;height:40px;object-fit:cover}.fivem-card .tags{display:flex;gap:4px}.fivem-card .tags span{font-size:11px;padding:2px 6px;background:#2a2d36;color:#aab}.fivem-ghost{height:52px;background:#15171c;border:1px solid #22252d;opacity:.6}.discord-card{width:300px;background:#232428;color:#dbdee1;font-family:var(--f-body);overflow:hidden}.discord-card .banner-top{height:60px;background:#5865f2}.discord-card .body{padding:0 16px 16px}.discord-card .pfp{width:64px;height:64px;margin-top:-32px;background:#1e1f22;border:6px solid #232428;display:grid;place-items:center;font-family:var(--f-title);font-size:24px}.discord-card .act{display:flex;gap:12px;margin-top:10px}.discord-card .act img,.discord-card .act .ph{width:60px;height:60px;background:#313338;object-fit:cover}.discord-card .dbtn{margin-top:8px;padding:6px;text-align:center;background:#4e5058;color:#fff;font-size:13px}textarea.code-editor{min-height:520px;font-family:var(--f-mono);font-size:13px;line-height:1.6;white-space:pre;-moz-tab-size:4;tab-size:4}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 14px;font-family:var(--f-mono);font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .12s}.table tbody tr.clickable{cursor:pointer}.table tbody tr:hover{background:var(--item)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table td.actions{text-align:right;white-space:nowrap}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty .big{display:block;font-size:22px;color:var(--text);margin-bottom:6px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tabs button{background:none;border:0;padding:10px 16px;cursor:pointer;color:var(--muted);font-weight:600;position:relative;white-space:nowrap}.tabs button:hover,.tabs button.active{color:var(--text)}.tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 16px;align-items:center}.kv dt{color:var(--muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.list-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.list-item .grow{flex:1;min-width:0}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{background:var(--item)}.list-item.active{background:rgba(var(--accent-rgb),.12)}.console{flex:1;min-height:0;overflow-y:auto;background:#050506;font-family:var(--f-mono);font-size:13px;line-height:1.55;padding:14px 18px;white-space:pre-wrap;word-break:break-word}.console .line{display:flex;gap:12px}.console .time{color:#55555d;flex:none}.console .chan{color:var(--accent-text);flex:none;min-width:90px}.console-input{display:flex;gap:10px;padding:12px 18px;border-top:1px solid var(--line);background:var(--panel)}.console-input .prompt{font-family:var(--f-mono);color:var(--accent);align-self:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050506c7;display:grid;place-items:center;z-index:100;padding:20px;animation:fade .15s var(--ease)}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--panel);border:1px solid var(--line-2);clip-path:var(--shard);animation:slide-in .2s var(--ease)}.modal.wide{width:min(760px,100%)}.modal .panel-head h2{font-family:var(--f-title);font-weight:400;text-transform:uppercase;font-size:20px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}}.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:200;width:min(380px,calc(100vw - 40px))}.toast{background:var(--panel-2);border:1px solid var(--line-2);border-left:3px solid var(--accent);padding:12px 14px;clip-path:var(--shard-sm);animation:toast-in .25s var(--ease)}.toast.ok{border-left-color:var(--ok)}.toast.error{border-left-color:var(--danger)}.toast b{display:block;font-weight:600;margin-bottom:2px}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}}.loader{display:flex;align-items:center;justify-content:center;gap:4px;padding:40px}.loader i{width:14px;height:10px;background:var(--accent);clip-path:var(--para);animation:blink 1s infinite}.loader i:nth-child(2){animation-delay:.15s}.loader i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.2}}.auth-page{min-height:100%;display:grid;grid-template-columns:1fr minmax(360px,460px)}.auth-side{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;border-right:1px solid var(--line);background:linear-gradient(160deg,#0d0d10,#09090b 60%)}.auth-side .huge{font-family:var(--f-title);text-transform:uppercase;font-size:clamp(64px,9vw,150px);line-height:.85;letter-spacing:.01em}.auth-side .huge span{color:var(--accent)}.auth-side .stripes{position:absolute;top:48px;right:48px;display:flex;gap:6px}.auth-side .stripes i{width:26px;height:120px;background:var(--accent);clip-path:var(--para);opacity:.9}.auth-side .stripes i:nth-child(2){opacity:.5}.auth-side .stripes i:nth-child(3){opacity:.25}.auth-form{display:flex;flex-direction:column;justify-content:center;padding:48px;gap:18px}.auth-form h1{margin:0;font-family:var(--f-title);font-weight:400;text-transform:uppercase;font-size:36px}.error-text{color:#ff6b76;font-size:14px}.chart{width:100%;height:180px;display:block}.chart .area{fill:rgba(var(--accent-rgb),.18)}.chart .stroke{fill:none;stroke:var(--accent);stroke-width:2}.chart .grid-line{stroke:var(--line);stroke-width:1}.chart text{fill:var(--muted);font-family:var(--f-mono);font-size:11px}.mobile-only{display:none!important}@media (max-width: 820px){.mobile-only{display:inline-flex!important}}@media (max-width: 1100px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.side,.grid.wide-side{grid-template-columns:1fr}}@media (max-width: 820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:50;transform:translate(-100%);transition:transform .2s var(--ease)}.app.mobile-open .sidebar{transform:none}.content{padding:20px 16px 40px}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.field-row{grid-template-columns:1fr;gap:10px}.auth-page{grid-template-columns:1fr}.auth-side{display:none}.page-head h1{font-size:28px}.topbar{padding:0 16px}.topbar .crumbs>:not(:last-child){display:none}.savebar{margin:20px -16px -40px;padding:12px 16px;bottom:-40px}.page-head .actions{width:100%}}.hud-hero{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:28px;align-items:center;padding:28px;background:linear-gradient(135deg,var(--panel-2),var(--bg));border:1px solid var(--line);clip-path:var(--shard)}.hud-hero-text{display:grid;gap:14px;justify-items:start}.hud-hero-text .chip{display:inline-flex;align-items:center;gap:6px}.hud-hero-text h2{margin:0;font-size:30px;font-weight:700;line-height:1.1}.hud-hero-text p{margin:0;max-width:520px;line-height:1.5}.hud-hero-preview{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line-2);background:linear-gradient(180deg,#8fa6b8,#c9b79a 45%,#6d6a5e 55%,#3b3a36)}.hud-hero-preview iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;pointer-events:none}.hud-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.hud-preset{display:grid;gap:10px;padding:16px;background:var(--panel);border:1px solid var(--line);clip-path:var(--shard-sm)}.hud-preset.on{border-color:var(--text);background:var(--panel-2)}.hud-preset .head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-preset .head b{font-size:16px}.hud-preset p{margin:0;font-size:13px;line-height:1.45;min-height:38px}.hued{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-rows:56px 1fr;background:#050506;color:var(--text)}.hued-top{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--bg)}.hued-title{display:flex;align-items:center;gap:8px;font-weight:600;padding-left:12px;border-left:1px solid var(--line)}.hued-dirty{color:var(--warn);font-size:13px;font-weight:600}.hued-body{display:grid;grid-template-columns:clamp(170px,14vw,230px) minmax(0,1fr) clamp(300px,24vw,380px);min-height:0}.hued-body.wide{grid-template-columns:0 minmax(0,1fr) 0}.hued-body.wide>.hued-nav,.hued-body.wide>.hued-side{visibility:hidden;overflow:hidden;border:0;padding:0}.hued-nav{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--line);background:var(--bg);overflow-y:auto}.hued-nav>button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:none;color:var(--muted);cursor:pointer;text-align:left;font-weight:500}.hued-nav>button:hover{color:var(--text);background:var(--item)}.hued-nav>button.on{color:var(--text);background:var(--item-hover);box-shadow:inset 3px 0 0 var(--accent)}.hued-help{margin-top:auto;padding:12px;font-size:12px;line-height:1.5;color:var(--muted);border:1px solid var(--line);background:var(--panel)}.hued-help b{color:var(--text)}.hued-help>b:first-child{display:block;margin-bottom:4px}.hued-stage{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px;min-width:0;min-height:0;overflow:hidden}.hued-screen{position:relative;width:100%;max-width:calc((100vh - 120px) * 16 / 9);margin:0 auto;aspect-ratio:16 / 9;border:1px solid var(--line-2);overflow:hidden;box-shadow:0 30px 80px #0009;background:radial-gradient(ellipse at 70% 20%,rgba(255,255,255,.25),transparent 40%),linear-gradient(180deg,#7c97ad,#a9b6bf 38%,#c9b79a 50%,#7d7768 58%,#4a4842 78%,#2e2d2a)}.hued-screen iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.hued-caption{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;font-size:12px;text-align:center}.hued-side{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--bg)}.hued-side-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line);font-weight:700;font-size:16px}.hued-side-body{flex:1;overflow-y:auto;padding:16px 18px 32px;display:flex;flex-direction:column;gap:8px}.hued-label{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 2px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hued-label .muted{font-family:var(--f-body);font-size:12px;letter-spacing:0;text-transform:none}.hued-nav .hued-label{margin:0 4px 8px}.hued-card{padding:12px 14px;background:var(--panel);border:1px solid var(--line)}.hued-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.hued-toggle b{display:block;font-weight:600}.hued-toggle small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}.hued-choices{display:grid;gap:8px}.hued-choice{display:grid;gap:4px;align-content:start;padding:12px;text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.hued-choice:hover{background:var(--panel-2)}.hued-choice.on{border-color:var(--text);background:var(--panel-2)}.hued-choice b{display:flex;align-items:center;justify-content:space-between;font-weight:600}.hued-choice b svg{width:14px;height:14px}.hued-choice small{font-size:12px;line-height:1.4;color:var(--muted)}.hued-choice .thumb{display:grid;place-items:center;height:64px;margin-bottom:6px;background:#0b0b0d;border:1px solid var(--line)}.hued-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.hued-seg button{padding:9px 8px;background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-weight:600}.hued-seg button:hover{color:var(--text)}.hued-seg button.on{color:var(--text);border-color:var(--text);background:var(--panel-2)}.hued-grad .head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hued-grad .head b{flex:1;font-weight:600}.hued-grad .gswatch{width:30px;height:30px;flex:none;border:1px solid var(--line-2)}.hued-grad .pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hued-color{display:flex;align-items:center;justify-content:space-between;gap:10px}.hued .link{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:12px}.hued .link:hover{color:var(--text)}.hued-reset{justify-self:start;align-self:flex-start}.th-ring{width:40px;height:40px;fill:none;stroke:#e9d5a5;stroke-width:3.5}.th-square{width:38px;height:38px;background:linear-gradient(to top,#e9d5a580 60%,#1c1c20 60%);border:1px solid var(--line-2)}.th-bar{display:flex;align-items:center;gap:6px;width:70%}.th-bar i{flex:1;height:4px;background:linear-gradient(90deg,#e9d5a5 65%,#333 65%)}.th-bar span{width:14px;height:6px;background:#555}.th-sp{display:grid;gap:4px;justify-items:end}.th-sp b{font-family:var(--f-title);font-size:24px;line-height:1}.th-sp i{width:60px;height:3px;background:linear-gradient(90deg,#e9d5a5 50%,#333 50%)}.th-arc{width:52px;height:52px;fill:none;stroke:#97c4f6;stroke-width:3.5;stroke-linecap:round}.th-arc text{fill:#fff;stroke:none;font-size:11px;font-weight:700;text-anchor:middle;font-family:var(--f-body)}.th-lines{display:grid;gap:4px;justify-items:end;width:70%}.th-lines b{font-size:18px}.th-lines i{width:100%;height:2px;background:#e9d5a5}.th-lines i+i{width:60%;background:#888}.th-info{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.4;text-align:right}.th-info i{width:18px;height:18px;background:var(--accent)}.th-info b{font-size:18px}.th-pill{padding:4px 10px;border:1px solid var(--line-2);border-radius:20px;font-size:10px;white-space:nowrap}.th-pill b{color:#e9d5a5}.th-modern{display:flex;border:1px solid var(--line-2)}.th-modern span{padding:6px 10px;font-weight:700;font-size:12px}.th-modern span+span{border-left:1px solid var(--line-2)}.th-modern span:first-child{box-shadow:inset 0 -2px 0 var(--accent)}.cchip-wrap{position:relative}.cchip{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;background:var(--item);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;font-family:var(--f-mono);font-size:13px}.cchip:hover{border-color:var(--line-2)}.cchip i{width:20px;height:20px;flex:none;border:1px solid rgba(255,255,255,.2)}.cchip span{display:grid}.cchip small{font-size:11px;letter-spacing:.08em;color:var(--muted)}.cpick{position:fixed;z-index:80;width:260px;display:grid;gap:12px;padding:12px;background:var(--panel-2);border:1px solid var(--line-2);box-shadow:0 20px 50px #0009}.cpick-sv{position:relative;height:160px;cursor:crosshair;touch-action:none;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent)!important;background-blend-mode:normal}.cpick-sv{background-color:transparent}.cpick-sv i{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000080;pointer-events:none}.cpick-hue{position:relative;height:12px;cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cpick-hue i{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000080;pointer-events:none}