html{background:#b9bdc2}body{background:#b9bdc2;color:#292b31;padding:28px 24px 36px;min-width:320px}.studio-workspace{display:grid;grid-template-columns:minmax(0,400px) minmax(240px,280px) minmax(0,400px);grid-template-areas:"dark controls light";gap:24px;max-width:1128px;margin:0 auto;align-items:start}.preview-column{min-width:0}.preview-dark{grid-area:dark}.preview-light{grid-area:light}.preview-heading{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:bold;color:#41454d;min-height:24px;letter-spacing:.1px}.preview-heading span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#a7abb2;color:#363943;font-size:14px}.profile{color:#efedf0;width:400px;max-width:100%;margin:0;border-radius:18px;box-shadow:0 8px 26px #20232b17;min-height:860px;container-type:inline-size}.controls-column{grid-area:controls;padding-top:36px;position:sticky;top:20px;min-width:0}.generator-bar{width:100%;margin:0;padding:20px 16px;border:1px solid #ffffff60;border-radius:14px;background:#e7e8eb;box-shadow:0 6px 20px #20232b0d;color:#292b31;display:flex;gap:10px;flex-wrap:wrap}.controls-title{font-size:17px;line-height:23px;margin:0;font-weight:bold;flex-basis:100%;color:#34313b}.controls-caption{font-size:12px;line-height:18px;margin:0 0 4px!important;color:#6a6870!important;flex-basis:100%}.generator-bar #generate-profile{flex:1 0 100%;background:#6543a5;border:1px solid #6543a5;color:white;font-size:13px;min-height:44px}.generator-bar #undo-profile{flex:1 0 100%;background:#dedee4;color:#514a5b;border-color:#cbc8d1}.mood-controls{display:flex;flex-direction:column;gap:12px;padding:5px 0}.mood-controls label{font-size:12px;font-weight:bold;color:#615c6b;gap:6px}.mood-controls select{width:100%;font-size:12px;background:#f6f6f8;color:#35313d;border-color:#ccc8d3;min-height:37px}.generator-bar p{color:#68616f;font-size:12px;line-height:18px}.controls-divider{flex-basis:100%;height:1px;background:#d1ced8;margin:3px 0}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.generator-bar .edit-grid button{padding:9px 5px;background:#f4f3f7;border:1px solid #d1cbdc;color:#51445e;font-size:12px;line-height:18px;border-radius:7px}.generator-bar .edit-grid button:hover{background:#eeebf3}.generator-bar .edit-theme{margin:0;flex:1 0 100%;text-align:center;background:#e0dae9;border-color:#c8bed6;color:#51405e}.sync-caption{display:flex;gap:7px;align-items:flex-start;margin:12px 3px;color:#555a63;font-size:11px;line-height:17px}.media-credits{width:100%;margin:12px 2px;color:#555a63;font-size:11px;line-height:17px}.media-credits a{color:#615075}.profile .edit-bio{display:none}.profile-light{--profile-primary:var(--light-profile-primary,#eef0f6);--profile-secondary:var(--light-profile-secondary,#fff);color:#32343a}.profile-light .activity{background:#ffffffd9;color:#3a3d46;border-color:#d4d5dd}.profile-light .activity:before{background:#f8f8fc}.profile-light .section-title{color:#555963}.profile-light .handle button{color:#454952}.profile-light .name button{filter:brightness(.5) saturate(1.15)}.profile-light .name button:hover{filter:brightness(.6) saturate(1.15)}.profile-light .actions button{background:#e3e2eb;border-color:#d8d5e2;color:#62606b}.profile-light .actions .message{background:#dcd2ea;color:#9382a8}.profile-light .note textarea{color:#626771}.profile-light .note textarea::placeholder{color:#7c818b}.profile-light a{color:#3659b5}.profile-light .bio:hover{background:#00000004}.profile-light .avatar-hint{color:white}.profile-light .edit-hint{color:white}.profile-light .status.invisible{background:#747983}.preview-column .profile .edit-theme{display:none}dialog{color:#eee}.toast{color:#eee}
@container(max-width:370px){.content{padding-left:22px;padding-right:22px}.avatar{left:17px}.activity{left:159px;width:calc(100% - 174px);font-size:12px;padding:8px 9px}}
@media(min-width:981px) and (max-width:1160px){.studio-workspace{gap:16px;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr)}body{padding-left:16px;padding-right:16px}}
@media(max-width:980px){.studio-workspace{max-width:824px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"controls controls" "dark light";gap:22px}.controls-column{position:static;padding-top:0}.generator-bar{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10px 14px;padding:18px}.controls-title,.controls-caption,.mood-controls,#generation-message,.controls-divider,.edit-theme{grid-column:1/-1}.mood-controls{flex-direction:row}.mood-controls label{flex:1}.edit-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.sync-caption{margin-bottom:0}.media-credits{margin-top:8px}.profile{min-height:840px}.preview-heading{margin-bottom:10px}}
@media(max-width:650px){body{padding:18px 12px 28px}.studio-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls" "dark" "light";max-width:400px;gap:24px}.profile{width:100%;min-height:800px}.generator-bar{padding:16px 14px}.mood-controls{flex-direction:column}.preview-heading{font-size:13px}.edit-grid{grid-template-columns:1fr 1fr}}

.single-generators,.manual-controls{width:100%;grid-column:1/-1}.single-generators h2{font-size:12px;margin:0 0 10px;color:#615c6b}.single-generators button:disabled{opacity:.5;cursor:wait}.manual-controls{border-top:1px solid #d1ced8;padding-top:12px}.manual-controls summary{cursor:pointer;font-size:12px;color:#615c6b;font-weight:bold;padding:2px 0}.manual-controls[open] summary{margin-bottom:12px}.manual-controls .edit-theme{width:100%;margin-top:8px}.controls-column{position:static}

.profile{display:flex;flex-direction:column}.profile>.banner,.profile>.identity{flex-shrink:0}.profile>.content{flex:1;display:flex;flex-direction:column}.profile .name,.profile .handle,.profile .actions,.profile .bio-heading,.profile .bio,.profile .note{flex-shrink:0}.dm-slot{flex:1;min-height:180px;display:flex;align-items:center;justify-content:center;padding:32px 0}.dm-preview{--dm-a:var(--dm-primary,var(--profile-primary,#353444));--dm-b:var(--dm-secondary,var(--profile-secondary,#293662));position:relative;isolation:isolate;overflow:hidden;width:100%;height:44px;border:0;border-radius:9px;background:linear-gradient(105deg,var(--dm-a),var(--dm-b));display:flex;align-items:center;gap:10px;padding:5px 10px;text-align:left;box-shadow:0 1px 4px #0002}.dm-preview:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 88% 25%,#607fff66,transparent 45%);opacity:.7}.dm-preview[data-effect="stars"]:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 88% 48%,#fff 0px,#a5c7ff90 1px,transparent 4px),radial-gradient(circle at 81% 76%,#d9edff 0px,transparent 2px),radial-gradient(circle at 75% 25%,#a9b8ffb0 0px,transparent 2px),radial-gradient(circle at 94% 15%,#d9edff90 0px,transparent 2px),radial-gradient(circle at 84% 35%,#a9b8ff80 0px,transparent 1px)}.dm-preview[data-effect="gradient"]:before{display:none}.dm-preview:hover{box-shadow:0 0 0 1px #bcb4d26b,0 2px 9px #0002}.dm-avatar-wrap{position:relative;flex:0 0 30px;height:30px}.dm-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}.dm-status{position:absolute;right:-2px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#ec424c;border:2px solid var(--dm-a)}.dm-status.dnd:after{content:"";position:absolute;left:1px;right:1px;top:3px;height:1px;background:var(--dm-a)}.dm-status.online{background:#23a55a}.dm-status.idle{background:#f0b232}.dm-status.invisible{background:#80848e}.dm-name{font-size:14px;font-weight:bold;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:linear-gradient(90deg,var(--name-start,#63e8dc),#be64ff,var(--name-end,#7eeec6));background-clip:text;color:transparent;max-width:calc(100% - 65px)}.dm-close{margin-left:auto;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#0003;color:#d8d9e6;font:20px Arial}.profile-light .dm-preview{--dm-a:var(--dm-light-primary,var(--light-profile-primary));--dm-b:var(--dm-light-secondary,var(--light-profile-secondary))}.profile-light .dm-name{filter:brightness(.55) saturate(1.1)}.profile-light .dm-close{background:#00000012;color:#555b70}.profile-light .dm-preview:before,.profile-light .dm-preview:after{opacity:.4}.dm-effect-label{display:flex;flex-direction:column;gap:8px;margin-top:18px;font-size:13px}.dm-effect-label select{font:inherit;color:#eee;background:#382c44;border:1px solid #675177;border-radius:6px;padding:9px}.generator-bar .dm-feature-control{width:100%;grid-column:1/-1;font-size:12px}

.dm-preview[data-effect="gif"]:before,.dm-preview[data-effect="gif"]:after{display:none}.dm-effect-gif{position:absolute;z-index:-1;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:right center;mask-image:linear-gradient(to right,transparent 0%,#0006 25%,#000 50%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#0006 25%,#000 50%,#000 100%);pointer-events:none}.profile-light .dm-effect-gif{opacity:.8}.single-generators [data-generate-part="dm"]{grid-column:1/-1}

/* Studio controls: clear action hierarchy and current animation summary. */
.controls-column .generator-bar{background:#f1f1f4;border:1px solid #ffffffb3;border-radius:20px;padding:20px 16px;gap:12px;box-shadow:0 8px 32px #23203512}
.controls-title{font-size:20px;line-height:25px;letter-spacing:-.5px}.generator-bar .controls-caption{margin-bottom:2px!important}
.generator-bar button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;cursor:pointer}
.generator-bar button:focus-visible,.manual-controls summary:focus-visible,.mood-controls select:focus-visible{outline:3px solid #8864d5;outline-offset:3px}
.generator-bar button:not(:disabled):active{transform:translateY(1px)}
.generator-bar button svg,.applied-thumb svg{width:19px;height:19px;flex:0 0 19px}
.generator-bar #generate-profile{min-height:54px;border-radius:12px;background:linear-gradient(115deg,#7950c8,#5c36a0);box-shadow:0 4px 12px #6640a52b;font-size:14px;letter-spacing:.1px;display:flex;align-items:center;justify-content:center;gap:8px}
.generator-bar #generate-profile:before{content:'✦';font-size:21px}.generator-bar #generate-profile:not(:disabled):hover{filter:none;background:linear-gradient(115deg,#865ed3,#6841ae);box-shadow:0 5px 16px #6640a544}
.generator-bar #undo-profile{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border-color:#d7d3df;border-radius:10px;color:#5d536c;padding:8px;min-height:38px;font-size:12px}
.generator-bar #undo-profile:disabled{opacity:.42;cursor:not-allowed}.generator-bar #undo-profile:not(:disabled):hover{background:#e6e0ef}
.mood-controls{width:100%;padding:6px 0 0;gap:13px}.mood-controls label{font-size:11px;letter-spacing:.2px;color:#676172}.mood-controls select{border-radius:9px;background:#fff;min-height:41px;font-size:12px;border-color:#d6d2df;box-shadow:0 2px 3px #24203703;padding:9px}
.generator-bar #generation-message{background:#e8e5ee;border-radius:9px;padding:9px 10px;font-size:11px;line-height:16px;color:#645975}
.generator-bar .cosmetic-control{display:flex;align-items:center;text-align:left;gap:10px;background:#e8e1f2;border:1px solid #cfc0e5;border-radius:11px;color:#553582;padding:12px}
.control-label{min-width:0}.control-label small{display:block;font-weight:400;font-size:10px;line-height:15px;color:#7a688f;margin-top:2px}.generator-bar .cosmetic-control:hover{background:#e0d5ef}
.single-generators h2,.applied-animations h2{font-size:13px;line-height:18px;margin:0;color:#3d3549;font-weight:700}.generator-bar .section-hint,.section-hint{font-size:11px;line-height:16px;color:#80768d;margin:3px 0 12px}
.generator-bar .single-generators .edit-grid{gap:7px}.generator-bar .single-generators button{display:flex;align-items:center;gap:6px;min-height:46px;padding:9px 8px;background:#fff;border:1px solid #ddd7e6;border-radius:10px;font-size:11px;line-height:14px;text-align:left;color:#50445e;position:relative}
.generator-bar .single-generators button svg{width:16px;height:16px;flex-basis:16px;color:#8669ad}.regenerate-mark{margin-left:auto;color:#9888ad;font-size:15px}.generator-bar .single-generators button:hover:not(:disabled){background:#eee8f7;border-color:#b89ed7;box-shadow:0 2px 6px #6640a511}.single-generators [data-generate-part="dm"]{grid-column:auto}.generator-bar .single-generators button:last-child{grid-column:1/-1}
.manual-controls{padding-top:14px}.manual-controls summary{font-size:12px;line-height:20px;color:#635472}.generator-bar .manual-controls button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:9px;font-size:11px;background:#eae7ef;color:#645572;border-color:#d9d1e2}.manual-controls button svg{width:15px;height:15px;flex-basis:15px}
.applied-animations{margin-top:14px;padding:16px;background:#eaeaf0;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 4px 18px #23203508}.applied-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.applied-count{display:grid;place-items:center;min-width:23px;height:23px;border-radius:7px;background:#dcd2ec;color:#694590;font-size:11px;font-weight:700}.applied-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.applied-list li{display:flex;align-items:center;gap:10px;padding:8px;background:#f8f7fb;border:1px solid #ded9e7;border-radius:10px;min-width:0}.applied-thumb{width:44px;height:44px;flex:0 0 44px;border-radius:8px;background:#34303f;overflow:hidden;display:grid;place-items:center;color:#c4afe3}.applied-thumb img{width:100%;height:100%;object-fit:contain}.applied-text{min-width:0;display:block}.applied-text small{display:block;color:#8b7c9b;font-size:10px;line-height:15px}.applied-text strong{display:block;color:#51435e;font-size:12px;line-height:17px;font-weight:600;overflow-wrap:anywhere}.applied-list .applied-empty{background:transparent;border:1px dashed #ccc2d8;color:#7e718c;font-size:12px;line-height:18px;padding:12px}
@media(max-width:980px){.applied-list{grid-template-columns:repeat(3,minmax(0,1fr))}.applied-list .applied-empty{grid-column:1/-1}.generator-bar #generate-profile,.generator-bar #undo-profile{width:100%}.single-generators .edit-grid button:last-child{grid-column:auto}}
@media(max-width:650px){.applied-list{grid-template-columns:1fr}.generator-bar #generate-profile,.generator-bar #undo-profile{grid-column:1/-1}.controls-title{font-size:19px}}
.media-locks{width:100%;grid-column:1/-1;padding-bottom:13px;border-bottom:1px solid #d8d1e1}.media-locks h2{font-size:13px;line-height:18px;color:#3d3549;margin:0}.media-lock-option{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #ddd7e6;border-radius:10px;padding:10px;cursor:pointer;margin-top:7px;transition:background .15s,border-color .15s}.media-lock-option input{accent-color:#7950c8;width:17px;height:17px;margin:0;flex:0 0 17px;cursor:pointer}.media-lock-option span{min-width:0}.media-lock-option strong{display:block;font-size:12px;line-height:17px;color:#51435e}.media-lock-option small{display:block;font-size:10px;line-height:15px;color:#8b7c9b}.media-lock-option.is-locked{background:#e9e0f6;border-color:#b99cd9}.media-lock-option.is-locked small{color:#755096}.image-editor-lock{margin-bottom:15px;background:#302639;border-color:#675177}.image-editor-lock strong{color:#eee}.image-editor-lock small{color:#c3b3d1}.image-editor-lock.is-locked{background:#443054}.image-editor-lock.is-locked small{color:#d9b9f5}
.generator-bar .color-mood-hint{font-size:10px;line-height:15px;color:#8b7c9b;margin:0}.color-atmosphere .profile{background:linear-gradient(to bottom,var(--profile-primary) 0%,var(--profile-primary) 90%,var(--profile-secondary) 100%)}.color-atmosphere .profile-light{background:linear-gradient(to bottom,var(--light-profile-primary) 0%,var(--light-profile-primary) 90%,var(--light-profile-secondary) 100%)}.color-surface-light #profile-dark{color:#30333b}.color-surface-light #profile-dark .section-title,.color-surface-light #profile-dark .handle button{color:#424650}.color-surface-light #profile-dark .note textarea{color:#4a4e58}.color-surface-light #profile-dark .note textarea::placeholder{color:#646873}.color-surface-light #profile-dark .name button{filter:brightness(.42) saturate(1.15)}.color-surface-light #profile-dark a{color:#304f9a}.color-surface-light #profile-dark .dm-name{filter:brightness(.45)}
@media(max-width:980px){.mood-controls .color-mood-hint{flex-basis:100%}.mood-controls{flex-wrap:wrap}}
.color-surface-light #profile-dark .activity{background:#ffffffed;color:#3a3d46;border-color:#d4d5dd}.color-surface-light #profile-dark .activity:before{background:#f8f8fc}.color-surface-light #profile-dark .actions button{color:#e7dfed}.color-surface-light #profile-dark .dm-name{filter:none}

/* Four-column studio: controls | dark preview | light preview | active items. */
body{padding:24px 20px 32px}.studio-workspace{max-width:1480px;grid-template-columns:minmax(220px,260px) minmax(0,400px) minmax(0,400px) minmax(200px,240px);grid-template-areas:"controls dark light animations";gap:16px;align-items:start}.controls-column{padding-top:36px;position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a699b8 transparent;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px}.animations-column{grid-area:animations;min-width:0;position:sticky;top:48px;margin-top:36px;max-height:calc(100dvh - 64px);overflow:auto;scrollbar-width:thin}.animations-column .applied-animations{margin-top:0;padding:16px 12px;background:#f1f1f4;border-radius:16px}.animations-column .applied-list{grid-template-columns:1fr}.animations-column .applied-text strong{font-size:12px}.preview-column .profile{width:100%}.controls-column .generator-bar{padding:16px 12px;gap:9px}.controls-column .controls-title{font-size:18px;line-height:23px}.controls-column .mood-controls{gap:8px;padding-top:2px}.controls-column .mood-controls label{gap:4px}.controls-column .mood-controls select{min-height:37px;padding:7px}.controls-column #generate-profile{min-height:46px;font-size:12px}.controls-column #undo-profile{min-height:32px;padding:5px}.controls-column .cosmetic-control{padding:9px}.controls-column .single-generators button{min-height:40px;padding:7px 6px}.controls-column .media-lock-option{padding:8px}.controls-column .media-locks{padding-bottom:10px}.controls-column .section-hint{margin-bottom:8px}.controls-column .sync-caption,.controls-column .media-credits{font-size:10px;line-height:15px}
@media(min-width:1181px) and (max-width:1360px){body{padding-left:14px;padding-right:14px}.studio-workspace{grid-template-columns:230px minmax(0,1fr) minmax(0,1fr) 205px;gap:12px}.animations-column .applied-thumb{width:36px;height:36px;flex-basis:36px}.animations-column .applied-list li{padding:7px;gap:8px}.animations-column .applied-animations h2{font-size:12px}}
@media(min-width:761px) and (max-width:1180px){.studio-workspace{max-width:1080px;grid-template-columns:230px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"controls animations animations" "controls dark light";column-gap:14px;row-gap:18px}.animations-column{position:static;margin-top:0;max-height:none;overflow:visible}.animations-column .applied-list{grid-template-columns:repeat(3,minmax(0,1fr))}.animations-column .applied-list li{padding:7px;gap:7px}.animations-column .applied-thumb{width:34px;height:34px;flex-basis:34px}.controls-column{padding-top:0}.controls-column .generator-bar{display:flex}.controls-column .mood-controls{flex-direction:column}.controls-column .mood-controls label{flex:auto}.controls-column .edit-grid{grid-template-columns:1fr 1fr}.controls-column .single-generators button:last-child{grid-column:1/-1}.preview-heading{margin-bottom:10px}}
@media(max-width:760px){body{padding:16px 12px 28px}.studio-workspace{max-width:824px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"animations animations" "controls controls" "dark light";gap:18px}.controls-column{position:static;max-height:none;overflow:visible;padding:0}.animations-column{position:static;max-height:none;overflow:visible;margin-top:0}.animations-column .applied-list{grid-template-columns:repeat(3,minmax(0,1fr))}.animations-column .applied-thumb{width:32px;height:32px;flex-basis:32px}.animations-column .applied-list li{padding:7px;gap:7px}.controls-column .generator-bar{display:grid;grid-template-columns:1fr 1fr}.controls-column .mood-controls{flex-direction:row}.controls-column .edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.studio-workspace{max-width:400px;grid-template-columns:minmax(0,1fr);grid-template-areas:"animations" "controls" "dark" "light"}.animations-column .applied-list{grid-template-columns:1fr}.controls-column .mood-controls{flex-direction:column}.controls-column .edit-grid{grid-template-columns:1fr 1fr}.controls-column .single-generators button:last-child{grid-column:1/-1}}
@media(min-width:1181px){.controls-column .mood-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px}.controls-column .mood-controls select{font-size:11px;width:100%;min-width:0}.controls-column .color-mood-hint{grid-column:1/-1;font-size:9px;line-height:13px}.controls-column .media-locks>.section-hint{display:none}.controls-column .media-lock-option{padding:7px;margin-top:6px}.controls-column .media-lock-option small{font-size:9px;line-height:12px}.controls-column .generator-bar{gap:8px}.controls-column .single-generators button{min-height:36px;padding:6px}.controls-column #generation-message{font-size:10px;line-height:14px;padding:7px 8px}.controls-column .controls-caption{font-size:11px;line-height:16px}.controls-column .manual-controls{padding-top:9px}}
/* Wider controls, with the manual-edit section removed. */
@media(min-width:1181px){.studio-workspace{max-width:1540px;grid-template-columns:320px minmax(0,400px) minmax(0,400px) minmax(200px,240px)}.controls-column .generator-bar{padding:18px 16px}.controls-column .controls-title{font-size:20px}.controls-column #generate-profile{font-size:14px}.controls-column .single-generators button{font-size:12px;padding:8px;min-height:39px}.controls-column .mood-controls select{font-size:12px}.controls-column .control-label small{font-size:11px}}
@media(min-width:1181px) and (max-width:1360px){.studio-workspace{grid-template-columns:300px minmax(0,1fr) minmax(0,1fr) 205px}}
@media(min-width:761px) and (max-width:1180px){.studio-workspace{grid-template-columns:270px minmax(0,1fr) minmax(0,1fr)}}
/* One centered workspace; no independently scrolling side panels. */
body{display:flex;justify-content:center;align-items:center;min-height:100dvh}.studio-workspace{width:100%;flex-shrink:0}.controls-column,.animations-column{position:static;max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0}
@media(min-width:1181px){.preview-column .profile{min-height:min(860px,calc(100dvh - 100px))}.controls-column .generator-bar{gap:7px;padding-top:14px;padding-bottom:14px}.controls-column .single-generators button{min-height:35px;padding:6px 8px}.controls-column .single-generators .edit-grid{gap:6px}.controls-column .controls-caption{margin-bottom:0!important}.controls-column .controls-divider{margin:0}.controls-column{padding-bottom:0}}
@media(max-width:760px){body{display:block}.studio-workspace{margin-left:auto;margin-right:auto}}
/* Wider profile cards and room between the outer frame artwork. */
@media(min-width:1181px){body{padding-left:20px;padding-right:20px}.studio-workspace{max-width:1680px;grid-template-columns:300px minmax(0,440px) minmax(0,440px) minmax(200px,220px);column-gap:32px}.preview-column>.profile{width:100%;max-width:440px}.preview-dark{justify-self:stretch}.preview-light{justify-self:stretch}}
@media(min-width:1181px) and (max-width:1360px){.studio-workspace{grid-template-columns:280px minmax(0,1fr) minmax(0,1fr) 195px;column-gap:28px}}
@media(min-width:761px) and (max-width:1180px){.studio-workspace{column-gap:28px}.preview-column>.profile{width:100%;max-width:none}}
/* An explicit center spacer separates the two framed profiles. */
@media(min-width:1181px){.studio-workspace{max-width:1780px;grid-template-columns:300px minmax(0,440px) 48px minmax(0,440px) minmax(200px,220px);grid-template-areas:"controls dark . light animations";column-gap:24px}}
@media(min-width:1181px) and (max-width:1360px){.studio-workspace{grid-template-columns:280px minmax(0,1fr) 40px minmax(0,1fr) 195px;column-gap:20px}}
.applied-list li{align-items:center}.applied-list .applied-text{flex:1;min-width:0}.applied-regenerate{flex:0 0 30px;width:30px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #d7cde6;border-radius:9px;background:#ebe5f5;color:#6543a5;font-size:21px;line-height:1;transition:background .15s,transform .15s}.applied-regenerate:hover{background:#ded3ee;transform:rotate(-15deg)}.applied-regenerate:focus-visible{outline:2px solid #7951be;outline-offset:2px}.applied-regenerate:disabled{opacity:.45;cursor:wait;transform:none}.applied-regenerate:hover:disabled{background:#ebe5f5}
/* The applied panel is centered beside the profile cards on desktop. */
@media(min-width:1181px){.animations-column{align-self:center;margin-top:0}}
.identity-tools:has(>.badge-control:only-child){grid-template-columns:1fr}.applied-style-edit{display:block;max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer}.applied-style-edit:hover{text-decoration:underline}.applied-style-edit:focus-visible{outline:2px solid #7951be;outline-offset:3px;border-radius:3px}
@media(min-width:761px){.controls-column .single-generators button:last-child{grid-column:auto}}
@media(min-width:1181px){.controls-column{align-self:center;padding-top:0;margin-top:0}}
.applied-theme-swatch{padding:0;border:1px solid #ffffff55;cursor:pointer}.applied-theme-swatch:focus-visible{outline:2px solid #7951be;outline-offset:3px}.applied-theme-colors{font-size:11px;line-height:18px;font-variant-numeric:tabular-nums}.applied-theme-colors>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.applied-theme-colors i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;border:1px solid #0002}