@import url('/assets/profile-tabs.css');
@import url('/assets/profile-extra-editor.css');
:root { color-scheme:dark; --ink:#f4f1f5; --muted:#887e8e; --line:#242026; --purple:#b66cce; }
* { box-sizing:border-box; }
html { min-height:100%; background:#080808; }
body { margin:0; color:var(--ink); background:#080808; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:13px; }
button,input,textarea,select { font:inherit; }
a { color:inherit; text-decoration:none; }
button { cursor:pointer; }
button:disabled { opacity:.45; cursor:default; }
.sidebar { position:fixed; inset:0 auto 0 0; width:225px; padding:25px 16px 14px; display:flex; flex-direction:column; background:#0e0e0e; border-right:1px solid #171517; border-radius:0 28px 28px 0; overflow-y:auto; z-index:10; }
.brand { display:flex; align-items:center; gap:9px; margin:0 5px 26px; font-size:1.15rem; font-weight:650; letter-spacing:-.04em; }
.mark { width:36px; height:36px; object-fit:contain; flex-shrink:0; }
.feature-search { position:relative; display:flex; align-items:center; gap:7px; padding:10px 9px; border:1px solid #212021; background:#111; border-radius:12px; color:#958e99; margin-bottom:25px; }
.feature-search input { min-width:0; width:100%; background:none; border:0; color:#ddd; outline:0; font-size:10px; }
.feature-search kbd { font-size:8px; flex-shrink:0; color:#625969; border-radius:4px; background:#191719; padding:2px 4px; }
#search-results { position:absolute; top:100%; left:0; right:0; z-index:11; margin-top:6px; background:#201723; border:1px solid #423048; border-radius:10px; padding:6px; max-height:300px; overflow:auto; }
#search-results button { display:block; width:100%; text-align:left; color:#d5c5df; background:none; border:0; border-radius:6px; padding:10px; font-size:11px; }
#search-results button:hover { background:#3c2643; }
.tabs { display:grid; gap:5px; padding-top:17px; border-top:1px solid #1b181c; }
.tabs button,.tabs>a { display:flex; align-items:center; gap:11px; padding:11px 12px; border:0; border-radius:15px; background:none; color:#bdb5c3; font-size:12px; text-align:left; }
.tabs button span,.tabs>a span { width:16px; text-align:center; color:#dbd3e0; font-size:16px; }
.tabs button i { margin-left:auto; font-style:normal; }
.tabs button[aria-current="page"] { background:#301e33; color:#f9e9ff; }
.tabs button:hover,.tabs>a:hover { background:#211a24; }
.tabs small { color:#745a7b; font-size:9px; margin-left:auto; }
.sidebar-bottom { margin-top:auto; padding-top:35px; display:grid; gap:13px; }
.support { padding:12px; border:1px solid #1d191f; border-radius:15px; background:#111; }
.support summary { font-size:11px; color:#b29abe; cursor:pointer; list-style:none; }
.support p { color:#87778f; font-size:10px; line-height:1.65; margin-bottom:0; }
.sidebar-page,.share-button { display:block; padding:9px 13px; text-align:center; border:1px solid #633471; border-radius:12px; color:#e0b7ee; background:#39213f; font-size:11px; }
.share-button { width:100%; border-radius:20px; background:#321839; }
.account-mini { display:flex; align-items:center; gap:10px; padding:11px; border-radius:20px; background:#151315; }
.account-avatar { width:32px; height:32px; display:grid; place-items:center; background:#2e2931; border-radius:50%; color:#a28aaa; font-size:18px; flex-shrink:0; }
.account-mini>div { min-width:0; flex:1; }
.account-mini strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-mini small { display:block; color:#695b71; font-size:8px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-mini button { background:none; border:0; color:#8c7b97; font-size:16px; padding:0; }
.workspace { margin-left:225px; padding:28px 34px 80px; min-height:100vh; }
.workspace-header { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:25px; }
.workspace-header h1 { font-size:20px; font-weight:600; letter-spacing:-.03em; margin:0 0 7px; }
.workspace-header p { color:#766b7e; font-size:11px; margin:0; }
.header-actions { display:flex; align-items:center; gap:12px; }
.mobile-view { display:none; }
.save-state { color:#6e5f78; font-size:10px; }
.save-state.dirty { color:#c7a67d; }
.button { min-height:35px; padding:9px 17px; display:inline-flex; align-items:center; justify-content:center; color:#ddd2e3; border:1px solid #312536; border-radius:10px; background:#171219; font-size:11px; }
.button:hover { border-color:#755280; }
.button.primary { background:#43234d; color:#f8e7ff; border-color:#693675; }
.editor-section { margin-bottom:27px; }
.editor-section h2 { font-size:16px; font-weight:550; color:#cbbfd3; margin:0 0 13px 3px; letter-spacing:-.02em; }
.box { padding:18px; border:1px solid #1b171e; border-radius:14px; background:#101010; }
.assets-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.asset-card { position:relative; min-width:0; }
.asset-card h3 { font-size:12px; color:#ccc0d6; font-weight:500; margin:0 0 9px; }
.upload { min-height:125px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:14px; border:1px solid #201b24; background:#0d0c0e; border-radius:10px; color:#e9e0ee; cursor:pointer; }
.upload:hover { border-color:#5e376e; background:#18101d; }
.upload input { position:absolute; inset:0; width:100%; opacity:0; cursor:pointer; }
.upload:focus-within { outline:2px solid #bb80d0; }
.asset-icon { font-size:27px; }
.upload-caption { font-size:11px; color:#85738f; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.asset-card>small { display:block; margin-top:8px; font-size:8px; color:#5d5066; }
.asset-clear { position:absolute; right:0; bottom:-1px; border:0; color:#9d76ae; font-size:8px; background:#101010; padding:3px 5px; }
.media-details { margin-top:10px; color:#7c6588; font-size:10px; }
.media-details summary { cursor:pointer; padding:6px 2px; }
.media-details summary span,.advanced summary span { float:right; color:#7b5e88; }
.media-details .box { margin-top:10px; }
.style-banner { position:relative; min-height:53px; display:flex; gap:8px; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(100deg,#281b2f,#322036,#281b2f); border:1px solid #45274d; border-radius:35px; color:#b99cc5; font-size:11px; margin:3px 0 28px; }
.style-banner strong { font-weight:500; color:#d4ace4; }
.style-banner>span { position:absolute; font-size:90px; opacity:.06; color:#e6b6ff; left:22px; }
.style-banner>span:last-child { left:auto; right:22px; }
.fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.field.full { grid-column:1/-1; }
.field>label { display:flex; justify-content:space-between; align-items:center; gap:8px; color:#bbaac5; font-size:12px; }
.field label output { color:#8d6d9e; font-size:9px; }
.field input:not([type="range"]):not([type="color"]):not([type="checkbox"]),.field textarea,.field select,.row-list input:not([type="range"]):not([type="checkbox"]) { width:100%; min-height:35px; border:1px solid #1d1622; border-radius:8px; background:#0a090b; color:#dbcde3; padding:9px 11px; outline:0; font-size:12px; }
.field input::placeholder,.field textarea::placeholder,.row-list input::placeholder { color:#594961; }
.field textarea { height:35px; min-height:35px; resize:vertical; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:#8b539f!important; }
.field input[type="range"],.skill-range { width:100%; accent-color:#ad77c5; margin:10px 0 5px; height:5px; cursor:pointer; }
.color-control { min-height:35px; display:flex; align-items:center; gap:9px; padding:6px 10px; border-radius:9px; border:1px solid #1d1622; background:#0a090b; }
.color-control input { width:23px; height:23px; padding:0; background:none; border:0; border-radius:50%; overflow:hidden; cursor:pointer; }
.color-control output { font-size:10px; color:#d7bddf; }
.color-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.gradient-control { grid-column:span 2; }
.switch { display:flex; align-items:center; justify-content:space-between; gap:15px; color:#c2b2cc; font-size:10px; margin:0; }
.switch small { display:block; color:#61516c; font-size:8px; margin-top:5px; line-height:1.5; }
.switch input { appearance:none; flex-shrink:0; width:33px; height:18px; background:#292529; border:1px solid #352f38; border-radius:20px; position:relative; cursor:pointer; transition:.15s; }
.switch input::after { content:""; position:absolute; width:12px; height:12px; left:2px; top:2px; background:#83758b; border-radius:50%; transition:.15s; }
.switch input:checked { background:#9b5cba; border-color:#a569bf; }
.switch input:checked::after { left:17px; background:white; }
.toggle-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px 45px; }
.toggle-grid .switch { align-items:flex-start; flex-direction:column; gap:8px; }
.glow-options { display:flex; gap:6px; }
.glow-options .switch { position:relative; display:flex; padding:9px 10px; border:1px solid #36263f; border-radius:6px; background:#201426; color:#aa89b7; font-size:10px; cursor:pointer; gap:0; flex:1; justify-content:center; }
.glow-options input { position:absolute; opacity:0; width:1px; height:1px; }
.glow-options .switch:has(input:checked) { background:#183b20; color:#b7dfbd; border-color:#285e32; }
.glow-options .switch:has(input:focus-visible) { outline:2px solid #b880d4; }
.gradient-control .switch { border:1px solid #4b2654; background:#27152e; border-radius:10px; padding:12px; }
.advanced>summary { color:#bba2c8; cursor:pointer; font-size:13px; margin:0 3px; }
.advanced .box { margin-top:15px; }
.prefix-wrap { display:flex; align-items:center; border:1px solid #1d1622; border-radius:8px; overflow:hidden; background:#0a090b; }
.prefix-wrap span { padding-left:10px; color:#775d85; font-size:10px; }
.prefix-wrap input { border:0!important; background:none!important; padding-left:4px!important; min-width:0; }
.hint { color:#80708c; font-size:10px; line-height:1.6; margin:0 0 15px; }
.hint:empty { display:none; }
.save-row { position:sticky; bottom:0; z-index:6; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 0; background:#080808e8; backdrop-filter:blur(12px); border-top:1px solid #211826; margin-top:20px; }
.status { color:#a98ebb; font-size:11px; margin:0; line-height:1.5; }
.status.error { color:#efa4a4; }.status.good { color:#9acda9; }
.row-list { display:grid; gap:12px; margin-bottom:15px; }
.link-row,.skill-row { padding:15px; border:1px solid #29202e; border-radius:10px; background:#0b080e; display:grid; gap:10px; }
.link-row-head { display:flex; justify-content:space-between; align-items:center; color:#89679a; font-size:9px; }
.row-actions { display:flex; gap:5px; }
.mini-button { width:27px; height:27px; border:1px solid #3b2a45; color:#b89ac9; background:#1b1022; border-radius:6px; }
.mini-button.remove { color:#ce919e; }
.visible-check { display:flex; align-items:center; gap:8px; color:#9175a0; font-size:10px; }
.visible-check input { accent-color:#ad77c5; }
.skill-level { display:flex; gap:15px; align-items:center; color:#9d7caf; }
.overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-bottom:29px; }
.overview-card { display:grid; gap:7px; padding:22px; background:#2c1a31; border:1px solid #41244a; border-radius:16px; }
.overview-card>span { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; background:#62356e; color:#e2bcec; }
.overview-card small { color:#9f81ad; margin-top:4px; }.overview-card strong{font-size:16px;overflow-wrap:anywhere}
.account-id { font-size:10px; color:#8b6d9d; padding:10px 0; overflow-wrap:anywhere; }
.template-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:20px 0; }
.template-card { text-align:left; padding:13px; border:1px solid #3a2345; border-radius:14px; background:#100b15; color:#d9c0e7; }
.template-card:hover { border-color:#af78cc; }
.theme-art { display:block; height:135px; border-radius:9px; }
.twilight { background:radial-gradient(ellipse at 20% 30%,#9b63ff,transparent),linear-gradient(140deg,#271131,#ff8954); }
.rose { background:radial-gradient(ellipse at 20% 30%,#ff658f,transparent),linear-gradient(140deg,#321529,#8d68ff); }
.moonlight { background:radial-gradient(ellipse at 20% 30%,#56b7d9,transparent),linear-gradient(140deg,#132132,#bb79ff); }
.template-card strong,.template-card small { display:block; margin:11px 2px 0; }.template-card small{font-size:10px;color:#897095;margin-top:5px}
.preview-panel { position:fixed; z-index:30; top:20px; right:20px; width:380px; height:calc(100svh - 40px); display:flex; flex-direction:column; border:1px solid #4e315c; border-radius:20px; background:#0d0912; overflow:hidden; box-shadow:0 22px 90px #000c; }
.preview-head { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; color:#b58cc9; font-size:11px; border-bottom:1px solid #34203e; }
.preview-head button { width:26px;height:26px;background:none;border:0;color:#c7a6dc;font-size:20px; }
.preview-panel iframe { width:100%; flex:1; min-height:0; border:0; background:#080711; }
.preview-foot { padding:15px 18px; color:#876599; font-size:10px; border-top:1px solid #34203e; overflow-wrap:anywhere; }
.gate { margin-left:225px; padding:120px 30px; text-align:center; }.gate h1{font-size:28px}.gate p{color:#8e789d;line-height:1.6}
.text-button{display:block;color:#b58bca;font-size:12px;margin-top:20px}
body.showcase .workspace-header p,body.showcase .header-actions,body.showcase .save-row,body.showcase .feature-search,body.showcase .support { display:none; }
body.showcase .sidebar-bottom { margin-top:50px; }
body.showcase .workspace { padding-top:36px; }
[hidden] { display:none!important; }
.sr-only { position:absolute; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
:focus-visible { outline:2px solid #b880d4; outline-offset:3px; }
@media(max-width:1300px) { .fields,.color-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.glow-options{max-width:340px}.workspace{padding:24px}.asset-clear{position:static;padding-top:8px}.upload{min-height:115px}.style-banner{font-size:10px} }
@media(max-width:950px) { .sidebar{width:195px;padding-inline:12px}.workspace,.gate{margin-left:195px}.assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-grid{gap:20px}.workspace-header{align-items:flex-start}.save-state{display:none}.style-banner strong{display:none} }
@media(max-width:680px) { .sidebar{position:sticky;top:0;width:100%;height:auto;overflow:visible;border-radius:0;padding:12px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid #221728}.brand{font-size:15px;margin:0}.mark{width:23px;height:23px}.feature-search{margin:0 0 0 auto;width:170px;padding:8px}.feature-search kbd{display:none}.tabs{width:100%;display:flex;overflow-x:auto;padding:0;border:0;gap:4px}.tabs button,.tabs>a{flex-shrink:0;white-space:nowrap;font-size:10px;padding:9px 12px}.tabs button span,.tabs a span,.tabs i{display:none}.sidebar-bottom{display:none}.workspace,.gate{margin-left:0}.workspace{padding:23px 13px 60px}.workspace-header{margin-bottom:25px}.workspace-header h1{font-size:18px}.workspace-header p{font-size:10px}.fields,.color-grid{grid-template-columns:1fr}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gradient-control{grid-column:auto}.box{padding:15px}.overview-grid{gap:8px}.overview-card{padding:14px;gap:6px}.overview-card strong{font-size:12px}.overview-card small{font-size:9px}.template-grid{grid-template-columns:1fr}.theme-art{height:100px}.assets-grid{gap:12px}.asset-card h3{font-size:10px}.upload{min-height:115px}.upload-caption{font-size:8px}.save-row{padding:12px 0}.preview-panel{top:10px;right:10px;width:calc(100% - 20px);height:calc(100svh - 20px)}.style-banner{padding:13px;text-align:center;font-size:10px}.workspace-header .button{padding:8px 10px}.general-grid textarea{height:65px} }
@media(max-width:680px) { .mobile-view { display:inline-flex; font-size:9px; } .header-actions { gap:6px; } .workspace-header>div:first-child { min-width:0; } }
@media(prefers-reduced-motion:reduce) { * { transition:none!important; } }
.setup-guide { padding:20px; border:1px solid #46304f; border-radius:14px; background:#201526; margin-bottom:25px; }.setup-guide p{color:#bd9fc9;font-size:11px;line-height:1.8}.setup-guide strong{font-weight:550}
.scene-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.scene-row{padding:20px;border:1px solid #39283f;border-radius:14px;background:#111014}.scene-row .fields{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.scene-row .scene-upload{display:flex;align-items:center;gap:10px;color:#ad8fc0;font-size:10px}.scene-upload input{max-width:200px;font-size:10px}.subsection-heading{margin-top:28px!important}
.preview-tools{display:flex;gap:7px;padding:10px;border-bottom:1px solid #34203e}.preview-tools .button{flex:1;padding:7px;font-size:9px}
.scene-row summary{cursor:pointer;list-style:none}.scene-row summary strong::before{content:'▸';color:#a779bf;margin-right:10px}.scene-row[open] summary strong::before{content:'▾'}
.asset-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:10px;opacity:.65;pointer-events:none}.upload:has(.asset-preview) .asset-icon,.upload:has(.asset-preview) .upload-caption{position:relative;z-index:1;text-shadow:0 1px 5px #000;color:white}.field #bio-messages{min-height:110px}
.media-test{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.media-test .button{font-size:10px}.media-help{font-size:10px;color:#b196c0;line-height:1.7}
@media(min-width:1280px){body.preview-open:not(.showcase) .workspace{margin-right:365px}body.preview-open:not(.showcase) .preview-panel{width:340px;box-shadow:none}.workspace-header{position:sticky;top:0;z-index:7;background:#080808eb;backdrop-filter:blur(10px);padding:10px 0}}
@media(max-width:680px){.scene-intro{flex-direction:column;align-items:stretch}.scene-row .fields{grid-template-columns:1fr}.scene-row{padding:15px}.scene-upload{flex-wrap:wrap}.scene-upload input{max-width:100%}}

/* Dusked Studio: neutral dark panels, readable controls, restrained violet. */
:root { --ink:#f3eff8; --muted:#a196ad; --line:#29232f; --purple:#c1a1e6; }
body { font-size:14px; background:#09080b; }
.sidebar { width:244px; border-radius:0; padding:25px 17px 17px; background:#100e13; border-right:1px solid #27212d; scrollbar-width:thin; scrollbar-color:#392d44 transparent; }
.brand { gap:10px; margin:0 5px 25px; font-family:Georgia,'Times New Roman',serif; font-size:24px; letter-spacing:-.045em; color:#f8f3fc; }
.mark { width:38px; height:38px; }
.feature-search { border-radius:9px; background:#18141e; border-color:#2d2534; padding:12px 10px; margin-bottom:17px; }
.feature-search input { font-size:12px; }.feature-search kbd{font-size:9px;color:#94849e;background:#28202e}
.tabs { padding-top:7px; gap:4px; border-color:#28202d; }
.nav-label { margin:13px 12px 9px; font-size:9px; letter-spacing:.13em; text-transform:uppercase; color:#8e7a9c; }
.tabs button,.tabs>a { padding:12px; border-radius:9px; font-size:13px; color:#bdb0ca; gap:13px; min-height:43px; }
.tabs button span,.tabs>a span { color:#b6a3c8; font-size:17px; }
.tabs button[aria-current="page"],.tabs>a[aria-current="page"] { background:#302039; color:#ecdafc; box-shadow:inset 3px 0 #b58ce1; }
.tabs button[aria-current="page"] span{color:#d5b3f2}.tabs small{font-size:10px;color:#b49ac5}
.sidebar-bottom { gap:10px; padding-top:25px; min-width:0; width:100%; grid-template-columns:minmax(0,1fr); }.sidebar-bottom>*{min-width:0}.support{padding:14px;background:#17131c;border-color:#2b2233;border-radius:12px;min-width:0}
.field #about-me { min-height:230px; line-height:1.8; }
.support summary{font-size:12px;color:#c7afd9}.support p{font-size:11px;color:#a48caf}
.share-button,.sidebar-page { background:#281a34; border-color:#513164; border-radius:9px; font-size:12px; padding:11px; }
.account-mini { border:1px solid #2e2437; background:#17121d; border-radius:12px; padding:12px; }
.account-mini strong{font-size:13px}.account-mini small{font-size:10px;color:#9e8aaf}
.workspace,.gate { margin-left:244px; }
.workspace { padding:26px 34px 80px; min-width:0; }
.workspace-header { padding:12px 0 22px; margin-bottom:25px; border-bottom:1px solid #29212f; }
.workspace-header h1 { font-size:26px; font-weight:600; letter-spacing:-.035em; color:#f4edfb; }
.workspace-header p { font-size:12px; color:#ac99ba; line-height:1.65; max-width:650px; }
.save-state { font-size:11px; color:#a18baf; }
.button { font-size:12px; min-height:39px; border-radius:9px; background:#1b1421; border-color:#3a2a46; color:#ded0e9; }
.button.primary { background:#bc98e3; border-color:#c9a7ef; color:#1a1025; font-weight:650; }
.button.primary:hover { background:#ccadf0; }
.editor-section { margin-bottom:30px; }.editor-section h2{font-size:17px;font-weight:550;color:#d6c8e3;margin-bottom:15px}
.box { padding:23px; border:1px solid #27202d; border-radius:13px; background:#121014; }
.assets-grid { gap:18px; }.asset-card h3{font-size:13px;color:#ddd0e8}.asset-card small{font-size:10px;color:#9b86aa}
.upload { min-height:140px; background:#0b090e; border:1px dashed #3c2c49; border-radius:10px; }
.upload:hover { background:#1c1225; border-color:#a676c6; }.asset-icon{font-size:26px;color:#ccb0e3}.upload-caption{font-size:11px;color:#a58db8}
.asset-clear { font-size:10px; color:#b99acb; }.media-details summary{font-size:12px;color:#bda0d0}
.style-banner { background:linear-gradient(100deg,#35233f,#201727); border:1px solid #4e315d; border-radius:12px; padding:19px; font-size:13px; color:#d8bde9; margin-bottom:26px; }
.fields { gap:23px; }.field { gap:10px; }.field>label{font-size:12px;color:#c9b6d8;line-height:1.4}.field label output{font-size:11px;color:#b28dcc}
.field input:not([type="range"]):not([type="color"]):not([type="checkbox"]),.field textarea,.field select,.row-list input:not([type="range"]):not([type="checkbox"]) { min-height:42px; padding:11px 12px; font-size:12px; border-color:#30243b; background:#0b090e; border-radius:8px; color:#e1d5ec; }
.field input::placeholder,.field textarea::placeholder,.row-list input::placeholder { color:#96829f; }
.field textarea{min-height:42px}.color-control{min-height:42px;background:#0b090e;border-color:#30243b}.color-control output{font-size:12px;color:#d8c3e8}
.switch { font-size:12px; color:#d0bbdf; }.switch small{font-size:10px;color:#a289b2}.switch input{width:38px;height:21px}.switch input::after{width:15px;height:15px}.switch input:checked{background:#b184d1;border-color:#c29ade}.switch input:checked::after{left:19px}
.glow-options .switch{font-size:11px;padding:11px 8px}.glow-options input{width:1px;height:1px}.hint,.media-help{font-size:12px;color:#ab90bc;line-height:1.7}
.save-row { padding:16px 0; margin-top:25px; border-top-color:#33253d; background:#09080bef; }.status{font-size:12px;color:#c8aadd}
.overview-card { background:#24172e; border-color:#4a2d5e; border-radius:12px; padding:25px; }.overview-card small{font-size:11px;color:#b194c4}.overview-card strong{font-size:18px}
.template-card{padding:16px;border-color:#3d294c;background:#17101f}.template-card small{font-size:12px;color:#b095c2}
.row-list{gap:15px}.link-row,.skill-row,.scene-row{padding:20px;border-color:#382642;background:#130d19}.link-row-head{font-size:11px}.visible-check{font-size:12px;color:#bea1cf}.mini-button{width:32px;height:32px}
.setup-guide { background:#211529; border-color:#51335e; padding:23px; }.setup-guide p{font-size:12px;line-height:1.8}.account-id{font-size:12px;color:#a788ba}
.preview-panel { background:#100a16; border-color:#533761; border-radius:14px; }.preview-head{font-size:12px}.preview-foot{font-size:11px}.preview-tools .button{font-size:10px}
.scene-row .scene-upload{font-size:12px}.scene-upload input{font-size:11px}.advanced>summary{font-size:14px;color:#bca2cb}
@media(min-width:1280px){.workspace-header{background:#09080bef}body.preview-open:not(.showcase) .workspace{margin-right:365px}.assets-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1400px){.fields,.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding-inline:27px}.upload{min-height:135px}}
@media(max-width:1000px){.sidebar{width:215px;padding-inline:13px}.workspace,.gate{margin-left:215px}.workspace{padding-inline:23px}.brand{font-size:22px}.workspace-header{align-items:flex-start}.workspace-header h1{font-size:24px}.save-state{display:none}.header-actions{flex-shrink:0}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-banner strong{display:none}.box{padding:20px}}
@media(max-width:680px){.sidebar{position:sticky;inset:auto;top:0;width:100%;height:auto;max-height:none;padding:12px;gap:10px;overflow:visible;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #34243f}.brand{margin:0;font-size:21px;gap:7px}.mark{width:31px;height:31px}.feature-search{margin:0 0 0 auto;width:160px;padding:9px;flex-shrink:1}.feature-search input{font-size:11px}.tabs{width:100%;display:flex;padding-top:8px;overflow-x:auto;gap:5px}.tabs button,.tabs>a{padding:9px 12px;font-size:11px;min-height:36px;white-space:nowrap}.tabs button[aria-current="page"]{box-shadow:none;border:1px solid #5e3c73}.nav-label,.sidebar-bottom{display:none}.workspace,.gate{margin-left:0}.workspace{padding:22px 15px 75px}.workspace-header{padding:0 0 17px;gap:12px}.workspace-header h1{font-size:22px}.workspace-header p{font-size:11px}.header-actions .button{padding:9px 11px;font-size:11px}.fields,.color-grid{grid-template-columns:1fr}.assets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.asset-card h3{font-size:12px}.upload{min-height:112px}.upload-caption{font-size:10px;line-height:1.5}.asset-card small{font-size:9px;line-height:1.5}.box{padding:17px}.editor-section h2{font-size:16px}.field input:not([type="range"]):not([type="color"]):not([type="checkbox"]),.field textarea,.field select,.row-list input:not([type="range"]):not([type="checkbox"]){font-size:16px;min-height:44px}.field>label{font-size:12px}.color-control output{font-size:13px}.style-banner{font-size:11px;padding:15px}.overview-grid{grid-template-columns:1fr;gap:10px}.overview-card{padding:18px}.overview-card strong{font-size:16px}.toggle-grid{gap:22px}.switch{font-size:12px}.gradient-control{grid-column:auto}.preview-panel{width:calc(100% - 20px);top:10px;right:10px;height:calc(100svh - 20px)}.save-row .button{padding-inline:17px}.status{font-size:11px}.scene-row .fields{grid-template-columns:1fr}.template-card small{font-size:11px}}