:root{--bg:#10171f;--panel:#151e28;--raised:#1d2935;--line:#2c3946;--muted:#97a7b7;--ink:#ecf1eb;--accent:#d2f3a1;font-family:Arial,system-ui,sans-serif;color:var(--ink);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{transition:background .16s,border-color .16s}button:hover:not(:disabled){filter:brightness(1.07)}#studio{height:100dvh;display:flex;flex-direction:column}.studio-header{height:86px;min-height:86px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;direction:ltr}.studio-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.studio-logo{position:relative;width:39px;height:42px;border-radius:10px;background:var(--accent);color:#18252e;font-size:29px;font-weight:800;display:grid;place-items:center}.studio-logo>span{position:absolute;top:-4px;right:0;font-size:20px}.studio-brand>div{font-size:13px;font-weight:700;letter-spacing:1.3px;line-height:1.25}.studio-brand>div>span{font-weight:400;margin-left:4px;color:#acb8c1}.studio-brand small{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:6px}.header-actions{display:flex;gap:9px;align-items:center;direction:rtl}html[dir=ltr] .header-actions{direction:ltr}#draftStatus{font-size:11px;color:var(--muted);margin-inline-end:14px}#draftStatus::before{content:'';width:5px;height:5px;background:var(--accent);display:inline-block;border-radius:50%;margin-inline-end:6px}.quiet-button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 13px;border-radius:7px;font-size:12px}.quiet-button:hover{background:#273442}#language{background:var(--raised);border:1px solid #415364;color:var(--ink);border-radius:7px;padding:9px 8px;font-size:12px;min-width:85px}.steps{display:flex;justify-content:center;gap:0;border-bottom:1px solid var(--line);min-height:75px;height:75px;background:#121b24;flex-shrink:0}.step-button{position:relative;display:flex;align-items:center;gap:11px;padding:0 30px;background:none;border:0;color:#7f92a3;font-size:14px;min-width:170px;justify-content:center}.step-button::after{content:'';position:absolute;bottom:0;left:22px;right:22px;height:2px;background:transparent}.step-button.active{color:var(--ink)}.step-button.active::after{background:var(--accent)}.step-number{font:11px monospace;width:27px;height:27px;border:1px solid #46535f;border-radius:50%;display:grid;place-items:center}.active .step-number{background:var(--accent);border-color:var(--accent);color:#1c2d25}.step-button.done .step-number{border-color:#9cb880;color:#bade97}.studio-workspace{flex:1;min-height:0;display:grid;grid-template-columns:420px minmax(0,1fr);gap:0}.editor-shell{display:flex;flex-direction:column;min-height:0;min-width:0;border-inline-end:1px solid var(--line);background:var(--panel)}.editor{padding:30px 27px 22px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#445568 transparent}.editor-heading{margin-bottom:25px}.editor-kicker{color:var(--accent);font-size:10px;font-weight:600;letter-spacing:1.6px}.editor h1{font-size:25px;line-height:1.45;letter-spacing:-.6px;margin:11px 0 10px;font-weight:600}.editor-heading>p{font-size:14px;line-height:1.75;color:#a7b6c3;margin:0}.form-section-title{font-size:13px;font-weight:500;letter-spacing:.2px;margin:25px 0 14px;display:flex;align-items:center;gap:10px}.form-section-title::after{content:'';height:1px;background:var(--line);flex:1}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-card{padding:0;background:#1f2c3b;border:1px solid #3b4a5b;border-radius:8px;overflow:hidden;position:relative;color:var(--ink);min-width:0}.preset-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.preset-image{height:88px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#385068,#233348);overflow:hidden}.preset-image img{width:100%;height:100%;object-fit:cover}.preset-image>span{font-size:25px;font-family:monospace;color:#a6c2a0}.preset-card strong{display:block;font-size:10px;font-weight:400;padding:9px 3px;white-space:nowrap}.preset-card.active::after{content:'✓';position:absolute;top:5px;inset-inline-end:5px;font:9px Arial;background:var(--accent);color:#1f382b;border-radius:50%;width:14px;height:14px;display:grid;place-items:center}.field{display:flex;flex-direction:column;gap:8px;margin:16px 0;min-width:0}.field label,.field-label{font-size:13px;color:#dce5e7;display:block}.field label small{font-size:10px;margin-inline-start:5px;color:#7e91a3}.field input:not([type=color]):not([type=checkbox]),.field textarea,.field select{width:100%;border:1px solid #354858;background:#101c27;color:var(--ink);border-radius:7px;padding:11px 12px;font-size:14px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.field textarea{resize:vertical;min-height:104px}.field input::placeholder,.field textarea::placeholder{color:#617789}.field-note{font-size:11px;line-height:1.6;color:#8da0b1;margin-top:-3px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-fields .field{margin:10px 0}.choice-pills{display:flex;gap:5px;flex-wrap:wrap}.choice-pills button{border:1px solid #3a4d5f;background:#1d2b38;color:#a9bac9;padding:8px 10px;font-size:12px;border-radius:6px;flex:1;min-width:55px}.choice-pills button.active{border-color:#b9d993;background:#d2f3a115;color:#d4edb6}.swatches{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.swatch{height:25px;width:25px;border-radius:50%;border:3px solid transparent;box-shadow:0 0 0 1px #67808a44;background:var(--swatch);padding:0}.swatch.active{box-shadow:0 0 0 2px var(--accent);border-color:#182630}.color-control{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid #354858;border-radius:7px;background:#101c27;gap:10px}.color-control input{width:28px;height:27px;border:0;padding:0;border-radius:4px;background:none;cursor:pointer}.color-control span{font:11px monospace;letter-spacing:.7px;color:#a9b9c7;direction:ltr}.editor-footer{border-top:1px solid var(--line);padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:77px;flex-shrink:0;background:#141e29}.editor-footer .quiet-button{border:0;padding:10px 0;color:#adbecb}#stepCount{font:11px monospace;color:#7c91a2;direction:ltr}.primary-button{padding:11px 22px;border:1px solid var(--accent);background:var(--accent);color:#192a22;border-radius:7px;font-size:13px;font-weight:600}.preview{position:relative;min-width:0;min-height:0;background:#202e40;overflow:hidden}#studioCanvas{width:100%;height:100%;display:block;outline:0;touch-action:none}.preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0e1c3030,transparent 25%,transparent 65%,#0e1d3390);pointer-events:none}.preview-toolbar{position:absolute;top:22px;inset-inline:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.live-label{font:10px Arial;letter-spacing:1.6px;color:#cfddda;display:flex;align-items:center;gap:7px}.live-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #d2f3a166}.view-switch{display:flex;gap:2px;padding:3px;background:#12253799;border:1px solid #a6bed633;border-radius:7px;backdrop-filter:blur(10px);pointer-events:auto}.view-switch button{background:none;border:0;border-radius:4px;font-size:12px;padding:8px 15px;color:#b3c3ce}.view-switch button.active{background:#a5c1dc24;color:#e4efeb}.preview-caption{position:absolute;bottom:69px;inset-inline:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;pointer-events:none}.preview-kicker{font-size:10px;color:#b2caa1;letter-spacing:1.7px}.preview-caption h2{font-size:30px;line-height:1.25;font-weight:500;letter-spacing:-.6px;margin:11px 0 8px;overflow-wrap:anywhere}.preview-caption p{font-size:13px;color:#bdccd7;margin:0;max-width:350px;line-height:1.6;overflow-wrap:anywhere}.play-button{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 17px;border:1px solid #d3ebbe7a;background:#192d39b3;backdrop-filter:blur(12px);color:#e4f7cf;border-radius:8px;font-size:13px;white-space:nowrap}.play-button::before{content:'▶';font-size:10px}.preview-bottom{position:absolute;bottom:20px;inset-inline:28px;display:flex;justify-content:space-between;align-items:center;color:#92a7b8;font-size:11px}.preview-bottom button{background:none;border:0;color:#b0c7d6;font-size:23px}.preview-error{position:absolute;top:30%;left:15%;right:15%;padding:24px;background:#152c40ef;border:1px solid #b4c7de55;border-radius:12px;font-size:16px;line-height:1.8;z-index:4}.story-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.story-tabs button{font-size:12px;padding:8px 11px;background:#20313f;border:1px solid #344a5a;border-radius:6px;color:#a7bdce}.story-tabs button.active{background:#d2f3a116;border-color:#a5c682;color:#d3efb7}.sample-note{background:#d8be7910;border:1px solid #d9c58633;border-radius:7px;padding:11px 13px;font-size:12px;line-height:1.7;color:#d4c99f;margin:15px 0}.checkbox-field{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.7;color:#b7c7cf;margin:16px 0}.checkbox-field input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;margin-top:3px}.entry-card{background:#172633;border:1px solid #344858;border-radius:9px;padding:16px;margin:12px 0 18px}.entry-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.entry-title{font-size:12px;color:#a7bfca}.entry-actions{display:flex;gap:4px}.entry-actions button{width:27px;height:27px;background:#22394a;border:1px solid #47617455;border-radius:5px;color:#bfd0d9;font-size:12px}.entry-actions button.remove-entry{color:#e2aaaa}.add-button{width:100%;border:1px dashed #6a855b;background:#cee8a70b;border-radius:7px;padding:13px;color:#c9e5ab;font-size:13px}.empty-state{border:1px dashed #53677b;border-radius:9px;padding:25px 20px;line-height:1.8;font-size:14px;color:#9db2c5;text-align:center;margin:20px 0}.world-list{display:flex;flex-direction:column;gap:16px}.world-card{padding:0;text-align:start;border:1px solid #3b5061;border-radius:10px;overflow:hidden;background:#1c2a38;position:relative;color:var(--ink)}.world-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.world-image{height:132px;position:relative;background:linear-gradient(145deg,var(--world-sky),#263b51);overflow:hidden;display:grid;place-items:center}.world-image img{width:100%;height:100%;object-fit:cover}.world-image>span{font:42px monospace;color:#e8f0f547}.world-card .selected-badge{position:absolute;inset-inline-end:12px;top:12px;background:#d2f3a1;color:#1c3228;font-size:10px;padding:5px 8px;border-radius:20px}.world-description{padding:15px 17px}.world-description h3{font-size:17px;font-weight:500;margin:0 0 7px}.world-description p{font-size:12px;line-height:1.7;color:#a9becb;margin:0}.export-summary{border:1px solid #557249;background:linear-gradient(145deg,#d2f3a116,#203b3512);padding:22px;border-radius:10px;margin:22px 0}.export-checkmark{width:35px;height:35px;display:grid;place-items:center;background:#d2f3a1;color:#203527;border-radius:50%;font-size:20px;margin-bottom:15px}.export-summary h3{font-size:19px;margin:8px 0}.export-summary p{font-size:13px;line-height:1.7;color:#aabdb1;margin:8px 0}.export-actions{display:flex;flex-direction:column;gap:10px}.export-download{display:flex;align-items:center;gap:13px;text-align:start;padding:17px;border:1px solid #456273;border-radius:9px;background:#203444;color:#e5f2eb}.export-download.primary{background:var(--accent);border-color:var(--accent);color:#1c3227}.export-download .download-icon{font-size:26px}.export-download strong{display:block;font-size:14px;font-weight:600}.export-download small{display:block;font-size:11px;line-height:1.6;margin-top:5px;opacity:.75}.checklist{list-style:none;padding:0;margin:18px 0}.checklist li{display:flex;align-items:center;gap:10px;font-size:12px;color:#bac9d0;padding:9px 0;border-bottom:1px solid #43536344}.checklist b{margin-inline-start:auto;font:11px monospace;color:var(--accent)}.checklist li>span{color:#cee5a5}.privacy-note{font-size:11px;line-height:1.8;color:#8ca2b4;margin:20px 0 0}.validation-box{background:#d9877620;border:1px solid #ba806455;border-radius:9px;padding:16px;font-size:13px;line-height:1.7;color:#e9bcac;margin:18px 0}.validation-box ul{padding-inline-start:20px;margin:9px 0 0}.studio-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;padding:14px 22px;background:#d2f3a1;color:#23382c;border:1px solid #edffd9;border-radius:9px;font-size:13px;box-shadow:0 12px 35px #0004;max-width:90%;line-height:1.6}.studio-toast button{margin-inline-start:13px;background:none;border:0;text-decoration:underline;color:inherit}.preview.playing{position:fixed;inset:0;z-index:50}.preview.playing>.preview-toolbar,.preview.playing>.preview-caption,.preview.playing>.preview-bottom{display:none}.preview:not(.playing)>.game-ui{display:none}#exitPlay{position:absolute;bottom:98px;inset-inline-end:24px;z-index:8;border:1px solid #c7e7a366;background:#182d40d9;backdrop-filter:blur(10px);color:#d9eacb;border-radius:7px;font-size:12px;padding:12px 16px}.resume-dialog{z-index:80}@media(min-width:1550px){.studio-workspace{grid-template-columns:470px minmax(0,1fr)}.editor{padding:34px}.editor h1{font-size:29px}.preset-image{height:110px}.world-image{height:162px}}@media(max-width:1100px){.studio-workspace{grid-template-columns:350px minmax(0,1fr)}.editor{padding:24px 20px}.studio-header{padding:0 20px}.studio-brand>div{font-size:11px}.studio-brand small{font-size:9px}#draftStatus{display:none}.step-button{min-width:140px;padding:0 18px;font-size:13px}.preview-caption{inset-inline:20px;align-items:flex-start;flex-direction:column;gap:15px}.preview-caption h2{font-size:26px}.preview-toolbar{inset-inline:18px}.live-label{font-size:9px}.view-switch button{padding:7px 10px}.preset-grid{gap:6px}.preset-image{height:76px}.preset-card strong{font-size:9px}}@media(max-width:760px){body{overflow:auto}#studio{height:auto;min-height:100dvh}.studio-header{height:74px;min-height:74px;padding:0 14px;gap:12px}.studio-brand{gap:8px}.studio-logo{width:31px;height:34px;font-size:24px;border-radius:8px}.studio-brand>div{font-size:10px;letter-spacing:.8px}.studio-brand small{display:none}.header-actions{gap:5px}.header-actions .quiet-button{padding:8px;font-size:10px}#language{min-width:65px;font-size:11px;padding:8px 5px}.steps{height:65px;min-height:65px;justify-content:space-around}.step-button{min-width:0;padding:0 7px;gap:6px;font-size:12px;flex:1}.step-number{width:22px;height:22px;font-size:9px}.step-button::after{left:10px;right:10px}.studio-workspace{display:flex;flex-direction:column-reverse}.preview{height:420px;flex-shrink:0}.preview-toolbar{top:15px}.preview-caption{bottom:48px;flex-direction:row;align-items:flex-end;inset-inline:17px;gap:10px}.preview-caption h2{font-size:22px;margin:7px 0}.preview-caption p{font-size:11px;max-width:210px}.preview-kicker{font-size:8px}.play-button{font-size:11px;padding:11px}.preview-bottom{bottom:14px;inset-inline:17px;font-size:10px}.editor-shell{border-inline-end:0;border-top:1px solid var(--line)}.editor{padding:26px 22px;overflow:visible}.editor-footer{position:sticky;bottom:0;z-index:9;padding:14px 22px;min-height:65px}.editor h1{font-size:25px}.preset-image{height:120px}.preset-card strong{font-size:12px}.world-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.world-image{height:125px}.world-description{padding:12px}.world-description h3{font-size:15px}.world-description p{font-size:11px}.preview.playing{height:100dvh}#exitPlay{bottom:auto;top:75px;inset-inline-end:16px;font-size:10px;padding:9px 12px}.preview.playing .game-sections{top:135px}.studio-toast{bottom:85px;font-size:12px}}@media(max-width:400px){.studio-brand>div{font-size:9px}.header-actions .quiet-button{font-size:9px;padding:7px}.preview{height:375px}.world-list{grid-template-columns:1fr}.preset-image{height:100px}.choice-pills button{font-size:11px;padding:8px}.step-button{font-size:11px}.step-number{width:20px;height:20px}.preview-caption p{max-width:180px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:600px){.studio-brand>div{display:none}.header-actions #loadProject{display:block}}

.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.extra-choice{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #354151;border-radius:10px;cursor:pointer;font-size:13px;background:#1c2734}.extra-choice:has(input:checked){border-color:#c9e982;background:#29352f}.extra-choice input{accent-color:#c9e982;width:16px;height:16px}.extra-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#2b394a;color:#d9f59c;flex:0 0 auto}.extra-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Character creator HUD: dark glass panels, neon controls and a focused showroom. */
:root{--hud-cyan:#52e9f5;--hud-violet:#9f7bff;--hud-line:#52e9f54d}
.studio-workspace{grid-template-columns:minmax(0,1fr) 430px;background:#070b16;position:relative}
.editor-shell{order:2;background:linear-gradient(180deg,#0e1728f5,#080e1cf5);border-inline-start:1px solid var(--hud-line);border-inline-end:0;box-shadow:-20px 0 70px #05091480;position:relative;z-index:3}
.editor-shell::before{content:'AVATAR CUSTOMIZATION // MATRIX';position:absolute;top:9px;inset-inline:27px;color:#52e9f5aa;font:9px monospace;letter-spacing:1.5px;pointer-events:none}
.editor{padding-top:38px;background:linear-gradient(180deg,#0c1525cc,#0b1220cc)}
.editor-heading{padding:16px 15px;border:1px solid var(--hud-line);border-radius:4px;background:linear-gradient(135deg,#102638b5,#15152f66);box-shadow:inset 0 0 24px #31d9ed0c,0 0 24px #16dbe00b;position:relative}
.editor-heading::after{content:'';position:absolute;top:-1px;inset-inline-end:18px;width:45px;height:2px;background:var(--hud-cyan);box-shadow:0 0 12px var(--hud-cyan)}
.editor-kicker{color:var(--hud-cyan);font-family:monospace;letter-spacing:2px}
.editor h1{font-size:23px;text-shadow:0 0 18px #63e7ef33}
.form-section-title{color:#dffcff;font-family:monospace;text-transform:uppercase;letter-spacing:1.1px;font-size:11px;margin-top:28px}
.form-section-title::before{content:'◈';color:var(--hud-cyan);font-size:10px}.form-section-title::after{background:linear-gradient(90deg,var(--hud-line),transparent)}
.preset-card,.choice-pills button,.color-control,.field input:not([type=color]):not([type=checkbox]),.field textarea,.field select,.extra-choice{background:#0d1b2b;border-color:#2b5262;border-radius:4px;box-shadow:inset 0 0 15px #35d9e008}
.preset-card.active,.choice-pills button.active,.extra-choice:has(input:checked){border-color:var(--hud-cyan);box-shadow:0 0 15px #52e9f533,inset 0 0 18px #52e9f510}
.preview{order:1;background:#070b16;isolation:isolate}
.preview::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 48%,#183c55 0,#0d1a2d 34%,#060914 78%),linear-gradient(110deg,#0de3e711 1px,transparent 1px),linear-gradient(#9f7bff0b 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;mask-image:linear-gradient(180deg,#000,transparent 90%)}
.preview::after{content:'// SHOWROOM 01  •  LIVE RENDER';position:absolute;top:25px;inset-inline-start:30px;color:#52e9f599;font:10px monospace;letter-spacing:2px;pointer-events:none}
.preview-shade{background:linear-gradient(90deg,#070b1600 55%,#070b164d),linear-gradient(180deg,#070b1644,transparent 25%,transparent 72%,#070b16c9)}
.preview-toolbar{top:55px}.view-switch{border-color:var(--hud-line);background:#071625bb;box-shadow:0 0 18px #0be1f21a}.view-switch button.active{color:var(--hud-cyan);background:#52e9f51a}
.preview-caption{bottom:66px}.preview-kicker{color:var(--hud-cyan);font-family:monospace}.preview-caption h2{text-shadow:0 0 22px #52e9f533}
.live-label{font-family:monospace;color:#8df5e8}.live-label::before{background:var(--hud-cyan);box-shadow:0 0 14px var(--hud-cyan)}
.editor-footer{background:#080f1ceF;border-top-color:var(--hud-line)}
.primary-button{background:linear-gradient(135deg,#c8ff8c,#75f3d0);box-shadow:0 0 18px #77f1c433;color:#07181c;border-radius:4px}
@media(max-width:1100px){.studio-workspace{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:760px){.studio-workspace{display:flex;flex-direction:column}.editor-shell{order:2;border-inline-start:0;border-top:1px solid var(--hud-line)}.preview{order:1}.preview::after{top:16px;inset-inline-start:17px;font-size:8px}.preview-toolbar{top:38px}}
.character-layout{direction:ltr;grid-template-columns:300px minmax(0,1fr) 210px;gap:14px;padding:18px;background:radial-gradient(ellipse at 55% 65%,#12314a,#050913 75%)}
.character-layout .editor-shell{order:0;border:1px solid #45eaff55;border-radius:12px;background:#0b1423d9;box-shadow:0 0 28px #20e6ec0c;overflow:hidden}
.character-layout .editor{padding:32px 16px 16px}.character-layout .editor-heading{padding:10px}.character-layout .editor h1{font-size:19px}.character-layout .editor-heading p{font-size:12px}.character-layout .preset-grid{grid-template-columns:repeat(2,1fr)}
.character-layout .preview{order:1;border-radius:16px;border:1px solid #3ccdde33}.character-layout .preview-caption{flex-direction:column;align-items:center;inset-inline:16px;text-align:center;gap:12px;bottom:42px}.character-layout .preview-caption h2{font-size:23px}.character-layout .preview-toolbar{top:18px}.character-layout .preview::after{display:none}.character-layout .live-label{display:none}
.showroom-tools{order:2;border:1px solid #45eaff55;border-radius:12px;background:linear-gradient(160deg,#102538db,#0b1220ef);padding:22px 16px;overflow:auto;box-shadow:0 0 25px #34f1ed09}.showroom-tools h2{font-size:16px;margin-top:24px}.showroom-tools p{font-size:12px;color:#9cafc4;line-height:1.7}.showroom-tools .editor-kicker{font-size:9px}.showroom-angles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.showroom-tools button{color:#dffcff;background:#102638;border:1px solid #3bb6c666;border-radius:6px;padding:13px 8px;font-size:12px}.showroom-tools button:hover,.showroom-tools button[aria-pressed=true]{border-color:#5cf7ec;background:#174757}.showroom-angles b{display:block;color:#6af7eb;font-size:32px;font-weight:400;margin-bottom:8px}.showroom-divider{height:1px;background:#3cbed433;margin:28px 0}.showroom-motion{display:grid;gap:9px}.showroom-hint{margin-top:32px}
html[dir=rtl] .character-layout .editor-shell,html[dir=rtl] .showroom-tools{direction:rtl}
@media(max-width:1000px){.character-layout{grid-template-columns:270px minmax(0,1fr) 155px;gap:8px;padding:10px}.showroom-tools{padding:16px 10px}}
@media(max-width:760px){.character-layout{display:flex;direction:inherit}.character-layout .preview{order:0;height:520px}.character-layout .showroom-tools{order:1}.character-layout .editor-shell{order:2}.showroom-angles{grid-template-columns:repeat(4,1fr)}.showroom-motion{grid-template-columns:repeat(3,1fr)}}