:root{color-scheme:dark;--bg:#090b11;--ink:#f1e9db;--muted:#8e929d;--gold:#d9b477;--border:#8c744933;--panel:#14171ddf}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:14px/1.55 "Microsoft YaHei","Segoe UI",Arial,sans-serif;position:relative}
button,input{font:inherit}button{cursor:pointer}
.backlight{position:fixed;inset:0;background:radial-gradient(ellipse 63% 65% at 36% 46%,#4c35202c 0%,transparent 72%),radial-gradient(ellipse 30% 42% at 75% 70%,#ae7c2720,transparent 75%);pointer-events:none}
.backlight:after{content:"";position:absolute;inset:0;opacity:.16;background:radial-gradient(circle at 20% 30%,#b49d6f 1px,transparent 1.5px),radial-gradient(circle at 85% 60%,#ac8c55 .6px,transparent 1px);background-size:97px 130px,161px 163px}
.nav{height:82px;display:flex;gap:25px;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:0 max(28px,6vw);border-bottom:1px solid #dec3881f;background:#0d1016d9}
.brand{display:flex;align-items:center;gap:12px;color:#eee6d6;text-decoration:none;font-size:21px;font-weight:760;letter-spacing:1.2px;white-space:nowrap}
.brand img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 0 8px #bd954255)}.brand b{color:var(--gold)}
.nav-meta{font-size:10px;color:#796b58;letter-spacing:2px}.nav-sep{margin:0 6px;color:#514a42}
.nav-status{font-size:11px;color:#c4ad82;white-space:nowrap}.lamp{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e7bd78;margin-right:7px;box-shadow:0 0 10px #e1ac64aa}
.viewport{position:relative;max-width:1270px;min-height:calc(100vh - 144px);margin:auto;display:grid;grid-template-columns:1fr minmax(360px,438px);column-gap:clamp(34px,7vw,110px);align-items:center;padding:60px 5% 80px}
.eyebrow{font-size:11px;letter-spacing:3px;color:#c6a36a;font-weight:650}.introduction h1{font-weight:500;letter-spacing:1px;font-size:clamp(34px,3.8vw,56px);line-height:1.42;margin:23px 0}.introduction h1 em{font-style:normal;color:var(--gold)}
.intro-sub{max-width:540px;font-size:14px;color:#a9a8ab;line-height:2.2;margin:0 0 32px}
.features{display:flex;gap:20px;flex-wrap:wrap;color:#cec6b6;font-size:11px}.check{display:inline-block;width:8px;height:8px;border:1px solid #ba9a61;border-radius:50%;margin-right:7px;box-shadow:inset 0 0 4px #c4a773}
.intro-foot{display:flex;align-items:start;gap:16px;margin-top:95px}.line{width:2px;height:38px;background:linear-gradient(#ecbe79,transparent)}.intro-foot strong{display:block;font-size:12px;font-weight:600;color:#c9b58f;letter-spacing:1px;margin-bottom:5px}.intro-foot small{display:block;color:#83858e;font-size:11px}
.panel{border:1px solid #b99b6251;border-radius:15px;padding:31px 33px 33px;background:linear-gradient(160deg,#181b22f6,#0e1219ef);box-shadow:0 20px 100px #0009,0 0 55px #91673510;min-height:480px}
.panel-top{display:flex;justify-content:space-between;align-items:center;letter-spacing:2.5px;font-size:10px;color:#b5a27c;margin-bottom:29px}.ornament{color:#d5b377;font-size:18px}
.tabs{display:flex;border-bottom:1px solid #8c785a45;margin-bottom:25px;gap:33px}.tab{color:#85868b;background:transparent;border:0;padding:0 2px 13px;position:relative;font-size:14px}.tab.active{color:#f1d29a;font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;height:2px;left:0;right:0;background:#dbb475}
.panel h2{font-size:25px;font-weight:550;letter-spacing:1px;margin:0 0 5px}.hint{font-size:11px;color:#97979c;line-height:1.8;margin:0 0 22px}
label{display:block;color:#c9c4bc;font-size:11px;letter-spacing:.5px;margin:18px 0 8px}
input{width:100%;background:#0b0f15;color:#eee4d5;border:1px solid #6f695d7a;border-radius:7px;padding:11px 13px;outline:none;transition:.2s}
input:focus{border-color:#d5ab66;box-shadow:0 0 0 2px #bd8c3430}
input::placeholder{color:#696c73;font-size:11px}
.main-btn{display:flex;justify-content:space-between;align-items:center;margin-top:27px;width:100%;border:1px solid #d6b57a;background:linear-gradient(100deg,#78501f,#c28d47 58%,#a87d44);padding:13px 17px;border-radius:8px;color:#fff3dd;font-weight:650;letter-spacing:1px}
.main-btn:hover,.small-btn.active:hover{filter:brightness(1.1)}.main-btn:disabled,.small-btn:disabled{opacity:.45;cursor:wait}
.panel-note{color:#b2a181;text-align:center;font-size:10px;margin-top:22px}.footnote{font-size:10px;color:#747780;line-height:1.8;margin:18px 0 0}
.message{margin:18px 0 0;padding:10px 12px;border-radius:6px;font-size:12px;line-height:1.6;background:#453325;border:1px solid #a07843;color:#ecd3ac}.message.success{background:#1b3129;border-color:#46705a;color:#aed8c0}
.hidden{display:none!important}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-heading .hint{margin:5px 0 15px}.dashboard-heading .eyebrow{font-size:9px}.small-btn{background:#201d19;color:#e0c69b;border:1px solid #a9895155;border-radius:6px;padding:8px 12px;white-space:nowrap;font-size:11px}.small-btn.active{background:#86602e;color:#fff3db;border-color:#c5a16c}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 26px}.metrics>div{border:1px solid #8c744933;background:#0d1117;padding:12px;border-radius:7px}.metrics small{display:block;color:#777d86;font-size:10px;margin-bottom:5px}.metrics strong{font-size:15px;font-weight:600;color:#e1c797}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 9px}.section-title h3{font-size:13px;font-weight:600;margin:0;color:#e5dbc8}.tag{font-size:10px;color:#b9ab91}.project-create{display:flex;gap:9px;margin:10px 0}.project-create input{min-width:0;padding:9px}.item-list{display:grid;gap:8px;max-height:195px;overflow:auto}
.item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;background:#0c1118;border:1px solid #85704b33;border-radius:7px}.item-name{font-size:12px;color:#d9cbb5;overflow-wrap:anywhere}.item-detail{font-size:10px;color:#747880}.item .small-btn{padding:5px 9px}.item-empty{font-size:11px;color:#85858c;background:#11151b;padding:15px;border-radius:8px}
.section-title.devices{margin-top:27px}.dashboard-footer{margin-top:22px;border-top:1px solid #8c744930;padding-top:13px;font-size:10px;color:#898b91;line-height:1.8}
.site-footer{border-top:1px solid #b39a6822;position:relative;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1px;color:#66696f;padding:18px 6vw}
@media(max-width:870px){.nav-meta{display:none}.viewport{grid-template-columns:1fr;gap:36px;padding:55px 5%}.intro-foot{margin-top:28px}.account-panel{max-width:520px;width:100%;margin:auto}.introduction{text-align:center}.intro-sub{margin:0 auto 26px}.features,.intro-foot{justify-content:center}.panel{min-height:auto}}
@media(max-width:480px){.nav{height:67px;padding:0 16px}.brand{font-size:17px}.brand img{width:33px;height:33px}.nav-status{font-size:9px}.viewport{padding:30px 16px 50px}.panel{padding:23px 19px}.intro-foot{margin-top:16px}.introduction h1{font-size:30px}.site-footer{display:block}.site-footer span{display:block;margin-bottom:6px}}
.ds-finance-details{margin:10px 0;padding:12px;background:#0d1218;border:1px solid #806b4540;border-radius:8px}
.ds-finance-details summary{cursor:pointer;color:#e1c797;font-size:12px;margin-bottom:8px}
.ds-finance-details .item-list{max-height:160px}
.ds-finance-details .item{font-size:11px;color:#cfc4b0;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Stage17: authenticated studio shell / compact right-aligned user identity. */
body.studio-logged .viewport{display:block;max-width:none;padding:23px clamp(15px,3vw,54px) 36px;min-height:calc(100vh - 82px)}
body.studio-logged .introduction,body.studio-logged .site-footer{display:none}
body.studio-logged .account-panel{width:100%;max-width:1600px;margin:0 auto}
body.studio-logged #dashView{min-height:calc(100vh - 150px);padding:0;border:1px solid #8c744944;overflow:visible;background:linear-gradient(145deg,#15181eea,#0d1016ee)}
body.studio-logged .nav{position:sticky;top:0;z-index:15}
body.studio-logged .nav-meta{margin-left:auto}
body.studio-logged .nav-status{display:none}
.avatar-area{position:relative;z-index:30}
.avatar-button{border:1px solid #d6b67b8b;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#a87641,#4d3922);color:#ffe3a5;font-size:17px;font-weight:750;box-shadow:0 0 22px #ac85351c}
.avatar-button:hover,.avatar-button:focus-visible{outline:2px solid #ad8854;outline-offset:3px}
.avatar-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(310px,calc(100vw - 28px));background:#171b23;border:1px solid #a88b554f;border-radius:12px;padding:9px;box-shadow:0 22px 60px #000c;z-index:40}
.avatar-menu:before{content:"";position:absolute;right:13px;top:-6px;width:10px;height:10px;transform:rotate(45deg);border-left:1px solid #a88b554f;border-top:1px solid #a88b554f;background:#171b23}
.avatar-menu-head{display:flex;justify-content:space-between;align-items:center;padding:14px 12px 9px;gap:8px}
.avatar-menu-head strong{font-size:14px;overflow-wrap:anywhere}.avatar-menu-head span{font-size:11px;color:#d4ad6e;text-align:right}
.avatar-amount{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 6px 8px}
.avatar-amount span{background:#0e1219;border:1px solid #7e6c4633;border-radius:8px;padding:10px;color:#8f959e;font-size:10px}
.avatar-amount b{display:block;color:#e4c58d;font-size:13px;margin-top:3px}
.avatar-menu button:not(.avatar-button),.avatar-menu a{display:block;width:100%;border:0;background:transparent;text-align:left;color:#ddd5c7;text-decoration:none;padding:11px 13px;border-radius:7px;font-size:12px}
.avatar-menu button:hover,.avatar-menu a:hover{background:#ad865128;color:#f3d9a9}
.avatar-menu #avatarLogout{color:#c8a6a6;border-top:1px solid #87724926;margin-top:7px;border-radius:0}
.studio-view{min-height:610px}
.studio-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 151px)}
.studio-sidebar{padding:29px 17px;background:linear-gradient(180deg,#191b20,#11151b);border-right:1px solid #8c744933;min-width:0;border-radius:15px 0 0 15px}
.studio-side-heading{color:#e9d7b4;font-size:15px;font-weight:700;letter-spacing:.8px}.studio-side-heading small{display:block;color:#867e76;font-size:9px;letter-spacing:1.8px;font-weight:400;margin:4px 0 25px}
.studio-create{display:grid;gap:8px;border:1px solid #8c744936;padding:12px;border-radius:9px;background:#090c12}
.studio-create label{margin:0;font-size:11px}.studio-create input{font-size:12px}.studio-create button{white-space:normal}
.studio-side-caption{display:flex;justify-content:space-between;align-items:center;color:#a2a3a8;font-size:11px;margin:27px 3px 11px}
.studio-side-caption span{color:#d9b477}
.studio-project-list{display:grid;gap:7px;align-content:start}
.studio-project{display:block;background:#0c1117;color:#cbc2b2;border:1px solid #80704a25;border-radius:9px;padding:12px 10px;text-align:left;overflow-wrap:anywhere;font-size:12px;width:100%}
.studio-project small{display:block;color:#81848c;font-size:10px;margin-top:4px}
.studio-project:hover,.studio-project.active{border-color:#c09a5d98;background:#72522523;color:#f3d3a0}
.studio-project-empty{font-size:11px;color:#858a93;line-height:1.8;padding:18px 8px}
.studio-side-note{font-size:10px;line-height:1.9;color:#8c8c90;margin:26px 3px;border-top:1px solid #8a774c24;padding-top:17px}
.studio-main{padding:clamp(24px,3vw,46px);min-width:0}
.studio-topline{display:flex;justify-content:space-between;gap:15px;align-items:center}.studio-topline .eyebrow{font-size:10px;letter-spacing:2.7px}
.studio-preview-tag{font-size:10px;background:#aa813c20;border:1px solid #a78a4d55;color:#ceb280;border-radius:20px;padding:5px 10px}
.studio-main h1{font-size:clamp(26px,3.3vw,43px);font-weight:600;margin:16px 0 6px;letter-spacing:1px}
.studio-main h1 span{color:#dfb473;margin-left:10px}
.studio-lead{font-size:12px;color:#aaa7a4;line-height:1.9}
.studio-project-title{font-size:11px;color:#7f8993;padding:19px 0 15px;margin-top:12px}
.studio-project-title strong{color:#e0c89b;margin-left:15px;font-size:14px}
.studio-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.studio-step{min-width:0;text-align:left;border:1px solid #81724a40;background:linear-gradient(150deg,#20232a,#131920);padding:15px 12px;border-radius:10px;color:#aeb0b5;display:flex;flex-direction:column;gap:5px;min-height:105px}
.studio-step span{font-size:10px;color:#b6935d}.studio-step b{font-size:15px;font-weight:650;color:#ddd5c6}.studio-step small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-step:hover,.studio-step.selected{border-color:#d0a96f;background:linear-gradient(150deg,#5b43272c,#1e2128);box-shadow:0 0 20px #c09d3420}
.studio-editor{background:#0e1219;border:1px solid #8c744944;border-radius:13px;margin-top:22px;padding:clamp(18px,2.4vw,29px)}
.studio-editor-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
.studio-editor-head small{color:#b2925b;font-size:10px;letter-spacing:2px}
.studio-editor-head h2{font-size:20px;margin:6px 0 0}
.studio-status{color:#c9b289;font-size:10px;border:1px solid #c7a36b55;border-radius:100px;padding:5px 10px;white-space:nowrap}
.studio-editor p,.settings-card p{font-size:12px;color:#999ba2;line-height:2}
.studio-editor textarea{width:100%;display:block;background:#090d13;color:#e7dfd1;border:1px solid #826e4b55;border-radius:9px;padding:16px;line-height:1.8;resize:vertical;font:12px/1.8 "Microsoft YaHei",sans-serif}
.studio-editor textarea:focus{outline:1px solid #c6a06a}
.studio-editor textarea:disabled{opacity:.65;cursor:not-allowed}
.studio-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:11px;color:#9699a1}
.studio-unavailable{padding:22px;border:1px dashed #9c875945;border-radius:9px;background:#1d191329;color:#cbb89c;font-size:12px;line-height:2}
.studio-bottom-note{margin-top:24px;font-size:10px;color:#87888e;line-height:1.9}
.personal-view,.settings-view{padding:clamp(24px,4vw,54px);max-width:1040px;margin:0 auto}
.personal-view .panel-top,.settings-view .panel-top{margin-bottom:24px}
.personal-view .dashboard-heading{padding-bottom:12px}
.personal-view .metrics,.settings-view .metrics{max-width:630px}
.personal-view .section-title{margin-top:23px}
.personal-view .item-list{max-height:260px}
.settings-card{background:#0c1219;border:1px solid #856d4d45;border-radius:12px;padding:22px;margin:15px 0}
.settings-card h3{font-size:15px;color:#e3c58c;margin:0 0 10px}
.settings-card select{padding:10px 12px;background:#0a0f16;color:#f1e5d4;border:1px solid #7e6a4c80;border-radius:7px;width:100%;max-width:300px}
.settings-card .hint{margin:8px 0 0}
body.studio-compact .studio-step{min-height:75px;padding:10px}
body.studio-compact .studio-main{padding:20px}
@media(max-width:900px){.studio-layout{grid-template-columns:195px minmax(0,1fr)}.studio-sidebar{padding:23px 12px}.studio-steps{gap:5px}.studio-step{padding:12px 9px}.studio-step b{font-size:13px}}
@media(max-width:680px){body.studio-logged .viewport{padding:10px 9px 35px}.nav{gap:8px}.studio-layout{display:flex;flex-direction:column}.studio-sidebar{border-right:0;border-bottom:1px solid #8c744933;border-radius:15px 15px 0 0;padding:16px}.studio-side-heading small{display:inline;margin-left:8px}.studio-create{grid-template-columns:1fr auto;align-items:end}.studio-create label{grid-column:1/-1}.studio-side-note{display:none}.studio-project-list{display:flex;overflow-x:auto;padding-bottom:4px}.studio-project{flex:0 0 170px}.studio-side-caption{margin:15px 3px 8px}.studio-main{padding:21px 14px}.studio-topline{flex-wrap:wrap}.studio-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.studio-step{padding:10px 4px;min-height:78px;align-items:center;text-align:center}.studio-step b{font-size:12px}.studio-step small{display:none}.studio-lead{font-size:11px}.studio-editor-head{align-items:start}.studio-status{white-space:normal;text-align:center}.personal-view,.settings-view{padding:23px 16px}.avatar-menu{right:0}}
@media(max-width:380px){.studio-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-step b{font-size:11px}.studio-main h1{font-size:27px}.studio-editor-actions{flex-direction:column;align-items:stretch}}

/* Stage18: desktop-aligned projects-first launcher; production workflow appears after opening a card. */
body.studio-logged #dashView{background:#141417;border:1px solid #2e2e36}
.studio-gallery{width:100%;min-height:calc(100vh - 160px);padding:clamp(24px,4.5vw,66px);background:#141417}
.studio-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:32px}
.studio-gallery-heading h1{margin:10px 0 6px;font-size:clamp(26px,3vw,36px);letter-spacing:.5px;font-weight:650}
.studio-gallery-heading p{font-size:13px;color:#9898a3;margin:6px 0 0}
.studio-gallery-count{flex-shrink:0;border:1px solid #35353d;background:#1c1c22;border-radius:100px;padding:8px 14px;color:#b7b0a5;font-size:11px}
.studio-gallery-count strong{color:#e1b878}
.studio-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.studio-gallery .studio-project-list{display:contents}
.studio-create-card,.studio-gallery .studio-project{border:1px solid #37373f;border-radius:12px;min-height:265px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#1d1d23;color:#edeae5;margin:0;padding:0;box-shadow:none;transition:transform .16s,border-color .16s,box-shadow .16s}
.studio-create-card{border-style:dashed;border-color:#866f45;background:linear-gradient(145deg,#27231e,#1a1a1f);padding:23px;justify-content:center;gap:12px}
.studio-create-symbol{width:48px;height:48px;border:1px solid #d4a24c9c;border-radius:12px;display:grid;place-items:center;color:#d4a24c;font-size:32px;background:#aa823122}
.studio-create-card strong{font-size:17px;font-weight:650;color:#ead4ad}
.studio-create-card label{font-size:11px;color:#99969c;margin:4px 0 -6px}
.studio-create-card input{padding:11px 12px;background:#121217;border-color:#4b4440;color:#e7ddd0;width:100%}
.studio-create-card button{display:block;width:100%;font-size:12px;padding:10px 12px}
.studio-gallery .studio-project:hover,.studio-create-card:focus-within{border-color:#d4a24c;box-shadow:0 0 0 1px #d4a24c33,0 12px 30px #0004;transform:translateY(-2px)}
.studio-project-cover{display:flex;align-items:center;justify-content:center;min-height:155px;flex:1;background:radial-gradient(ellipse at 25% 10%,#69502b64,transparent 60%),linear-gradient(155deg,#313033,#15161b);color:#d5b178;letter-spacing:2.6px;font-size:15px;font-weight:750;border-bottom:1px solid #34333b}
.studio-project-body{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:18px 20px;min-height:110px}
.studio-project-body strong{font-size:15px;color:#ece6db;font-weight:650;overflow-wrap:anywhere}
.studio-project-body small{font-size:11px;color:#8e9098}
.studio-project-open{color:#d4a24c;font-size:11px;margin-top:6px}
.studio-gallery-foot{color:#84838b;font-size:11px;line-height:1.9;margin:30px 0 0}
.studio-gallery .studio-project-empty{grid-column:span 2;min-height:265px;border:1px dashed #37373f;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;background:#18181e;font-size:13px}
.studio-production .studio-layout{min-height:calc(100vh - 151px)}
.studio-production .studio-sidebar{background:#1c1c21;border-right-color:#36363f}
.studio-production .studio-main{background:#141417}
.studio-back-button{width:100%;border:1px solid #4e4438;background:#242329;color:#dab677;border-radius:8px;padding:11px 13px;margin-bottom:30px;font-size:12px;text-align:left}
.studio-back-button:hover{border-color:#d4a24c;color:#f1ce93}
.studio-sidebar-title{font-size:14px;color:#e9dcc8;font-weight:650;overflow-wrap:anywhere;line-height:1.65;margin:16px 0}
@media(max-width:1120px){.studio-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.studio-gallery{padding:24px 16px;min-height:calc(100vh - 120px)}.studio-gallery-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:22px}.studio-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.studio-create-card,.studio-gallery .studio-project{min-height:230px}.studio-create-card{padding:15px}.studio-project-cover{min-height:120px}.studio-project-body{padding:12px}.studio-project-body strong{font-size:13px}.studio-gallery .studio-project-empty{grid-column:span 2}}
@media(max-width:440px){.studio-gallery-grid{grid-template-columns:1fr}.studio-create-card,.studio-gallery .studio-project{min-height:170px}.studio-project-cover{min-height:120px}.studio-gallery .studio-project-empty{grid-column:1}.studio-create-card{min-height:235px}}



/* Desktop new-project dialog, faithful input hierarchy and mobile support. */
body.desktop-modal-open{overflow:hidden}
.desktop-create-overlay{position:fixed;inset:0;z-index:65;display:flex;align-items:center;justify-content:center;background:#030507d9;padding:18px}
.desktop-create-dialog{background:#181b21;color:#e9dfcf;border:1px solid #b28f5f77;border-radius:14px;width:min(760px,100%);max-height:calc(100vh - 35px);overflow:auto;padding:26px;box-shadow:0 30px 100px #000c}
.desktop-create-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.desktop-create-head h2{font-size:23px;color:#e2c08d;margin:7px 0 5px}
.desktop-create-head p{font-size:11px;color:#9f9d9f;line-height:1.8;margin:0 0 12px}
.desktop-create-x{background:transparent;border:1px solid #6d5943;color:#f3dba7;border-radius:7px;font-size:22px;min-width:38px;min-height:36px}
.desktop-create-section{padding:13px 0 16px;border-top:1px solid #8a784333}
.desktop-create-section>strong{display:block;font-size:13px;margin-bottom:10px;color:#e1ccac}
.desktop-create-section label{margin:10px 0 6px}
.desktop-create-section textarea{width:100%;resize:vertical;border:1px solid #76614477;border-radius:7px;background:#0c1118;color:#f4e6d3;padding:12px;line-height:1.7}
.desktop-create-section input[type=file]{font-size:11px}
.desktop-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.desktop-mode-picker label{cursor:pointer;margin:0;border:1px solid #76654855;border-radius:9px;background:#10151c;padding:12px;display:block}
.desktop-mode-picker label:has(input:checked){border-color:#d2a569;background:#6544202c}
.desktop-mode-picker input{width:auto;margin-right:9px;accent-color:#cc9b5a}
.desktop-mode-picker b{font-size:12px}
.desktop-mode-picker small{display:block;color:#9fa2a6;font-size:10px;margin:7px 0 0}
.desktop-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.desktop-create-grid label{margin:10px 0 5px}
.desktop-duration{display:flex;align-items:center;gap:11px;color:#c8baa4;font-size:12px}
.desktop-duration input{width:100px}
.desktop-style-chips{display:flex;flex-wrap:wrap;gap:8px}
.desktop-style-chip{font-size:12px;color:#d8c8b0;background:#13171d;border:1px solid #71593c88;border-radius:8px;padding:10px 13px}
.desktop-style-chip:hover,.desktop-style-chip.selected{background:#835c28ab;color:#fff0cf;border-color:#e8bb7d}
.desktop-style-chip{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:115px;max-width:155px}
.desktop-style-chip img{display:block;width:105px;height:65px;object-fit:cover;border-radius:5px;border:1px solid #87725188}
.desktop-style-chip span{font-size:11px;line-height:1.35;white-space:normal;text-align:center}
.desktop-check{display:flex!important;align-items:flex-start;gap:8px;font-size:12px!important;line-height:1.75;color:#d2c6b2}
.desktop-check input{width:auto;flex:0 0 auto;margin:3px 0 0;accent-color:#c19a5e}
.desktop-inherit-note{font-size:12px;background:#11151b;padding:15px;border:1px dashed #806a4f66;color:#a5a2a0;border-radius:8px;line-height:1.8}
.desktop-create-message{font-size:12px;line-height:1.6;color:#e3bb82;min-height:24px}
.desktop-create-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.desktop-create-actions button{min-width:120px}
@media(max-width:620px){.desktop-create-overlay{align-items:stretch;padding:5px}.desktop-create-dialog{max-height:calc(100dvh - 10px);padding:19px}.desktop-mode-picker,.desktop-create-grid{grid-template-columns:1fr}.desktop-duration{flex-wrap:wrap}}
/* Stage20: browser-authorized local media folder. */
.studio-local-media{margin:19px 0 22px;padding:17px 20px;background:linear-gradient(115deg,#191b20,#10141a);border:1px solid #977c4d55;border-radius:11px}
.studio-local-media>div:first-child{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#edc994;font-size:14px}
.studio-local-tag{border:1px solid #b18d4f70;border-radius:99px;font-size:10px;color:#c5b08e;padding:4px 8px}
.studio-local-media p{font-size:11px;line-height:1.8;color:#aba6a3;margin:10px 0}
.studio-local-actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}
.studio-local-actions button{font-size:11px}
.studio-local-files{display:grid;gap:7px;max-height:230px;overflow:auto}
.studio-local-files .studio-local-file{display:flex;justify-content:space-between;gap:8px;padding:9px;border:1px solid #806e4d3d;border-radius:6px;color:#d5c8b2;font-size:11px;overflow-wrap:anywhere}
.studio-local-files .studio-local-file span:last-child{color:#9299a1;white-space:nowrap}
.studio-local-media .studio-local-expiry{font-size:10px;color:#d1b381}