dialog:has(.muse-create){max-width:640px;border-color:#e0e3e7;border-radius:20px;background:#fff}
dialog:has(.muse-create) .dialog-head{padding:28px 30px 0}
dialog:has(.muse-create) .dialog-head h2{font:600 27px/1.2 "Open Runde",system-ui,sans-serif;letter-spacing:-.055em}
dialog:has(.muse-create) .dialog-head p{font-size:13px;color:#7a8088;max-width:450px}
dialog:has(.muse-create) .dialog-body{padding:23px 30px 26px}
.muse-create{font-size:13px;color:#343940}
.create-brain{display:flex;align-items:center;gap:13px;padding:16px 17px;border:1px solid #e6e9ed;border-radius:12px;background:#f8f9fb;margin-bottom:25px}
.create-brain-icon{width:36px;height:36px;display:grid;place-items:center;background:#eaf0f6;border-radius:11px;color:#657c96;font-size:24px;flex:none}
.create-brain>div{flex:1;min-width:0}
.create-kicker{display:block;font-size:9px;letter-spacing:.09em;color:#8a929d;margin-bottom:3px}
.create-brain strong{display:block;font-size:14px;font-weight:600;line-height:1.5}
.create-brain small{display:block;font-size:11px;color:#818a96;margin-top:4px;line-height:1.6}
.create-fixed{font-size:10px;color:#89929c;border:1px solid #e0e5eb;background:#fff;border-radius:6px;padding:4px 7px;white-space:nowrap;align-self:flex-start;margin-top:3px}
.create-section{padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid #eceef1}
.create-section h3{font-size:14px;font-weight:600;color:#343941;margin:0 0 18px;letter-spacing:-.02em}
.muse-create .fields-two{gap:16px}
.muse-create .field{font-size:12px;font-weight:500;color:#59616d;line-height:1.6;margin-bottom:17px;position:relative}
.muse-create .field input,.muse-create .field textarea{font-size:13px;line-height:1.5;padding:11px 12px;border:1px solid #e0e4e9;border-radius:9px;color:#3c4551;margin-top:7px;box-shadow:0 1px 2px #27334203}
.muse-create .field textarea{min-height:76px}
.muse-create .field small,.create-cadence>small{display:block;font-size:10px;font-weight:400;color:#8b939e;line-height:1.65;margin-top:7px}
.create-prefixed{position:relative}
.create-prefixed>span{position:absolute;left:13px;top:19px;color:#9aa2ad;font-size:13px;pointer-events:none}
.muse-create .create-prefixed input{padding-left:28px}
.create-optional{font-size:10px;font-weight:400;color:#9ba2ac;margin-left:6px}
.create-unit{font-size:9px;color:#9ba2ac;margin-left:4px}
.muse-create fieldset{padding:0;margin:0;border:0;min-width:0}
.muse-create legend{padding:0;font-size:12px;font-weight:500;color:#59616d;margin-bottom:11px}
.create-portrait-options{display:flex;align-items:flex-start;gap:13px;flex-wrap:wrap}
.create-portrait{cursor:pointer;position:relative}
.create-portrait input,.create-choice input,.create-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;margin:0;padding:0}
.create-portrait>span{display:flex;flex-direction:column;align-items:center;gap:7px}
.create-portrait .avatar{width:57px;height:57px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e7eaf0;background:#f5f7fa;transition:box-shadow .15s}
.create-portrait small,.create-upload>small{display:block;font-size:10px;color:#8c95a1;line-height:1.5;font-weight:400}
.muse-create:not(.has-custom-portrait) .create-portrait input:checked+span .avatar{box-shadow:0 0 0 2px #637c96}
.muse-create:not(.has-custom-portrait) .create-portrait input:checked+span small{color:#455e78}
.create-upload{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;cursor:pointer}
.create-upload-preview{display:grid;place-items:center;width:57px;height:57px;border:1px dashed #cfd6df;border-radius:50%;color:#9ca8b5;font-size:25px;background:#fafbfc;overflow:hidden}
.create-upload-preview img{width:100%;height:100%;object-fit:cover}
.has-custom-portrait .create-upload-preview{border:2px solid #fff;box-shadow:0 0 0 2px #637c96}
.create-portrait-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px}
.create-portrait-note>small{font-size:10px;color:#939ca7;line-height:1.6}
.create-portrait-note .text-button{font-size:10px;white-space:nowrap;color:#5f7691}
.create-upload-error{font-size:11px;color:#b54568;margin:10px 0 0}
.muse-create .create-strategies{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.create-choice{position:relative;cursor:pointer;min-width:0}
.create-choice>span{display:block;border:1px solid #e3e7ec;border-radius:8px;padding:8px 12px;background:#fff;color:#8a939f;font-size:11px;font-weight:400;line-height:1.5;text-align:center;transition:background .15s,color .15s,border-color .15s}
.create-choice input:checked+span{background:#f0f4f8;border-color:#aebfce;color:#435b74}
.create-choice input:focus-visible+span,.create-portrait input:focus-visible+span .avatar,.create-upload:has(input:focus-visible) .create-upload-preview{outline:3px solid #8eb5d5;outline-offset:4px}
.create-cadence>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:400px}
.create-section .field:last-child{margin-bottom:0}
.create-profile{padding-bottom:0;border:0;margin-bottom:22px}
.create-profile h3{margin-bottom:16px}
.create-profile .field textarea{min-height:67px}
.create-next{border:1px solid #e9ecf0;border-radius:10px;background:#fafbfc;padding:13px 15px}
.create-next strong{font-size:11px;font-weight:500;color:#646f7c}
.create-next p{font-size:10px;line-height:1.8;color:#919aa6;margin:5px 0 0}
.create-actions{margin-top:20px}
.muse-create .button{font-size:12px;border-radius:9px;min-height:41px;padding-inline:18px}
.muse-create .form-error:empty{display:none}
@media(max-width:520px){dialog:has(.muse-create){width:calc(100% - 20px);max-height:94dvh;border-radius:16px}dialog:has(.muse-create) .dialog-head{padding:23px 20px 0}dialog:has(.muse-create) .dialog-head h2{font-size:24px}dialog:has(.muse-create) .dialog-body{padding:20px}.create-brain{gap:10px;padding:13px}.create-brain-icon{width:30px;height:30px;font-size:20px}.create-brain strong{font-size:12px}.create-fixed{font-size:9px;padding:3px 5px}.create-brain small{font-size:10px}.muse-create .fields-two{gap:0}.create-portrait-options{gap:12px}.create-portrait .avatar,.create-upload-preview{width:45px;height:45px}.create-portrait small,.create-upload>small{font-size:9px}.create-portrait-note{align-items:flex-start}.create-choice>span{padding:8px 10px;font-size:10px}.create-section{padding-bottom:21px;margin-bottom:21px}.create-section h3{margin-bottom:15px}}

/* Musekin's character studio: a portrait panel beside the plan. */
dialog:has(.muse-create-intro){width:calc(100% - 32px);max-width:850px;max-height:calc(100dvh - 32px);border:1px solid #e3e8ef;border-radius:24px;background:#fff;box-shadow:0 28px 100px #26395426}
dialog:has(.muse-create-intro)::backdrop{background:#202a3a40;backdrop-filter:blur(6px)}
dialog:has(.muse-create-intro) .dialog-head{padding:22px 26px 0;border:0}
dialog:has(.muse-create-intro) .dialog-head h2{font:500 15px/1.4 "Open Runde",system-ui,sans-serif;letter-spacing:-.02em;color:#637086}
dialog:has(.muse-create-intro) .dialog-head p{display:none}
dialog:has(.muse-create-intro) .dialog-body{padding:22px 26px}
.muse-create-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;font-family:"Open Runde",system-ui,sans-serif}
.create-studio-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f6f9fd,#e9f0f9 70%,#f7f4f2);padding:32px 20px;min-height:380px}
.create-studio-brain{font-size:9px;font-weight:500;letter-spacing:.07em;color:#7d90aa;display:flex;gap:7px;align-items:center}
.create-studio-brain>span{font-size:18px}
.create-studio-character{position:relative;padding:25px 0}
.create-studio-character>.avatar{width:170px;height:170px;border-radius:50%;border:6px solid #ffffffa6;box-shadow:0 12px 26px #5a719619}
.create-studio-orbit{position:absolute;right:-17px;bottom:14px}
.create-studio-orbit .avatar{width:57px;height:57px;border-radius:50%;border:4px solid #f3f6fa}
.create-studio-message{background:white;border-radius:16px 16px 16px 4px;box-shadow:0 6px 20px #6685ac12;padding:12px 16px;align-self:flex-start;width:100%;display:flex;gap:11px;align-items:center}
.create-studio-message>span{color:#a9bbd0;letter-spacing:2px;font-size:15px}
.create-studio-message p{font-size:11px;line-height:1.8;color:#8a96a8;margin:0}
.create-studio-message strong{font-weight:500;color:#536881}
.create-studio-preview>small{font-size:9px;color:#8b9bb0;text-align:center;line-height:1.7;margin-top:24px}
.create-studio-label{font-size:9px;letter-spacing:.09em;color:#96a2b4;margin:7px 0 12px}
.create-studio-plan h3{font-size:32px;line-height:1.16;font-weight:500;letter-spacing:-.055em;color:#374257;margin:0}
.create-studio-lead{font-size:12px;line-height:1.8;color:#8893a4;margin:14px 0 23px}
.create-studio-feature{display:flex;gap:13px;margin:0 0 17px;align-items:flex-start}
.create-studio-feature>span{flex:none;background:#f3f6fa;border-radius:9px;display:grid;place-items:center;width:30px;height:30px;color:#7a92ae;font-size:20px}
.create-studio-feature strong{font-weight:500;font-size:12px;color:#495a72}
.create-studio-feature p{font-size:10px;line-height:1.8;color:#8b97a9;margin:4px 0 0;max-width:280px}
.create-studio-actions{display:flex;flex-direction:column;gap:11px;margin-top:25px;align-items:flex-start}
.create-studio-actions .button{width:100%;justify-content:space-between;border-radius:11px;background:#414b5d;border-color:#414b5d;min-height:46px;font-size:12px}
.create-studio-actions small{font-size:10px;color:#8a96a8;line-height:1.6}
.create-studio-actions .text-button{font-size:11px;color:#7189a7}
.create-studio-footer{grid-column:1/-1;margin:0;text-align:center;font-size:10px;color:#96a2b2;line-height:1.7}
@media(min-width:700px){dialog:has(.muse-create){max-width:900px}.muse-create{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px 28px}.create-brain{grid-column:1/-1;margin:0}.create-section{margin:0;padding-bottom:22px}.create-section:has(#create-identity){grid-column:1;grid-row:2/4;border:0;border-right:1px solid #edf0f5;padding-right:25px}.create-section:has(#create-identity) .fields-two{grid-template-columns:1fr;gap:0}.create-section:has(#create-strategy),.create-section:has(#create-limits){grid-column:2}.create-profile,.create-next,.create-actions,.muse-create>.form-error{grid-column:1/-1}.create-actions{margin-top:0}.create-profile{border-top:1px solid #edf0f5;padding-top:20px}.create-portrait-options{gap:14px}.create-portrait .avatar,.create-upload-preview{width:51px;height:51px}.create-portrait-note{display:block}.create-portrait-note button{margin-top:7px}}
@media(max-width:650px){dialog:has(.muse-create-intro){max-width:440px;border-radius:18px}.muse-create-intro{grid-template-columns:1fr;gap:20px}.create-studio-preview{min-height:0;padding:18px;display:grid;grid-template-columns:82px 1fr;gap:5px 15px}.create-studio-character{grid-column:1;grid-row:1/3;padding:0}.create-studio-character>.avatar{width:76px;height:76px;border-width:3px}.create-studio-orbit{display:none}.create-studio-brain{grid-column:2;font-size:8px}.create-studio-message{grid-column:2;padding:9px 10px;box-shadow:none;background:#ffffffb0}.create-studio-message>span{display:none}.create-studio-message p{font-size:10px}.create-studio-preview>small{grid-column:1/-1;margin:8px 0 0;font-size:9px}.create-studio-plan h3{font-size:30px}.create-studio-plan h3 br{display:none}.create-studio-lead{margin:10px 0 22px}.create-studio-feature p{max-width:none}.create-studio-footer{font-size:9px}}
