@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b0b0e;--surface:#121216;--raised:#19191e;--line:#27272f;--text:#eeeeef;--muted:#97979f;--red:#e6324a;--red-dark:#aa2335;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:650}h1{font-size:clamp(40px,5vw,70px)}h2{font-size:clamp(28px,3.3vw,46px)}h3{font-size:21px;letter-spacing:-.02em}p{color:var(--muted)}:focus-visible{outline:2px solid #ff8998;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 80px));margin:auto}.dim,.micro{color:var(--muted)}.micro{font-size:12px;line-height:1.7}.center{text-align:center}.break{overflow-wrap:anywhere}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.skip{position:absolute;left:8px;top:-100px;z-index:100;background:var(--red);padding:12px}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.topbar{position:sticky;top:0;background:#0b0b0ef2;border-bottom:1px solid var(--line);z-index:20;backdrop-filter:blur(14px)}.topbar-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;letter-spacing:.04em;white-space:nowrap}.brand small{display:block;font-size:9px;line-height:1;letter-spacing:.4em;color:var(--muted);margin-top:3px}.mark{border:1px solid #81313d;background:#241318;color:#ff6b7f;display:grid;place-items:center;width:38px;height:38px;font-size:27px;font-style:italic}.mark-logo{width:40px;height:40px;border-radius:6px;border:1px solid #81313d;object-fit:cover;box-shadow:0 0 14px #e6324a40}.topbar nav,.top-actions{display:flex;align-items:center;gap:30px}.topbar nav a{font-size:13px;color:#b3b3bb}.topbar nav a:hover,.text-link:hover{color:var(--red)}.top-actions{gap:16px}.top-actions form{margin:0}.nav-dev{font-size:12px;color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:12px 21px;border:1px solid transparent;border-radius:4px;color:var(--text);font-size:13px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s;white-space:normal}.button span{font-size:17px}.button.primary{background:var(--red);border-color:var(--red);color:white}.button.primary:hover{background:#c9253c;border-color:#c9253c}.button.ghost{background:#ffffff02;border-color:#393940}.button.ghost:hover{background:#202026;border-color:#696972}.button.small{min-height:36px;padding:8px 13px;font-size:12px}.button.full{width:100%}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:8px}.button[aria-disabled=true],.unavailable{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.chip{display:inline-flex;align-items:center;border:1px solid #4d2931;background:#201316;color:#f69eab;border-radius:3px;padding:4px 9px;font-size:10px;letter-spacing:.07em;font-weight:650;white-space:nowrap}.chip.muted{border-color:var(--line);background:var(--surface);color:var(--muted)}.chip.danger{color:#ff8191}.signal{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--red);flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:22px}.red-line{height:1px;background:var(--red);width:24px}.announcement{display:flex;align-items:center;gap:12px;font-size:11px;color:#b0b0b8;padding:14px 0;border-bottom:1px solid #202026}.announcement a{margin-left:auto;color:#dddddf;white-space:nowrap}
.hero{display:grid;grid-template-columns:.95fr 1.1fr;gap:60px;align-items:center;min-height:590px;padding:76px 0 70px}.hero h1{max-width:560px;font-size:clamp(42px,4.7vw,69px);line-height:1.04}.lead{font-size:16px;line-height:1.8}.hero .lead{margin:25px 0 30px;max-width:470px}.hero-meta{margin-top:28px;display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted)}.hero-meta i{height:3px;width:3px;border-radius:50%;background:#62626b}.hero-visual{position:relative;min-width:0}.hero-visual:before{content:"";position:absolute;inset:-70px -30px;background:radial-gradient(ellipse,#8a142723,transparent 65%);z-index:-1}.visual-index{display:flex;justify-content:space-between;font:9px/1.5 monospace;letter-spacing:.12em;color:#777782;margin-bottom:12px}.product-window{border:1px solid #513039;border-radius:6px;overflow:hidden;box-shadow:0 25px 70px #0009;background:#0a0a0d;transform:perspective(1200px) rotateY(-5deg)}.product-window img{width:100%;aspect-ratio:1140/645;object-fit:contain}.product-bar{height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.09em;background:#171218}.window-dots{letter-spacing:4px;font-size:7px;color:#57454c}.product-bar .chip{font-size:7px;padding:2px 5px}.visual-caption{display:flex;align-items:center;gap:9px;margin-top:17px;font-size:10px;color:#b9b9c1}.visual-caption .dim{margin-left:auto}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px;font-size:12px;color:#b5b5bd}.principles b{font:10px monospace;color:var(--red);margin-right:14px}
.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:38px}.section-heading p{font-size:13px;max-width:330px}.section-heading .eyebrow{margin-bottom:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:linear-gradient(135deg,#18181d,#101014);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.feature-number{font:9px monospace;letter-spacing:.12em;color:#85858f}.feature-symbol{font-size:34px;line-height:1;color:#ee6f80;margin:35px 0 22px}.feature h3{margin-bottom:15px}.feature p{font-size:13px;line-height:1.8;min-height:72px}.feature-footer{display:block;border-top:1px solid var(--line);padding-top:19px;margin-top:30px;color:#bdbdc6;font-size:10px}.interface-section{background:#121216;border:1px solid var(--line);border-radius:var(--radius);padding:50px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.interface-section .lead{font-size:14px;margin:22px 0}.interface-details>div{border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:center;gap:20px;font-size:13px}.interface-details b{color:var(--red);font:11px monospace}.interface-details .compatibility{border:0;font-size:11px;color:var(--muted);gap:8px}.compatibility strong{color:#ddd;font-weight:500}#video-player{grid-column:1/-1}#video-player iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px}
.quantity-control{display:flex;align-items:center;gap:30px;border:1px solid var(--line);padding:20px 25px;border-radius:6px;margin-bottom:24px;background:#121216}.quantity-control>div:first-child{margin-right:auto}.quantity-control strong{font-size:13px}.quantity-control span:not(.chip){display:block;font-size:11px;color:var(--muted)}.stepper{display:flex;border:1px solid #42424c;border-radius:4px;overflow:hidden}.stepper input{border:0;width:50px;min-height:38px;text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line);appearance:textfield;padding:6px;border-radius:0}.stepper button{border:0;background:var(--raised);color:var(--text);width:38px;font-size:18px}.stepper input::-webkit-inner-spin-button{appearance:none}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:6px;padding:25px 21px;background:#101013}.price-card.featured{border-color:#9b2c3c;background:linear-gradient(180deg,#201317,#111114 65%)}.price-top{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.tiny-label{font-size:7px;letter-spacing:.08em;border:1px solid #6c2935;padding:3px;color:#f08597}.price{font-size:29px;line-height:1.3;letter-spacing:-.05em;font-weight:650;margin:25px 0 6px;overflow-wrap:anywhere}.price-card>p{font-size:11px}.divider{height:1px;background:var(--line);margin:24px 0}.checks{padding:0;list-style:none;margin:0 0 27px;font-size:11px;color:#aaaab4;flex:1}.checks li{position:relative;padding-left:17px;margin-bottom:15px}.checks li:before{content:"✓";color:#c74a5d;position:absolute;left:0}.price-grid+.micro{margin-top:21px}.steps-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:43px}.steps b{font:16px monospace;color:#7f3945}.steps h3{margin:19px 0 12px}.steps p{font-size:13px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.text-link{color:#d6d6de;font-size:12px;display:inline-block;margin-top:20px}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list summary{font-size:14px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:"+";font-size:19px;color:#ab6873}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:13px;margin-top:16px;line-height:1.85}.closing{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #5b2631;border-bottom:1px solid var(--line);padding:55px 0;background:radial-gradient(ellipse at 0 0,#e6324a0b,transparent 65%)}.closing .eyebrow{margin-bottom:15px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:38px;padding-bottom:38px}.footer .brand{font-size:13px}.footer>p{font-size:11px}.footer>div{display:flex;gap:20px;font-size:10px;color:var(--muted)}
.notice{background:#19151b;border:1px solid #62303d;color:#e6b5be;border-radius:6px;padding:16px 20px;font-size:13px;margin:20px 0}.notice.error{border-color:#c04a5d;color:#ffc8ce}.notice ul{margin:8px 0;padding-left:20px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center;min-height:calc(100vh - 200px);padding-top:70px;padding-bottom:70px;max-width:1100px}.auth-story h1{font-size:60px}.auth-story h1 span{color:#e95b70}.auth-story>p{max-width:350px;margin-top:25px;font-size:14px}.auth-footnote{margin-top:70px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;max-width:330px;color:#777784}.auth-card{background:var(--surface);border:1px solid var(--line);padding:38px;border-radius:8px}.auth-card h2{font-size:28px;margin:24px 0 26px}.auth-card>p{font-size:13px;margin-bottom:20px}.auth-links{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-top:25px}.stack{display:flex;flex-direction:column;gap:18px}.stack>.button{align-self:flex-start}.stack>.button.full{align-self:stretch}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#babac4}input,select,textarea{width:100%;border:1px solid #383840;background:#0e0e12;color:var(--text);border-radius:4px;padding:10px 12px;min-height:42px;line-height:1.5}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#676773}select{cursor:pointer}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--red)}label.checkbox{flex-direction:row;align-items:center;align-self:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.duration-input{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.inline-form{display:flex;gap:12px;align-items:end;margin-top:20px;flex-wrap:wrap}.inline-form>input{flex:1;min-width:170px}.inline-form>label{flex:1}.search-form{display:flex;gap:12px;margin-bottom:20px}.search-form input{max-width:440px}
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding-top:38px;padding-bottom:80px;min-height:calc(100vh - 180px)}.sidebar{border-right:1px solid var(--line);padding-right:25px}.sidebar>.eyebrow{font-size:9px;margin:12px 0 30px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:12px 11px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#91919d;border-radius:4px;border:1px solid transparent}.sidebar nav a span:last-child{color:#575760}.sidebar nav a:hover{background:#141419}.sidebar nav .selected{color:#ffe1e6;border-color:#61303d;background:#24151b}.sidebar nav .selected span:last-child{color:#ee6f84}.sidebar-profile{border-top:1px solid var(--line);display:flex;gap:11px;margin-top:50px;padding-top:23px;overflow:hidden}.avatar{width:32px;height:32px;border:1px solid #4e3039;background:#24141a;color:#e57687;border-radius:5px;display:grid;place-items:center}.sidebar-profile strong{font-size:12px;display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis}.sidebar-profile small{font-size:9px;color:var(--muted);display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:6px 0 25px}.page-heading h1{font-size:34px}.page-heading .eyebrow{margin-bottom:10px}.workspace-main>.lead{font-size:14px;margin-bottom:25px}.card{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:26px;margin-bottom:20px;min-width:0}.card>p{margin:13px 0;font-size:13px}.card>h3{margin-bottom:16px}.card>.button{margin-top:20px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.card-heading h3{margin-top:6px}.card-heading small{font-size:10px;color:var(--muted)}.card-heading p{font-size:12px;margin-top:8px}.card details{margin:16px 0}.card summary{cursor:pointer;font-size:14px;font-weight:600}.card[open]>summary{margin-bottom:25px}.card code{font:12px/1.8 Consolas,monospace}.license-key{display:block;overflow-wrap:anywhere;background:#0b0b0e;border:1px solid var(--line);border-radius:4px;padding:13px;margin:15px 0}.welcome-card{display:flex;align-items:center;justify-content:space-between;padding:28px 35px;border:1px solid #4d2832;background:linear-gradient(110deg,#211219,#111116);border-radius:6px;margin-bottom:20px;gap:20px}.welcome-card h2{font-size:27px}.welcome-card p{font-size:13px;margin-top:12px}.outline-number{font:bold 65px/1 sans-serif;-webkit-text-stroke:1px #67313d;color:transparent;font-style:italic}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat-grid.four{grid-template-columns:repeat(4,1fr)}.stat-grid article{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.stat-grid small{display:block;color:var(--muted);font-size:11px}.stat-grid strong{display:block;font-size:34px;font-weight:600;margin:10px 0}.stat-grid a{font-size:10px;color:#e19ba6}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid small{font-size:11px;color:var(--muted);display:block}.detail-grid strong{display:block;font-size:17px;font-weight:500;margin-top:6px}.empty{text-align:center;border:1px dashed #35353f;padding:50px 25px;border-radius:6px;color:var(--muted)}.empty>span{font-size:34px;color:#8f4353;display:block;margin-bottom:15px}.empty h3{color:#dddde3}.empty p{font-size:13px;margin:15px 0 25px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;margin-bottom:22px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:#1a1a20;color:#a9a9b5;font-size:10px;font-weight:500;white-space:nowrap}td,th{padding:15px 19px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}.reply{border-left:2px solid #63303e;padding:5px 16px;margin:22px 0}.reply strong{font-size:12px}.reply small{color:var(--muted);font-size:10px;margin-left:14px}.reply p{font-size:13px;margin-top:9px}.session-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.session-row strong{font-size:13px}.session-row small{display:block;color:var(--muted);font-size:11px}.audit summary{display:flex;justify-content:space-between;gap:20px;overflow-wrap:anywhere}.audit summary small{font-size:10px;white-space:nowrap;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0a0a0d;padding:16px;border-radius:5px;font-size:11px;color:#b4b4c2}.legal{margin-top:60px;margin-bottom:80px;max-width:850px}.legal h1{font-size:40px}.legal h2{font-size:23px;margin-top:26px}.countdown{font:13px Consolas,monospace;color:#e48c9b}
nav[role=navigation]{font-size:12px;margin:25px 0;color:var(--muted)}nav[role=navigation] svg{width:20px;height:20px;vertical-align:middle}nav[role=navigation]>div:first-child{display:flex;gap:20px}nav[role=navigation]>div:nth-child(2){display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}nav[role=navigation] a,nav[role=navigation] span[aria-current]{display:inline-block;padding:4px 8px}
@media(min-width:1500px){.hero{gap:80px;min-height:640px}.hero h1{font-size:73px}.hero-visual{margin-right:-15px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:50px}.hero .lead{font-size:14px}.price-grid{grid-template-columns:repeat(2,1fr)}.interface-section{gap:35px;padding:35px}.feature{padding:22px}.workspace{grid-template-columns:180px minmax(0,1fr);gap:25px}.sidebar{padding-right:15px}.stat-grid.four{grid-template-columns:repeat(2,1fr)}.auth-shell{gap:60px}.topbar nav{gap:18px}.footer{flex-wrap:wrap}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.topbar-inner{height:70px;gap:12px}.topbar nav{display:none}.brand{font-size:16px}.mark{width:30px;height:30px;font-size:22px}.brand small{font-size:7px}.top-actions{gap:9px}.top-actions .small{padding:7px 10px;font-size:11px}.hero{grid-template-columns:1fr;gap:45px;padding:48px 0}.hero h1{font-size:clamp(42px,9vw,60px);max-width:600px}.hero .lead{max-width:none}.hero-visual{max-width:620px}.product-window{transform:none}.hero-meta{font-size:10px}.announcement{font-size:10px}.announcement a{display:none}.principles{grid-template-columns:1fr;gap:16px;padding:23px 0}.section{padding:65px 0}.section-heading{display:block}.section-heading p{margin-top:20px;max-width:none}.feature-grid{grid-template-columns:1fr}.feature p{min-height:0}.feature-symbol{margin:25px 0 17px}.interface-section{grid-template-columns:1fr;gap:20px;padding:26px}.quantity-control{flex-wrap:wrap;gap:16px;padding:17px}.quantity-control>div:first-child{flex-basis:100%}.quantity-control .chip{font-size:9px}.price-grid{gap:12px}.price-card{padding:20px 16px}.price{font-size:25px}.price-top{font-size:13px}.tiny-label{display:none}.checks{font-size:10px}.steps{grid-template-columns:1fr;gap:30px}.steps div{border-bottom:1px solid var(--line);padding-bottom:25px}.faq-section{grid-template-columns:1fr;gap:25px}.closing{padding:35px 0}.closing h2{font-size:29px}.closing .button{font-size:11px;padding:10px 15px}.footer{gap:18px}.footer>p{display:none}.footer>div{flex-wrap:wrap;gap:15px;font-size:10px}.auth-shell{grid-template-columns:1fr;gap:30px;padding:40px 0}.auth-story h1{font-size:40px}.auth-story h1 br{display:none}.auth-story>p{max-width:100%}.auth-footnote{display:none}.auth-card{padding:27px}.workspace{grid-template-columns:1fr;padding-top:20px;gap:15px}.sidebar{border:0;padding:0}.sidebar>.eyebrow,.sidebar-profile{display:none}.sidebar nav{flex-direction:row;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:12px}.sidebar nav a{white-space:nowrap;padding:8px 12px;font-size:11px}.sidebar nav a span:last-child{display:none}.page-heading h1{font-size:29px}.page-heading .chip{font-size:8px}.stat-grid article{padding:16px}.stat-grid strong{font-size:27px}.stat-grid a{font-size:9px}.card{padding:21px}.form-grid{grid-template-columns:1fr}.card-heading{align-items:flex-start}.detail-grid{gap:12px}.detail-grid strong{font-size:14px}.welcome-card{padding:25px}.welcome-card h2{font-size:24px}.audit summary{display:block}.audit summary small{display:block;margin-top:6px}}
.auth-shell>* , .form-grid>*{min-width:0}.auth-links{flex-wrap:wrap}
@media(max-width:760px){.auth-story h1 br{display:initial}}
@media(max-width:420px){.price-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.stat-grid{grid-template-columns:1fr}.stat-grid article{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-grid strong{margin:0}.stat-grid.four{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.top-actions .text-button{padding:3px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* =========================================================================
   NCORE ~ PROJECT — CRIMSON NEON STUDIO ENGINE THEME (v2026.11.13)
   Matches NCoreProject-Launcher.exe widescreen studio console
   ========================================================================= */
:root {
    --bg: #07060a;
    --surface: #0f0c14;
    --raised: #17121f;
    --line: #341924;
    --text: #f3f3f7;
    --muted: #9d99a8;
    --red: #eb1e36;
    --red-dark: #b31226;
    --emerald: #2deb73;
    --amber: #f5b32e;
}
body.studio-body {
    background: radial-gradient(circle at 18% 12%, rgba(225, 24, 52, 0.14), transparent 42%),
                radial-gradient(circle at 84% 78%, rgba(165, 18, 42, 0.11), transparent 45%),
                #07060a;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    min-height: 100vh;
}
h1, h2, h3, .brand, .mode-tab, .studio-submit-btn, .kpi-card strong, .launcher-brand-title {
    font-family: "Chakra Petch", "Segoe UI", sans-serif;
    letter-spacing: 0.01em;
}
.topbar {
    background: rgba(10, 8, 14, 0.92);
    border-bottom: 1px solid rgba(235, 30, 54, 0.34);
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.65);
}
.topbar-accent-line {
    height: 3px;
    background: linear-gradient(90deg, #eb1e36 0%, #ff4760 35%, #f5b32e 70%, #eb1e36 100%);
}
.brand-logo-wrap {
    position: relative;
    display: inline-flex;
    padding: 2px;
}
.mark-logo {
    width: 42px;
    height: 42px;
    border-radius: 7px;
    border: 1px solid rgba(235, 30, 54, 0.72);
    box-shadow: 0 0 18px rgba(235, 30, 54, 0.42);
}
.brand-text strong {
    display: block;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #fff;
}
.brand-text .tilde { color: #ff2b45; }
.brand-text small {
    font-size: 9px;
    letter-spacing: 0.28em;
    color: #b49aa4;
    margin-top: 2px;
}
.studio-ecg-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 14px;
    border-radius: 999px;
    background: rgba(14, 24, 19, 0.85);
    border: 1px solid rgba(45, 235, 115, 0.42);
    box-shadow: 0 0 18px rgba(45, 235, 115, 0.14);
}
.ecg-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2deb73;
    box-shadow: 0 0 10px #2deb73;
    animation: ecgPulse 1.6s infinite ease-in-out;
}
.ecg-svg { width: 112px; height: 20px; }
.ecg-label {
    font: 700 10px/1 "Chakra Petch", monospace;
    letter-spacing: 0.14em;
    color: #56f792;
}
@keyframes ecgPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.32); opacity: 0.68; }
}
.studio-glow-btn {
    background: linear-gradient(135deg, #eb1e36 0%, #b81126 100%) !important;
    border-color: #ff475e !important;
    box-shadow: 0 6px 22px rgba(235, 30, 54, 0.36);
}
.studio-glow-btn:hover {
    background: linear-gradient(135deg, #ff2b45 0%, #d4152d 100%) !important;
    box-shadow: 0 8px 28px rgba(255, 43, 69, 0.52);
}
.danger-ghost {
    border-color: rgba(235, 30, 54, 0.45) !important;
    color: #ff8e9c !important;
}
.chip.emerald-chip {
    border-color: rgba(45, 235, 115, 0.48);
    background: rgba(16, 48, 30, 0.78);
    color: #5ff798;
}

/* --- LAUNCHER WIDESCREEN AUTH CONSOLE (/login & /register) --- */
.launcher-auth-stage {
    padding: 46px 0 72px;
    display: flex;
    justify-content: center;
}
.launcher-window-frame {
    width: min(1040px, 100%);
    background: linear-gradient(165deg, rgba(20, 13, 24, 0.97) 0%, rgba(10, 9, 14, 0.99) 100%);
    border: 1px solid rgba(235, 30, 54, 0.62);
    border-radius: 12px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.82), 0 0 42px rgba(235, 30, 54, 0.18);
    overflow: hidden;
}
.launcher-titlebar {
    height: 48px;
    padding: 0 18px;
    background: linear-gradient(90deg, #1b0f18 0%, #100d15 55%, #1b0f18 100%);
    border-bottom: 2px solid #eb1e36;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.launcher-title-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.launcher-mini-icon {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #eb1e36;
}
.launcher-brand-title {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.08em;
    color: #ff3b52;
}
.launcher-brand-sub {
    font-size: 11px;
    letter-spacing: 0.14em;
    color: #9e96a6;
    padding-left: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.launcher-title-ecg {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 12px;
    border-radius: 99px;
    background: rgba(12, 22, 17, 0.9);
    border: 1px solid rgba(45, 235, 115, 0.45);
}
.launcher-auth-grid {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    min-height: 510px;
}
.launcher-hero-pane {
    padding: 38px 32px;
    background: radial-gradient(circle at 50% 38%, rgba(235, 30, 54, 0.22), rgba(12, 9, 16, 0.96) 72%);
    border-right: 1px solid rgba(235, 30, 54, 0.28);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.hero-emblem-stage {
    position: relative;
    width: 184px;
    height: 184px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
}
.emblem-glow-ring {
    position: absolute;
    border-radius: 18px;
    pointer-events: none;
}
.emblem-glow-ring.outer {
    inset: 0;
    border: 1px solid rgba(235, 30, 54, 0.35);
    box-shadow: 0 0 36px rgba(235, 30, 54, 0.28);
}
.emblem-glow-ring.inner {
    inset: 10px;
    border: 1px solid rgba(255, 70, 92, 0.55);
}
.emblem-box {
    position: relative;
    width: 148px;
    height: 148px;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid #eb1e36;
    box-shadow: 0 0 28px rgba(235, 30, 54, 0.55);
}
.emblem-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-stage-title h1 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #fff;
}
.hero-stage-title h1 span { color: #ff2944; }
.hero-stage-sub {
    font-size: 11px;
    letter-spacing: 0.22em;
    color: #b79fa8;
    margin-top: 6px;
}
.hero-stage-ecg {
    margin: 18px 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 16px;
    border-radius: 8px;
    background: rgba(24, 11, 18, 0.9);
    border: 1px solid rgba(235, 30, 54, 0.48);
}
.hero-stage-ecg svg { width: 190px; height: 22px; }
.hero-stage-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
}
.studio-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    border-radius: 4px;
    background: rgba(24, 18, 29, 0.9);
    border: 1px solid rgba(235, 30, 54, 0.35);
    color: #e4dce8;
}
.studio-badge .dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }
.studio-badge .dot.crimson { background: #ff2944; box-shadow: 0 0 6px #ff2944; }
.studio-badge .dot.emerald { background: #2deb73; box-shadow: 0 0 6px #2deb73; }
.studio-badge .dot.amber { background: #f5b32e; box-shadow: 0 0 6px #f5b32e; }

.launcher-form-pane {
    padding: 34px 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(13, 11, 18, 0.96);
}
.launcher-mode-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 5px;
    background: #09080d;
    border: 1px solid rgba(235, 30, 54, 0.38);
    border-radius: 7px;
    margin-bottom: 24px;
}
.mode-tab {
    text-align: center;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    border-radius: 5px;
    color: #9e98a8;
    transition: all 0.15s;
}
.mode-tab.active {
    background: linear-gradient(135deg, #eb1e36 0%, #b51225 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(235, 30, 54, 0.4);
}
.studio-form-header { margin-bottom: 6px; }
.studio-form-header h2 {
    font-size: 23px;
    letter-spacing: 0.03em;
    color: #fff;
}
.studio-form-header p {
    font-size: 12.5px;
    margin-top: 5px;
    color: #a19ba9;
}
.studio-auth-form label span {
    font: 600 11px/1.2 "Chakra Petch", sans-serif;
    letter-spacing: 0.08em;
    color: #dfdae6;
}
.studio-auth-form input, .studio-panel input, .studio-panel select, .studio-panel textarea {
    background: #09080e;
    border: 1px solid rgba(235, 30, 54, 0.34);
    border-radius: 5px;
    color: #f6f5fa;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.studio-auth-form input:focus, .studio-panel input:focus, .studio-panel select:focus, .studio-panel textarea:focus {
    border-color: #ff2e47;
    box-shadow: 0 0 0 3px rgba(235, 30, 54, 0.2);
    outline: none;
}
.studio-auth-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 12px;
}
.studio-submit-btn {
    min-height: 48px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    background: linear-gradient(135deg, #eb1e36 0%, #b81126 100%) !important;
    border-color: #ff475e !important;
    box-shadow: 0 8px 24px rgba(235, 30, 54, 0.38);
}

/* --- DEV STUDIO CONSOLE & SIDEBAR --- */
.workspace {
    grid-template-columns: 265px minmax(0, 1fr);
    gap: 32px;
}
.studio-sidebar {
    background: linear-gradient(180deg, rgba(20, 13, 24, 0.94) 0%, rgba(11, 9, 16, 0.96) 100%);
    border: 1px solid rgba(235, 30, 54, 0.36);
    border-radius: 10px;
    padding: 20px 16px;
    height: fit-content;
    position: sticky;
    top: 102px;
}
.sidebar-header { margin-bottom: 16px; }
.sidebar-header .eyebrow { margin-bottom: 12px; color: #ff6b7f; }
.studio-nav-list { display: flex; flex-direction: column; gap: 6px; }
.studio-nav-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    background: rgba(15, 13, 21, 0.7);
    transition: all 0.15s;
}
.studio-nav-item:hover {
    border-color: rgba(235, 30, 54, 0.45) !important;
    background: rgba(36, 16, 26, 0.75) !important;
}
.studio-nav-item.selected {
    background: linear-gradient(90deg, rgba(235, 30, 54, 0.28) 0%, rgba(36, 15, 25, 0.92) 100%) !important;
    border-color: #eb1e36 !important;
    box-shadow: inset 3px 0 0 #ff2e47;
}
.nav-ico {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: rgba(235, 30, 54, 0.16);
    border: 1px solid rgba(235, 30, 54, 0.38);
    color: #ff5c72;
    display: grid;
    place-items: center;
    font-size: 13px;
    flex-shrink: 0;
}
.nav-txt { flex: 1; min-width: 0; }
.nav-txt strong { display: block; font-size: 12.5px; color: #f4f2f7; line-height: 1.2; }
.nav-txt small { display: block; font-size: 10px; color: #968fa3; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav-arr { font-size: 15px; color: #ff5c72; }

.studio-console-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 26px;
    margin-bottom: 22px;
    background: linear-gradient(125deg, rgba(35, 14, 24, 0.95) 0%, rgba(14, 11, 20, 0.96) 100%);
    border: 1px solid rgba(235, 30, 54, 0.48);
    border-left: 4px solid #eb1e36;
    border-radius: 10px;
}
.studio-console-banner h1 { font-size: 27px; margin-top: 4px; }
.studio-console-banner .eyebrow { margin-bottom: 4px; color: #ff6e82; }
.banner-badges { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

.kpi-card {
    background: linear-gradient(160deg, rgba(24, 15, 28, 0.95) 0%, rgba(13, 11, 18, 0.98) 100%) !important;
    border: 1px solid rgba(235, 30, 54, 0.35) !important;
    border-top: 2px solid #eb1e36 !important;
    border-radius: 8px !important;
    padding: 18px 20px !important;
}
.kpi-card.emerald-kpi { border-top-color: #2deb73 !important; }
.kpi-card.danger-kpi { border-top-color: #ff2944 !important; background: rgba(42, 13, 21, 0.95) !important; }
.kpi-card small { font: 700 10px/1.2 "Chakra Petch", sans-serif; letter-spacing: 0.1em; color: #b1aab9; }
.kpi-card strong { font-size: 30px !important; margin: 8px 0 6px !important; color: #fff; }
.kpi-sub { font-size: 16px; color: #8c8596; font-weight: 500; }

.studio-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 20px;
}
.studio-panel {
    background: linear-gradient(165deg, rgba(19, 14, 24, 0.96) 0%, rgba(12, 10, 17, 0.98) 100%) !important;
    border: 1px solid rgba(235, 30, 54, 0.36) !important;
    border-radius: 9px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
.studio-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
    padding: 14px 18px;
    background: rgba(16, 13, 22, 0.94);
    border: 1px solid rgba(235, 30, 54, 0.3);
    border-radius: 8px;
}
.filter-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; flex: 1; }
.filter-bar input, .filter-bar select { width: auto; min-width: 190px; min-height: 36px; padding: 6px 12px; }
.filter-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.pill-link {
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 11.5px;
    font-weight: 600;
    background: rgba(25, 20, 33, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #b4aebe;
}
.pill-link.active, .pill-link:hover {
    background: rgba(235, 30, 54, 0.22);
    border-color: #eb1e36;
    color: #fff;
}
.studio-table-card {
    background: rgba(14, 11, 19, 0.96);
    border: 1px solid rgba(235, 30, 54, 0.36);
    border-radius: 9px;
}
.license-key-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: #08070c;
    border: 1px solid rgba(235, 30, 54, 0.28);
    border-radius: 6px;
    margin: 10px 0;
}
.license-key-inline {
    font: 700 13px/1.4 Consolas, monospace;
    color: #ff6e82;
    letter-spacing: 0.04em;
}
.inline-Action-drawer summary { list-style: none; }
.drawer-form {
    margin-top: 12px;
    padding: 14px;
    background: #0a0810;
    border: 1px solid rgba(235, 30, 54, 0.4);
    border-radius: 7px;
    min-width: 320px;
}
.studio-sep {
    border: 0;
    border-top: 1px solid rgba(235, 30, 54, 0.25);
    margin: 14px 0;
}
.studio-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(20, 36, 26, 0.92);
    border-color: rgba(45, 235, 115, 0.5);
    color: #c8f9dc;
}
.signal.emerald { background: #2deb73; box-shadow: 0 0 8px #2deb73; }
.footer {
    border-top: 1px solid rgba(235, 30, 54, 0.28);
    padding: 36px 0 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.footer-brand p { font-size: 12px; margin-top: 6px; }
.footer-links { display: flex; gap: 20px; align-items: center; font-size: 12px; color: var(--muted); flex-wrap: wrap; }

/* --- HOME HERO LOGO STAGE & ANTI-CLIPPING FIX --- */
.hero.studio-hero-stage {
    position: relative;
    padding: 58px 36px 56px;
    margin-top: 26px;
    margin-bottom: 18px;
    background: radial-gradient(circle at 22% 32%, rgba(235, 30, 54, 0.20), rgba(11, 9, 16, 0.96) 68%);
    border: 1px solid rgba(235, 30, 54, 0.50);
    border-radius: 14px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.78), 0 0 42px rgba(235, 30, 54, 0.14);
    overflow: visible;
}
.hero-copy {
    padding-left: 6px;
    overflow: visible;
}
.hero h1, .closing h2 {
    padding-left: 2px;
    overflow: visible;
    letter-spacing: 0.01em;
    line-height: 1.08;
}
.hero-brand-showcase {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 24px;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgba(24, 13, 22, 0.94) 0%, rgba(12, 10, 17, 0.96) 100%);
    border: 1px solid rgba(235, 30, 54, 0.48);
    border-left: 4px solid #eb1e36;
    border-radius: 12px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55);
}
.hero-home-emblem {
    width: 124px;
    height: 124px;
    margin-bottom: 0;
    flex-shrink: 0;
}
.hero-home-emblem .emblem-box {
    width: 102px;
    height: 102px;
}
.hero-brand-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.hero-brand-title {
    font: 700 26px/1.1 "Chakra Petch", sans-serif;
    letter-spacing: 0.08em;
    color: #fff;
}
.hero-brand-title span {
    color: #ff2944;
}

/* --- DEV STUDIO USER MANAGEMENT CARDS (/admin/users) --- */
.user-studio-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.user-studio-card {
    padding: 20px 24px !important;
}
.user-studio-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}
.user-studio-identity {
    display: flex;
    align-items: center;
    gap: 14px;
}
.user-studio-avatar {
    width: 44px;
    height: 44px;
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(235, 30, 54, 0.28) 0%, rgba(30, 14, 24, 0.95) 100%);
    border: 1px solid #eb1e36;
    color: #ff5c72;
    font: 700 18px/1 "Chakra Petch", sans-serif;
    display: grid;
    place-items: center;
    box-shadow: 0 0 16px rgba(235, 30, 54, 0.25);
}
.user-studio-title {
    display: flex;
    align-items: center;
    gap: 10px;
}
.user-studio-title strong {
    font: 700 18px/1.2 "Chakra Petch", sans-serif;
    color: #fff;
}
.user-studio-title code {
    font-size: 12px;
    color: #ff6e82;
    background: rgba(235, 30, 54, 0.14);
    padding: 2px 7px;
    border-radius: 4px;
}
.user-edit-drawer {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(235, 30, 54, 0.22);
}
.user-edit-drawer summary {
    cursor: pointer;
    font: 600 12.5px/1.4 "Chakra Petch", sans-serif;
    letter-spacing: 0.04em;
    color: #ff7588;
    user-select: none;
}
.user-edit-drawer summary:hover {
    color: #fff;
}
.user-edit-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 6px;
}

@media (max-width: 960px) {
    .launcher-auth-grid, .studio-two-col { grid-template-columns: 1fr; }
    .launcher-hero-pane { border-right: 0; border-bottom: 1px solid rgba(235, 30, 54, 0.28); }
    .workspace { grid-template-columns: 1fr; }
    .studio-sidebar { position: static; }
    .studio-ecg-pill { display: none; }
    .hero.studio-hero-stage { padding: 32px 20px; }
    .hero-brand-showcase { flex-direction: column; text-align: center; align-items: center; }
    .hero-brand-meta { align-items: center; }
}