.studio-workspace {--studio-paper:#e9f0f4;--studio-line:#33424e;--studio-panel:#15212a;--studio-lime:#bce7ec}
.studio-workspace .masthead {min-height:82px;padding-top:14px;padding-bottom:14px}
.studio-workspace .identity-studio {--editor-width:400px;height:calc(100dvh - 132px);min-height:670px;max-height:1100px;background:#111d26;background-image:none}
.studio-workspace .identity-studio::before {display:none}
.studio-workspace .identity-studio-canvas {inset:0 auto 0 0;width:calc(100% - var(--editor-width));height:100%;background:radial-gradient(ellipse at 50% 30%,#334958 0%,#192a35 46%,#101b24 85%)}
.studio-workspace .studio-editor {top:0;bottom:0;left:auto;right:0;width:var(--editor-width);min-height:0;max-height:none;margin:0;border:0;border-left:1px solid #42515c;box-shadow:none;backdrop-filter:none;background:#15212a;z-index:5;transform:none}
.studio-workspace .studio-editor-head {min-height:70px;padding:12px 20px}
.studio-workspace .studio-editor-head span,.studio-workspace .studio-editor-head strong {font-family:Inter,Arial,sans-serif;line-height:1.6;font-size:13px;letter-spacing:0}
.studio-workspace .studio-editor-head > button {display:none}
.studio-workspace .studio-tabs {gap:0;grid-template-columns:repeat(4,1fr);padding:0;background:#101b24}
.studio-workspace .studio-tabs button {min-height:64px;clip-path:none;padding:10px 4px;gap:7px;border-radius:0;flex-direction:column}
.studio-workspace .studio-tabs b {font:600 14px Inter,Arial,sans-serif;letter-spacing:0}
.studio-workspace .studio-panel-scroll {padding:20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#647b8b #16212a}
.studio-workspace .studio-label,.studio-workspace .studio-field > span {font:600 14px Inter,Arial,sans-serif;letter-spacing:.02em;color:#c5d4de;margin-top:12px}
.studio-workspace .studio-name-input,.studio-workspace [data-character-select] {font:500 16px Inter,Arial,sans-serif;min-height:46px;background:#0e1820;color:#eff8ff;padding:10px;border:1px solid #5a6c7c;width:100%;max-width:100%}
.studio-workspace .studio-character-library {margin-bottom:18px}
.studio-workspace .studio-character-library-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.studio-workspace [data-character-count] {font:500 12px Inter,Arial,sans-serif;color:#adbfca}
.studio-workspace .studio-character-library-row {display:flex;gap:8px}
.studio-workspace [data-character-new] {background:#283e4d;color:#eef8ff;border:1px solid #5a6c7c;min-width:46px;min-height:46px}
.studio-workspace .studio-species {gap:6px;flex-wrap:wrap}
.studio-workspace .studio-species button,.studio-workspace .studio-segmented button {min-height:44px;font-family:Inter,Arial,sans-serif;font-size:14px;padding:8px;white-space:normal}
.studio-workspace .studio-species button span,.studio-workspace .studio-segmented button span {font:600 14px Inter,Arial,sans-serif}
.studio-workspace .studio-option-row {height:auto;min-height:66px;padding:8px 0}
.studio-workspace .studio-option-row button {min-width:38px;min-height:44px}
.studio-workspace .studio-option-text > span {font:600 12px Inter,Arial,sans-serif;color:#aebecb}
.studio-workspace .studio-option-text strong {font:500 14px Inter,Arial,sans-serif;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.studio-workspace .studio-option-copy em {font:500 12px Inter,Arial,sans-serif;min-width:40px;color:#bcc9d5}
.studio-workspace .studio-catalog-loading {font:500 14px Inter,Arial,sans-serif;color:#bacbd6}
.studio-workspace .studio-swatches {gap:12px}
.studio-workspace .studio-swatches button {width:38px;height:38px;flex-basis:38px}
.studio-workspace .studio-section-head {gap:8px;flex-wrap:wrap}
.studio-workspace .studio-section-head span,.studio-workspace .studio-section-head strong,.studio-workspace .studio-section-head small {font:500 12px Inter,Arial,sans-serif;line-height:1.6;color:#c2d2df}
.studio-workspace .studio-feedback {font:400 16px Inter,Arial,sans-serif;line-height:1.7;color:#c6d6e0}
.studio-workspace .studio-summary-row {gap:12px;font:400 14px Inter,Arial,sans-serif;line-height:1.6}
.studio-workspace .studio-summary-row strong {font:600 14px Inter,Arial,sans-serif;overflow-wrap:anywhere}
.studio-workspace .studio-profile {left:28px;right:auto;bottom:26px;top:auto;width:300px;max-width:calc(100% - var(--editor-width) - 56px);padding:16px 18px;background:#101b24e8;border:1px solid #536570;box-shadow:none;clip-path:none;transform:none}
.studio-workspace .studio-profile-name {font:800 28px Barlow,Arial,sans-serif;line-height:1.15;margin:6px 0;overflow-wrap:anywhere}
.studio-workspace .studio-profile-line,.studio-workspace .studio-profile small {font:500 12px Inter,Arial,sans-serif;line-height:1.6;color:#bcced8}
.studio-workspace .studio-profile-stats {display:none}
.studio-workspace .studio-profile-actions {display:flex;gap:8px;margin-top:12px}
.studio-workspace .studio-profile-actions button {flex:1;min-height:46px;padding:8px;gap:8px;font:600 14px Inter,Arial,sans-serif;clip-path:none}
.studio-workspace .studio-view-tools {top:88px;left:28px;right:auto;bottom:auto;display:flex;gap:8px;transform:none}
.studio-workspace .studio-view-tools button {width:44px;height:44px;background:#111c24d9}
.studio-workspace .studio-view-tools button:last-child {margin:0}
.studio-workspace .studio-mode-switch {top:26px;left:28px;right:auto;bottom:auto;display:flex;gap:6px;transform:none;width:auto;max-width:calc(100% - var(--editor-width) - 48px)}
.studio-workspace .studio-mode-switch button {min-height:40px;padding:9px 12px;font:600 12px Inter,Arial,sans-serif;background:#101d26d9;color:#b9cbd7;border:1px solid #4f6473}
.studio-workspace .studio-mode-switch button.is-active {background:#c4e6ef;color:#101c22;border-color:#c4e6ef}
.studio-workspace .studio-loading {right:var(--editor-width);background:#15242e;background-image:none;font-family:Inter,Arial,sans-serif}
.studio-workspace .studio-loading::before {display:none}
.studio-workspace .studio-loading p,.studio-workspace .studio-loading strong,.studio-workspace .studio-loading small {font-family:Inter,Arial,sans-serif;max-width:85%;text-align:center;line-height:1.7;letter-spacing:0}
.studio-workspace .studio-loading small {font-size:13px;color:#b8cddd}
.studio-workspace .studio-fallback {position:absolute;left:6%;top:30%;width:calc(80% - var(--editor-width));z-index:4;color:#e6f1f7}
.studio-workspace .studio-fallback p {margin:20px 0}
.studio-workspace .studio-fallback button {padding:14px 20px;background:#c4e6ef;border:0;color:#101c22}
.studio-workspace .studio-armory-hud {top:0;right:0;bottom:0;left:auto;width:var(--editor-width);max-width:none;background:#15212a;border:0;border-left:1px solid #42515c;overflow-y:auto;padding:26px;clip-path:none}
.studio-workspace .studio-armory-hud::before,.studio-workspace .studio-armory-hud::after {display:none}
.studio-workspace .studio-armory-hud p,.studio-workspace .studio-armory-copy {font:400 16px Inter,Arial,sans-serif;line-height:1.7}
.studio-workspace .studio-armory-hud small,.studio-workspace .studio-armory-hud dt,.studio-workspace .studio-armory-hud header,.studio-workspace .studio-armory-actions button {font:500 14px Inter,Arial,sans-serif;line-height:1.6}
.studio-workspace .studio-armory-actions button {min-height:46px}
.studio-workspace .identity-studio[data-studio-mode=world] {height:100dvh;min-height:0}
.studio-workspace .identity-studio[data-studio-mode=world] .identity-studio-canvas {width:100%;height:100%;background:none}
.studio-workspace .studio-room-hud {padding:16px;inset:0 0 auto;z-index:6}
.studio-workspace .studio-room-hud span,.studio-workspace .studio-room-hud strong {font:500 14px Inter,Arial,sans-serif}
.studio-workspace .studio-world-chat {position:absolute;z-index:12;right:18px;bottom:18px;width:min(420px,calc(100% - 36px));max-height:60dvh;background:#101c26f5;border:1px solid #536b7d;padding:16px}
.studio-workspace .studio-world-chat header {display:flex;justify-content:space-between;gap:10px}
.studio-workspace .studio-world-chat small {display:block;color:#becbd4;font-size:13px;margin-top:4px}
.studio-workspace .studio-world-chat ol {max-height:35dvh;overflow:auto;padding:12px 0;list-style:none;font-size:14px;overflow-wrap:anywhere}
.studio-workspace .studio-world-chat form {display:flex;gap:8px}
.studio-workspace .studio-world-chat input {width:100%;min-width:0;background:#1c303e;color:#f1f6fa;border:1px solid #567080;padding:10px}
.studio-workspace .studio-world-chat button {background:#263f51;color:#eaf5fb;border:0;min-width:44px;min-height:44px}
.studio-workspace .studio-world-chat svg {width:20px;height:20px}
.studio-workspace .studio-save-bar {padding:16px 28px;display:flex;justify-content:space-between;gap:24px;background:#1e303c;border-block:1px solid #465c6a;font-size:14px;line-height:1.65}
.studio-workspace .studio-save-bar a {flex-shrink:0;color:#c4e6ef}
.studio-workspace .studio-save-bar[data-state=error] {color:#ffd1c8}
.studio-workspace .guide-steps {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}
.studio-workspace .guide-steps article {border-top:1px solid #526876;padding-top:20px}
.studio-workspace .guide-steps article > span {font:800 48px Barlow,sans-serif;color:#88a9bd}
.studio-workspace .guide-steps h3 {font-size:22px;margin:16px 0 12px}
.studio-workspace .guide-steps p,.studio-workspace .studio-caveat {color:#b5c7d2}
.studio-workspace .studio-caveat {max-width:950px;padding:20px 0;border-top:1px solid #3e5361;font-size:14px}
.studio-workspace .studio-guide .download-actions>button {padding:14px 20px;color:#d8edf6;border:1px solid #a9c4d3}
.studio-workspace #release-status {margin-top:20px;font-size:14px}
.studio-workspace .identity-studio:fullscreen {height:100dvh;max-height:none;min-height:0}
@media(max-width:1000px){.studio-workspace .identity-studio{--editor-width:350px}.studio-workspace .studio-mode-switch{gap:4px;left:16px}.studio-workspace .studio-mode-switch button{font-size:12px;padding:8px}.studio-workspace .studio-profile{left:16px;max-width:calc(100% - var(--editor-width) - 32px)}.studio-workspace .studio-view-tools{left:16px}}
@media(max-width:720px){.studio-workspace .identity-studio{height:auto;min-height:0;max-height:none;padding-top:max(640px,80svh);overflow:visible}.studio-workspace .identity-studio-canvas{height:max(640px,80svh);width:100%}.studio-workspace .studio-editor{position:relative;inset:auto;width:100%;height:620px;min-height:0;border:0;border-top:1px solid #536c7c;visibility:visible;opacity:1;pointer-events:auto;transform:none}.studio-workspace .studio-profile{top:calc(max(640px,80svh) - 180px);left:16px;bottom:auto;max-width:calc(100% - 32px);width:280px}.studio-workspace .studio-mode-switch{max-width:calc(100% - 32px);top:18px}.studio-workspace .studio-view-tools{top:74px}.studio-workspace .studio-loading{inset:0 0 auto;height:max(640px,80svh)}.studio-workspace .studio-fallback{width:80%;top:200px;left:10%}.studio-workspace .studio-armory-hud{position:relative;inset:auto;width:100%;min-height:450px}.studio-workspace .identity-studio[data-studio-mode=armory] .studio-editor{display:none}.studio-workspace .identity-studio[data-studio-mode=world]{height:100dvh;padding:0;overflow:hidden}.studio-workspace .identity-studio[data-studio-mode=world] .studio-editor{display:none}.studio-workspace .studio-save-bar{display:block;padding:16px}.studio-workspace .studio-save-bar a{display:block;margin-top:8px}.studio-workspace .guide-steps{grid-template-columns:1fr;gap:24px}.studio-workspace .studio-room-hud .studio-world-status{display:none}.studio-workspace .identity-studio:fullscreen{overflow-y:auto}}