/* DevExKit visual language: inspired by the supplied Creator Hub reference.
   Brand, UI and planning-only functionality remain independent of Roblox. */
:root{color-scheme:dark;--bg:#1b1d23;--paper:#252830;--raised:#30343e;--field:#202229;--text:#e8e9ee;--muted:#b9bdc9;--line:#3c404c;--input-line:#737989;--accent:#8caaff;--green:#8caaff;--mint:#343946;--navy:#2b303d;--purple:#b8a1f2;--gold:#d4b582;--standard:#7c9dff;--notice-bg:#302d29;--notice-line:#776549;--notice-text:#dcd2c2;--error-bg:#381d22;--error-line:#92515c}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:var(--accent)}a:hover{text-decoration:underline;text-underline-offset:4px}button:hover{filter:none}
.sidebar{width:256px;padding:28px 18px;background:var(--bg);border-right:1px solid var(--line)}
.workspace{margin-left:256px}.brand{margin:0 8px 42px;gap:11px;font-size:29px;letter-spacing:-1px}.brand:hover{text-decoration:none}.brand-light{font-weight:450}.brand-icon{width:36px;height:38px;border-radius:9px;background:var(--raised);color:var(--text)}.brand-icon svg{width:26px;height:26px}.brand small{font-size:10px;letter-spacing:1.5px;color:var(--muted)}
.language-switch{margin:0 10px 25px}.language-switch label{color:var(--muted)}.language-switch select{min-height:44px;border-color:var(--line);background:var(--bg);font-size:14px;font-weight:400}
.nav-caption{margin:0 12px 13px;font-size:12px;letter-spacing:1.1px;color:#898b99}nav{gap:5px}nav a{padding:13px 12px;gap:12px;line-height:1.4;border-radius:8px;color:#c3c4cd;font-size:15px;font-weight:500}nav a:hover{background:#2d3039;text-decoration:none}nav a.active{color:var(--text);background:#343946;font-weight:650}nav a small{display:none}nav a>.nav-icon{width:20px;height:21px;display:flex;align-items:center;flex:0 0 20px}.nav-icon svg{width:21px;height:21px}
.sidebar-note{padding:28px 12px 20px;margin-top:auto;font-size:14px;color:var(--muted)}.sidebar-note p{font-size:16px;line-height:1.65;margin:15px 0}.sidebar-note a{font-size:14px}.live-dot{background:#82bb9a}.version{font-size:12px;color:#9698a6;border-top-color:var(--line)}
.topbar{min-height:68px;background:var(--bg);border-bottom-color:var(--line);padding:0 38px;color:var(--muted)}.topbar b{color:var(--text)}.top-right{color:var(--muted);font-size:13px}.prototype-badge{color:var(--muted);border-color:#41434f;background:#292d36}
main{max-width:1340px;padding:36px 38px 0}.page-heading{margin-bottom:28px;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:1.3px;color:#9d9fad;margin-bottom:12px}.page-heading h1{font-size:34px;letter-spacing:-.9px;font-weight:650;line-height:1.25;margin-bottom:12px}.page-heading p{color:var(--muted);max-width:68ch;line-height:1.7}
.panel,.payout-card,.compare-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:none}.panel{padding:26px}.panel h2{font-size:20px;font-weight:600;letter-spacing:-.3px}.panel-heading{align-items:center}.panel-heading .tag{font-size:14px}.tag{background:#343946;color:#c9cad3;border-radius:5px;padding:4px 8px;line-height:1.5}.tag.amber{background:var(--notice-bg);color:var(--notice-text)}
.quick-converter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.quick-input-panel,.quick-output{padding:26px}.quick-label{color:var(--text);margin-top:24px}.input-assumption{background:#2d303a;color:#c6c8d4;border:0;border-left:2px solid #707b9f;border-radius:0 5px 5px 0;padding:12px 14px;font-size:14px;line-height:1.7}
input:not([type=range]):not([type=checkbox]),select{background:var(--field);color:var(--text);border-color:var(--input-line);border-radius:7px;font-weight:400}
input:not([type=range]):not([type=checkbox]):focus,select:focus{background:var(--field);border-color:var(--accent);outline:2px solid #8caaff44;outline-offset:2px}
input::placeholder{color:#a7a9b5}input[type=range],input[type=checkbox]{accent-color:#7397ff}.quick-number{background:var(--field);border-color:var(--input-line);padding:12px 16px}.quick-number:focus-within{outline-color:var(--accent)}.quick-number input{color:var(--text);font-weight:600}.quick-number>span{color:#b8bac6}
.quick-presets button,.presets button{background:#30343e;border-color:#3c3e49;color:#e0e1e7;border-radius:6px}.quick-presets button:hover,.presets button:hover{background:#3a4050;border-color:#727887}.quick-options summary{color:var(--accent)}
.payout-card{background:#2b303d;background-image:none;color:var(--text)}.payout-top{color:#d7d9e4;gap:10px}.dark-tag{color:#c3c5d1;border-color:#4c4f60;background:transparent;font-size:14px}.hero-money{color:#f2f3f8;font-weight:650;letter-spacing:-1.8px}.hero-money>span{color:#f2f3f8}.hero-money small{color:#b5b8c7}.payout-card>p,.quick-output #quick-formula{color:#c3c6d4}.quick-rate-note{border-color:#444755;color:#b7bac9}.payout-meta{border-color:#444755;color:#b7bac9}.payout-meta strong{color:var(--text)}.payout-meta small{color:var(--muted)}
.primary{background:#3d67e8;border-color:#3d67e8;color:#fff;font-weight:600}.primary:hover{background:#4c76f4;border-color:#4c76f4}.subtle{background:#343945;color:#e0e1e8;border-color:#444752}.subtle:hover{background:#414958}.button{border-radius:7px}.text-button{color:var(--accent)}.quick-next{min-height:54px}.quick-partial{font-size:14px}
.notice{background:#292d36;border-color:#3d3f4c;color:#c2c4d0;padding:14px 16px;line-height:1.7}.notice>span{color:#b7bed6}.error{background:var(--error-bg);color:#f1c4ca;border-color:var(--error-line)}.fee-change-note{background:var(--notice-bg);color:var(--notice-text);border-color:var(--notice-line)}.consent{color:var(--muted)}
.goal-answer{background:#2c3240;border:1px solid #3b4357}.goal-answer>span,.goal-answer p,#goal-breakdown{color:#c0c5d4}#goal-amount{color:#f2f4fc}.goal-minimum{border-color:#41475b}.summary-preview pre{background:var(--field);border-color:var(--line);color:var(--muted)}.summary-preview{color:var(--muted)}
.quick-next-grid>a{background:var(--paper);border-color:var(--line);border-radius:8px}.quick-next-grid>a:hover{border-color:#626b85;text-decoration:none}.quick-next-grid>a>span,.quick-next-grid b{color:var(--accent)}.quick-next-grid .nav-icon svg{width:24px;height:24px}.quick-faq summary{color:var(--text)}
.insight{background:#303746;color:#c6cada;border-left:2px solid #65749e}.consumption-bar{background:var(--raised)}.balance-total b{color:var(--text)}.compare-card:first-child{background:#303746;border-color:#4d5979}.compare-card.chosen{border-color:#8caaff;box-shadow:0 0 0 1px #8caaff}.card-line strong{color:#e4e6ef}.fee-details summary{color:var(--text)}.fee-details summary span{color:var(--muted)}.decision-options button{background:var(--raised);border-color:var(--input-line);color:var(--text)}.decision-options button.selected{background:#3d67e8;border-color:#3d67e8;color:white}
.reference-table thead{background:#303540;color:#e9ebf4}.reference-table tbody tr:hover{background:#2c303a}.reference-table td{color:#c6c9d6}.source-panel{max-width:960px}.source-item h3{color:var(--text)}.split-comparison-label b{color:var(--text)}.member-row{background:var(--paper)!important}.member-pcts .pw{background:var(--field)!important}.member-del:hover{color:#f5a5b4!important}
.brand-intro{margin:38px 0 0;color:var(--muted);font-size:14px}.quick-explainer{margin-top:24px}.currency-format-note{border-top:1px solid var(--line);padding-top:22px;margin:32px 0 20px;color:#a5a8b8;max-width:none;font-size:14px}.worked-example{margin:28px 0}.worked-example h2{font-size:22px}footer{border-color:var(--line);font-size:14px}footer a{color:var(--accent)}.toast{background:#303646;border:1px solid #667496;color:var(--text)}.skip-link{background:#3d67e8;color:#fff}
@media(max-width:1150px) and (min-width:801px){.sidebar{width:228px;padding:24px 14px}.workspace{margin-left:228px}main{padding:30px 28px 0}.topbar{padding:0 28px}.brand{font-size:27px}.quick-converter,.sim-grid{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:18px 18px 10px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px 14px}.workspace{margin-left:0}.brand{margin:0;font-size:27px;gap:9px}.brand small{display:none}.brand-icon{width:30px;height:32px}.brand-icon svg{width:23px;height:23px}.language-switch{margin:0;gap:0;display:block;align-self:center}.language-switch label{display:none}.language-switch select{min-height:40px;max-width:152px;padding:8px 10px;font-size:14px}.sidebar nav{grid-column:1/-1;display:flex;gap:5px;max-width:100%;padding:3px 0 5px}.sidebar nav a{font-size:14px;padding:10px 12px;gap:7px}.sidebar nav a>.nav-icon{width:18px;flex-basis:18px}.nav-icon svg{width:18px;height:18px}.nav-caption,.sidebar-note,.version{display:none}.topbar{display:none}main{padding:26px 18px 0}.page-heading h1{font-size:29px;line-height:1.3;letter-spacing:-.6px}.page-heading p{font-size:16px}.page-heading{margin-bottom:23px}.eyebrow{font-size:12px}.quick-converter,.sim-grid{grid-template-columns:1fr;gap:18px}.panel,.quick-input-panel,.quick-output{padding:21px}.panel-heading{gap:10px}.panel h2{font-size:20px}.panel-heading .tag{font-size:14px}.quick-label{margin-top:22px}.quick-number input{font-size:32px}.quick-presets button{padding:10px}.quick-output .hero-money{font-size:48px}.goal-heading h2{font-size:22px}.brand-intro{margin-top:28px}.control-grid input{font-size:28px}.worked-example h2{font-size:22px}.currency-format-note{margin-top:26px}.quick-next-grid{grid-template-columns:1fr}}
@media print{ :root{color-scheme:light;--bg:white;--paper:white;--raised:#f2f2f2;--field:white;--text:#111;--muted:#444;--line:#bbb;--input-line:#777;--accent:#1746a2}body,.panel,.payout-card{background:white!important;color:#111!important}.payout-card *{color:#111!important}.reference-table thead{background:#eee;color:#111}.reference-table td{color:#111}.workspace{margin:0}.primary{background:#eee;color:#111}}