/* 戀人片場色彩與版面 STAR */
:root{--studio-rose:#b86578;--studio-rose-bright:#df91a2;--studio-gold:#d4b57b;--studio-panel:#0b111c;--studio-line:rgba(222,199,153,.2);--studio-shadow:0 28px 70px rgba(0,0,0,.42);}
.studio-body{background:#050810;color:var(--text);}
.studio-body .inner-main{overflow:visible;}
.studio-page{padding:34px 34px 70px;background:radial-gradient(circle at 78% 10%,rgba(137,61,88,.12),transparent 31%),linear-gradient(180deg,rgba(8,13,23,.98),rgba(4,7,13,.98));}
.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;max-width:1680px;margin:0 auto 28px;padding:8px 0 24px;border-bottom:1px solid var(--studio-line);}
.studio-heading>div:first-child{max-width:700px;}
.studio-heading p,.panel-heading small,.studio-preview-panel header small,.result-copy>small{margin:0 0 8px;color:var(--studio-gold);font-size:.72rem;font-weight:700;letter-spacing:.24em;}
.studio-heading h1{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(2.6rem,4vw,4.9rem);font-weight:400;letter-spacing:.06em;line-height:1;}
.studio-heading>div:first-child>span{color:var(--text-soft);font-size:1.05rem;line-height:1.7;}
.studio-safety{display:flex;align-items:center;gap:13px;max-width:380px;padding:14px 18px;border:1px solid rgba(184,101,120,.3);background:rgba(90,42,62,.12);}
.studio-safety>i{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid rgba(223,145,162,.38);border-radius:50%;color:var(--studio-rose-bright);}
.studio-safety span{display:flex;flex-direction:column;gap:2px;}
.studio-safety b{font-size:.94rem;}
.studio-safety small{color:var(--text-soft);font-size:.78rem;line-height:1.5;}
.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:24px;max-width:1680px;margin:auto;align-items:start;}
.studio-workspace{min-width:0;border:1px solid var(--studio-line);background:linear-gradient(180deg,rgba(14,21,34,.94),rgba(7,11,19,.96));box-shadow:var(--studio-shadow);}
/* 戀人片場色彩與版面 END */
/* 製作步驟 STAR */
.studio-stepper{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--studio-line);background:rgba(5,8,15,.75);}
.studio-step{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;min-height:72px;padding:12px 18px;border:0;border-right:1px solid var(--studio-line);background:transparent;color:#777e8b;text-align:left;transition:background .22s ease,color .22s ease;cursor:pointer;}
.studio-step:last-child{border-right:0;}
.studio-step::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--studio-rose-bright);content:"";transform:scaleX(0);transition:transform .25s ease;}
.studio-step span{font-family:var(--font-display);font-size:.8rem;letter-spacing:.12em;}
.studio-step i{font-size:.88rem;}
.studio-step b{font-size:.9rem;font-weight:600;}
.studio-step.is-active,.studio-step.is-complete{color:var(--paper);}
.studio-step.is-active{background:linear-gradient(180deg,rgba(184,101,120,.16),transparent);}
.studio-step.is-active::after{transform:scaleX(1);}
.studio-step.is-complete i{color:var(--studio-gold);}
.studio-panels{min-height:650px;}
.studio-panel{display:none;padding:30px;animation:studioPanelIn .32s ease both;}
.studio-panel.is-active{display:block;}
.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;}
.panel-heading h2{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(1.8rem,2.6vw,2.8rem);font-weight:400;letter-spacing:.04em;}
.panel-heading p{margin:0;color:var(--text-soft);font-size:.94rem;line-height:1.6;}
.cast-mode{display:flex;padding:3px;border:1px solid var(--studio-line);background:#060a11;}
.cast-mode button{min-width:94px;min-height:42px;padding:8px 12px;border:0;background:transparent;color:var(--text-soft);font-size:.85rem;cursor:pointer;transition:.2s ease;}
.cast-mode button i{margin-right:7px;}
.cast-mode button.is-active{background:var(--studio-rose);color:#fff;}
.studio-choice-grid{display:grid;gap:14px;}
.character-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.option-choice-grid,.scene-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.studio-choice{position:relative;min-width:0;padding:0;border:1px solid rgba(222,199,153,.16);background:#090e17;color:var(--paper);text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.studio-choice:hover{transform:translateY(-3px);border-color:rgba(212,181,123,.46);box-shadow:0 16px 32px rgba(0,0,0,.25);}
.studio-choice:focus-visible,.studio-step:focus-visible,.cast-mode button:focus-visible,.studio-controls button:focus-visible,.result-actions button:focus-visible{outline:2px solid var(--studio-rose-bright);outline-offset:3px;}
.studio-choice.is-selected{border-color:var(--studio-rose-bright);box-shadow:0 0 0 1px rgba(223,145,162,.3),0 16px 34px rgba(87,32,51,.26);}
.choice-media{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;background:#070b12;}
.character-choice .choice-media{aspect-ratio:4/5.35;}
.scene-choice .choice-media{aspect-ratio:16/10;}
.choice-media::after{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(3,5,9,.8));content:"";}
.choice-media img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .4s cubic-bezier(.16,1,.3,1),filter .3s ease;}
.scene-choice .choice-media img{object-position:center;}
.studio-choice:hover .choice-media img{transform:scale(1.045);}
.studio-choice:not(.is-selected) .choice-media img{filter:saturate(.78) brightness(.78);}
.choice-check{position:absolute;z-index:2;top:10px;right:10px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(7,10,16,.74);color:transparent;font-size:.72rem;transition:.2s ease;}
.studio-choice.is-selected .choice-check{border-color:var(--studio-rose-bright);background:var(--studio-rose);color:#fff;}
.choice-symbol{position:absolute;z-index:2;bottom:12px;left:12px;display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(7,10,16,.7);color:var(--paper);}
.choice-copy{display:flex;min-height:76px;flex-direction:column;gap:4px;padding:12px 13px;}
.choice-copy b{font-family:var(--font-display);font-size:1.06rem;font-weight:500;letter-spacing:.03em;}
.choice-copy small{overflow:hidden;color:var(--text-soft);font-size:.75rem;line-height:1.45;text-overflow:ellipsis;}
.character-choice .choice-copy small{order:2;white-space:nowrap;}
.studio-controls{display:flex;align-items:center;gap:12px;padding:18px 22px;border-top:1px solid var(--studio-line);background:rgba(5,8,14,.88);}
.studio-controls>span{flex:1;color:var(--text-soft);font-size:.8rem;text-align:center;}
.studio-primary,.studio-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 20px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.studio-primary{background:linear-gradient(135deg,#975069,var(--studio-rose));color:#fff;box-shadow:0 10px 28px rgba(108,44,66,.28);}
.studio-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#aa5b75,#ca788b);}
.studio-secondary{border-color:var(--studio-line);background:transparent;color:var(--paper);}
.studio-secondary:hover{border-color:var(--studio-gold);background:rgba(212,181,123,.07);}
.studio-secondary:disabled{opacity:.35;cursor:not-allowed;}
.studio-generate span{padding-left:10px;border-left:1px solid rgba(255,255,255,.24);font-size:.76rem;}
/* 製作步驟 END */
/* 即時劇照預覽 STAR */
.studio-preview-panel{position:sticky;top:14px;padding:18px;border:1px solid var(--studio-line);background:linear-gradient(180deg,rgba(14,20,32,.98),rgba(6,10,17,.98));box-shadow:var(--studio-shadow);}
.studio-preview-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.studio-preview-panel>header span{display:flex;flex-direction:column;}
.studio-preview-panel>header b{font-family:var(--font-display);font-size:1.35rem;font-weight:500;}
.studio-preview-panel>header em{padding:6px 10px;border:1px solid rgba(184,101,120,.34);color:var(--studio-rose-bright);font-size:.72rem;font-style:normal;}
.studio-preview{--scene-image:url('../img/scenes/scene-moonlit-spa-v1.png');position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5.25;background-image:var(--scene-image);background-position:center;background-size:cover;}
.studio-preview.scene-spa{--scene-image:url('../img/scenes/scene-moonlit-spa-v1.png');}
.studio-preview.scene-kitchen{--scene-image:url('../img/scenes/scene-cloud-island-kitchen-v1.png');}
.studio-preview.scene-suite{--scene-image:url('../img/scenes/scene-satin-dressing-suite-v1.png');}
.studio-preview.scene-library{--scene-image:url('../img/scenes/scene-forbidden-library-v1.png');}
.studio-preview.scene-garden{--scene-image:url('../img/scenes/scene-lunar-garden-v1.png');}
.studio-preview.scene-stars{--scene-image:url('../img/scenes/scene-starry-observatory-v1.png');}
.studio-preview::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,7,12,.1),rgba(4,7,12,.22) 48%,rgba(4,7,12,.9));content:"";}
.studio-preview.has-rendered-scene{background-position:center 44%;background-size:cover;}
.studio-preview.has-rendered-scene::before{background:linear-gradient(180deg,rgba(4,7,12,.02) 45%,rgba(4,7,12,.82));}
.studio-preview.has-rendered-scene .preview-person,.studio-preview.has-rendered-scene .preview-light{display:none;}
.preview-light{position:absolute;z-index:1;top:-8%;left:12%;width:76%;height:54%;background:radial-gradient(ellipse,rgba(226,201,170,.23),transparent 67%);filter:blur(18px);pointer-events:none;}
.preview-person{position:absolute;z-index:2;right:-5%;bottom:-3%;width:93%;height:95%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 18px 20px rgba(0,0,0,.44));transform-origin:bottom center;transition:transform .45s cubic-bezier(.16,1,.3,1),right .45s ease,left .45s ease,filter .3s ease,opacity .25s ease;}
.studio-preview.is-dual .preview-person{width:75%;height:91%;}
.studio-preview.is-dual .preview-person-one{right:auto;left:-17%;transform:translateX(0) rotate(1deg);}
.studio-preview.is-dual .preview-person-two{right:-17%;transform:translateX(0) scaleX(-1) rotate(-1deg);}
.studio-preview.pose-cuff:not(.is-dual) .preview-person{transform:translateX(-5%) scale(1.05);}
.studio-preview.pose-window:not(.is-dual) .preview-person{transform:translateX(8%) scale(1.03);}
.studio-preview.pose-lean:not(.is-dual) .preview-person{transform:translateY(5%) scale(1.1) rotate(-1deg);}
.studio-preview.pose-embrace.is-dual .preview-person-one{left:-10%;transform:scale(1.03);}
.studio-preview.pose-embrace.is-dual .preview-person-two{right:-11%;transform:scaleX(-1) translateY(3%) scale(1.08);}
.studio-preview.pose-dance.is-dual .preview-person-one{left:-13%;transform:rotate(2deg) scale(1.02);}
.studio-preview.pose-dance.is-dual .preview-person-two{right:-13%;transform:scaleX(-1) rotate(2deg) scale(1.02);}
.studio-preview.outfit-noir .preview-person{filter:saturate(.55) brightness(.8) contrast(1.08) drop-shadow(0 18px 20px rgba(0,0,0,.5));}
.studio-preview.outfit-trench .preview-person{filter:saturate(.72) hue-rotate(8deg) brightness(.88) drop-shadow(0 18px 20px rgba(0,0,0,.5));}
.studio-preview.outfit-royal .preview-person{filter:saturate(1.14) sepia(.1) drop-shadow(0 18px 20px rgba(0,0,0,.5));}
.studio-preview.outfit-silk .preview-person{filter:saturate(.76) brightness(1.05) drop-shadow(0 18px 20px rgba(0,0,0,.45));}
.preview-vignette{position:absolute;z-index:3;inset:0;box-shadow:inset 0 0 70px rgba(0,0,0,.4);pointer-events:none;}
.preview-caption{position:absolute;z-index:4;right:0;bottom:0;left:0;padding:60px 24px 22px;background:linear-gradient(transparent,rgba(4,7,12,.9));}
.preview-caption small{color:var(--studio-gold);font-size:.68rem;font-weight:700;letter-spacing:.18em;}
.preview-caption h2{margin:4px 0;font-family:var(--font-display);font-size:2rem;font-weight:400;letter-spacing:.04em;}
.preview-caption p{margin:0;color:#d8d1ca;font-size:.8rem;}
.studio-selection{display:grid;grid-template-columns:1fr 1fr;margin:14px 0 0;border-top:1px solid var(--studio-line);border-left:1px solid var(--studio-line);}
.studio-selection div{min-width:0;padding:10px 12px;border-right:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);}
.studio-selection dt{color:var(--text-soft);font-size:.66rem;font-weight:500;letter-spacing:.12em;}
.studio-selection dd{overflow:hidden;margin:3px 0 0;color:var(--paper);font-size:.82rem;white-space:nowrap;text-overflow:ellipsis;}
.preview-note{display:flex;align-items:flex-start;gap:8px;margin:13px 0 0;color:#858d9b;font-size:.72rem;line-height:1.55;}
.preview-note i{margin-top:3px;color:var(--studio-gold);}
/* 即時劇照預覽 END */
/* 生成結果 STAR */
.studio-result{position:fixed;z-index:1200;inset:0;display:grid;visibility:hidden;place-items:center;padding:24px;opacity:0;transition:opacity .22s ease,visibility .22s ease;}
.studio-result.is-open{visibility:visible;opacity:1;}
.result-scrim{position:absolute;inset:0;border:0;background:rgba(1,3,7,.86);backdrop-filter:blur(10px);cursor:pointer;}
.result-panel{position:relative;display:grid;grid-template-columns:minmax(280px,480px) minmax(300px,430px);overflow:hidden;width:min(940px,100%);max-height:calc(100dvh - 48px);border:1px solid rgba(222,199,153,.34);background:#080d16;box-shadow:0 40px 100px rgba(0,0,0,.65);}
.result-close{position:absolute;z-index:7;top:14px;right:14px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(5,8,14,.72);color:#fff;cursor:pointer;}
.result-preview{aspect-ratio:4/5.2;}
.result-copy{display:flex;flex-direction:column;justify-content:center;padding:44px;}
.result-copy h2{margin:0 0 13px;font-family:var(--font-display);font-size:clamp(2rem,3vw,3.2rem);font-weight:400;line-height:1.14;}
.result-copy p{margin:0 0 26px;color:var(--text-soft);font-size:.95rem;line-height:1.7;}
.result-actions{display:grid;gap:10px;}
.result-copy>span{display:flex;gap:8px;margin-top:20px;color:#858d99;font-size:.72rem;line-height:1.5;}
.result-copy>span i{color:var(--studio-gold);}
.studio-workspace.is-generating,.studio-preview-panel.is-generating{pointer-events:none;filter:brightness(.6);}
/* 生成結果 END */
/* 響應式 STAR */
@media(max-width:1399.98px){.studio-page{padding:28px 22px 60px;}.studio-layout{grid-template-columns:minmax(0,1fr) 350px;}.character-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.studio-step{grid-template-columns:auto 1fr;padding:11px 13px;}.studio-step i{display:none;}}
@media(max-width:1099.98px){.studio-layout{grid-template-columns:1fr;}.studio-preview-panel{position:relative;top:auto;display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:18px;align-items:start;}.studio-preview-panel>header{grid-column:1/-1;margin:0;}.studio-selection{margin:0;}.preview-note{align-self:end;}.studio-preview{grid-row:2/5;}}
@media(max-width:767.98px){.studio-page{padding:18px 7px 42px;}.studio-heading{align-items:flex-start;flex-direction:column;margin-bottom:16px;padding:4px 10px 18px;}.studio-heading h1{font-size:3rem;}.studio-safety{max-width:none;width:100%;}.studio-step{display:flex;min-height:54px;justify-content:center;padding:8px 5px;}.studio-step span{display:none;}.studio-step b{font-size:.78rem;}.studio-panels{min-height:0;}.studio-panel{padding:20px 12px;}.panel-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px;}.cast-mode{width:100%;}.cast-mode button{flex:1;}.character-choice-grid,.option-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.scene-choice-grid{grid-template-columns:1fr 1fr;}.choice-copy{min-height:70px;padding:10px;}.studio-controls{position:sticky;z-index:8;bottom:0;padding:12px 10px;}.studio-controls>span{display:none;}.studio-controls button{flex:1;padding:9px 10px;}.studio-preview-panel{display:block;padding:12px;}.studio-preview-panel>header{margin-bottom:12px;}.studio-selection{margin-top:12px;}.result-panel{display:block;overflow:auto;}.result-preview{max-height:54dvh;}.result-copy{padding:28px 22px;}}
@media(max-width:430px){.character-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.option-choice-grid,.scene-choice-grid{grid-template-columns:1fr 1fr;gap:9px;}.choice-copy b{font-size:.94rem;}.choice-copy small{font-size:.68rem;}.studio-generate span{display:none;}}
@media(prefers-reduced-motion:reduce){.studio-panel,.studio-choice,.choice-media img,.preview-person,.studio-step::after,.studio-result{animation:none!important;transition:none!important;}}
@keyframes studioPanelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* 響應式 END */
/* 創造戀人導師工作台 STAR */
.studio-page{min-height:calc(100dvh - 32px);padding:24px 28px 52px;background:radial-gradient(circle at 72% 0,rgba(108,43,91,.16),transparent 32%),linear-gradient(180deg,#070b14,#04070d);}
.studio-heading{align-items:center;max-width:1760px;margin-bottom:18px;padding:0 0 18px;}
.studio-heading h1{font-size:clamp(2rem,3vw,3.35rem);}
.studio-heading>div:first-child>span{font-size:var(--type-control,16px);}
.studio-heading>div:first-child>span,.studio-safety small{overflow-wrap:anywhere;}
.studio-safety{max-width:420px;padding:11px 15px;background:rgba(64,31,55,.18);}
.studio-layout{display:block;max-width:1760px;}
.studio-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);grid-template-rows:auto minmax(620px,1fr) auto;min-height:800px;overflow:hidden;border-color:rgba(222,199,153,.23);background:linear-gradient(180deg,rgba(13,18,29,.97),rgba(6,9,16,.98));}
.creator-rail-head{grid-column:1;grid-row:1;display:grid;gap:18px;padding:22px 20px 10px;background:rgba(5,8,14,.82);}
.creator-rail-head>span{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.creator-rail-head>span b{font-family:var(--font-display);font-size:1.12rem;font-weight:500;letter-spacing:.04em;}
.creator-rail-head>span small{color:var(--text-soft);font-size:.82rem;}
.creator-media-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--studio-line);border-radius:999px;background:#050810;}
.creator-media-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:#8d94a2;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease;}
.creator-media-tabs button.is-active{background:linear-gradient(135deg,rgba(126,64,105,.92),rgba(82,49,106,.92));color:#fff;box-shadow:0 7px 22px rgba(52,20,55,.32);}
.creator-media-tabs button:disabled{cursor:not-allowed;opacity:.45;}
.creator-media-tabs button small{padding:2px 5px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.62rem;}
.studio-stepper{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:10px;padding:10px 20px 20px;border:0;background:rgba(5,8,14,.82);}
.studio-step{position:relative;display:block;overflow:hidden;min-height:155px;padding:0;border:1px solid rgba(222,199,153,.16);border-radius:10px;background:#0a0e16;color:var(--paper);text-align:left;isolation:isolate;}
.studio-step:last-child{border-right:1px solid rgba(222,199,153,.16);}
.studio-step::before{position:absolute;z-index:1;inset:42% 0 0;background:linear-gradient(transparent,rgba(3,5,10,.94));content:"";}
.studio-step::after{right:10px;bottom:8px;left:10px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--studio-gold),var(--studio-rose-bright));}
.studio-step:hover{border-color:rgba(212,181,123,.46);background:#0d1320;}
.studio-step.is-active{border-color:var(--studio-rose-bright);background:#0d1320;box-shadow:0 0 0 1px rgba(223,145,162,.18),0 13px 28px rgba(48,18,39,.28);}
.creator-slot-media{position:absolute;z-index:0;inset:0;display:grid;place-items:center;color:#656d7b;font-size:1.45rem;}
.creator-slot-media img{width:100%;height:100%;object-fit:cover;object-position:50% 23%;filter:saturate(.82) brightness(.72);}
.studio-step[data-step="4"] .creator-slot-media img{object-position:center;}
.creator-slot-copy{position:absolute;z-index:2;right:12px;bottom:12px;left:12px;display:flex;flex-direction:column;gap:2px;}
.creator-slot-copy small{color:#aaa1a5;font-size:.72rem;font-weight:600;letter-spacing:.06em;}
.creator-slot-copy b{font-family:var(--font-display);font-size:1rem;font-weight:600;}
.creator-slot-state{position:absolute;z-index:3;top:9px;right:9px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(3,6,11,.66);color:#aaa7ae;font-size:.68rem;}
.studio-step.has-selection .creator-slot-state::before{content:"\f00c";}
.studio-step.has-selection .creator-slot-state{border-color:rgba(212,181,123,.45);color:var(--studio-gold);}
.studio-panels{grid-column:2;grid-row:1/4;min-height:800px;border-left:1px solid var(--studio-line);background:radial-gradient(circle at 50% 8%,rgba(105,53,89,.12),transparent 31%);}
.studio-panel{padding:38px clamp(24px,3vw,52px) 52px;}
.panel-heading{align-items:center;margin:0 auto 28px;max-width:1120px;}
.panel-heading h2{font-size:clamp(1.8rem,2.5vw,2.7rem);}
.panel-heading p{font-size:var(--type-control,16px);}
.studio-choice-grid{max-width:1120px;margin:auto;gap:12px;}
.character-choice-grid,.option-choice-grid,.scene-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.studio-choice{overflow:hidden;border-radius:11px;background:#0a0e16;box-shadow:0 10px 28px rgba(0,0,0,.18);}
.studio-choice:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.3);}
.studio-choice.is-selected{border-color:var(--studio-gold);box-shadow:0 0 0 2px rgba(212,181,123,.18),0 18px 38px rgba(0,0,0,.32);}
.choice-media,.character-choice .choice-media,.scene-choice .choice-media{aspect-ratio:4/4.55;}
.scene-choice .choice-media{aspect-ratio:4/3.35;}
.choice-media::after{inset:45% 0 0;background:linear-gradient(transparent,rgba(4,6,11,.96));}
.choice-copy{position:absolute;z-index:3;right:0;bottom:0;left:0;min-height:0;gap:3px;padding:16px;pointer-events:none;}
.choice-copy b{font-size:1.08rem;}
.choice-copy small{color:#c2bbc0;font-size:.79rem;line-height:1.45;white-space:normal;}
.choice-symbol{display:none;}
.choice-check{top:12px;right:12px;width:32px;height:32px;background:rgba(5,8,14,.8);}
.studio-controls{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 20px 22px;border-top:1px solid var(--studio-line);background:rgba(5,8,14,.88);}
.studio-controls>span{grid-column:1/-1;grid-row:1;min-height:38px;color:#a8aeba;font-size:.82rem;line-height:1.5;text-align:left;}
.studio-controls button{width:100%;min-height:48px;padding:10px 12px;border-radius:8px;}
.studio-preview-panel{display:none;}
.studio-ready.is-active{display:flex;min-height:800px;align-items:center;justify-content:center;flex-direction:column;padding:56px 32px;text-align:center;}
.ready-heading small{color:var(--studio-gold);font-size:.78rem;font-weight:700;letter-spacing:.25em;}
.ready-heading h2{margin:9px 0 8px;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,4rem);font-weight:400;}
.ready-heading p{margin:0;color:var(--text-soft);font-size:var(--type-control,16px);}
.studio-ready-cards{display:flex;align-items:center;justify-content:center;width:min(890px,100%);min-height:330px;margin:28px auto 22px;padding:20px 40px;}
.studio-ready-cards figure{position:relative;overflow:hidden;width:23%;max-width:210px;margin:0 -6px;border:7px solid #141a25;border-radius:12px;background:#090d15;box-shadow:0 24px 55px rgba(0,0,0,.5);transform:rotate(-7deg);transition:transform .28s cubic-bezier(.16,1,.3,1);}
.studio-ready-cards figure:nth-child(2){z-index:2;transform:translateY(-12px) rotate(-2deg);}
.studio-ready-cards figure:nth-child(3){z-index:3;transform:translateY(-12px) rotate(3deg);}
.studio-ready-cards figure:nth-child(4){transform:rotate(8deg);}
.studio-ready-cards figure:hover{z-index:5;transform:translateY(-20px) rotate(0);}
.studio-ready-cards img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 24%;filter:saturate(.82) brightness(.84);}
.studio-ready-cards figure:nth-child(4) img{object-position:center;}
.studio-ready-cards figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:flex-start;flex-direction:column;gap:1px;padding:28px 11px 10px;background:linear-gradient(transparent,rgba(4,6,11,.94));color:var(--studio-gold);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-align:left;}
.studio-ready-cards figcaption small{overflow:hidden;width:100%;color:#fff;font-size:.8rem;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;}
.studio-ready-generate{width:min(430px,100%);min-height:54px;border-radius:9px;font-size:1rem;}
.studio-ready-generate span{margin-left:8px;padding-left:12px;border-left:1px solid rgba(255,255,255,.24);font-size:.78rem;}
.ready-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px 0 0;color:#949ba7;font-size:.78rem;}
.ready-note i{color:var(--studio-gold);}
.studio-workspace.is-ready .studio-controls{grid-template-columns:1fr;}
.studio-workspace.is-ready #studioNext,.studio-workspace.is-ready #studioStepHint{display:none;}
.studio-workspace.is-ready #studioPrev{display:flex;}
@media(max-width:1199.98px){.studio-workspace{grid-template-columns:270px minmax(0,1fr);}.creator-rail-head,.studio-stepper,.studio-controls{padding-right:14px;padding-left:14px;}.studio-step{min-height:138px;}.studio-panel{padding-right:24px;padding-left:24px;}.character-choice-grid,.option-choice-grid,.scene-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:991.98px){.studio-workspace{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;}.creator-rail-head{grid-column:1;grid-row:1;padding:18px;}.studio-stepper{grid-column:1;grid-row:2;grid-template-columns:repeat(4,1fr);padding:0 18px 18px;}.studio-step{min-height:126px;}.studio-panels{grid-column:1;grid-row:3;min-height:0;border-top:1px solid var(--studio-line);border-left:0;}.studio-controls{grid-column:1;grid-row:4;}.studio-ready.is-active{min-height:650px;}.studio-heading{align-items:flex-start;}.studio-safety{max-width:360px;}}
@media(max-width:767.98px){.studio-page{padding:14px 7px 36px;}.studio-heading{gap:14px;padding:4px 10px 14px;}.studio-heading h1{font-size:2.25rem;}.studio-heading>div:first-child>span{font-size:16px;}.studio-safety{max-width:none;}.creator-rail-head{padding:14px 12px;}.creator-media-tabs button small{display:none;}.studio-stepper{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 14px;}.studio-step{justify-content:initial;min-height:116px;}.studio-step .creator-slot-media{display:grid;}.studio-step .creator-slot-copy{display:flex;}.creator-slot-copy b{font-size:.94rem;}.studio-panel{padding:24px 12px 36px;}.panel-heading{gap:14px;margin-bottom:18px;}.panel-heading p{font-size:16px;}.character-choice-grid,.option-choice-grid,.scene-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.choice-copy{padding:12px;}.choice-copy b{font-size:1rem;}.choice-copy small{font-size:.75rem;}.studio-controls{position:static;grid-template-columns:1fr 1fr;padding:14px 12px;}.studio-ready.is-active{min-height:560px;padding:38px 12px;}.studio-ready-cards{min-height:240px;padding:12px 20px;}.studio-ready-cards figure{width:26%;margin:0 -8px;border-width:4px;}.ready-note{align-items:flex-start;font-size:.75rem;text-align:left;}.result-panel{display:block;}}
@media(max-width:430px){.choice-copy small{display:none;}.studio-ready-cards{min-height:210px;padding:10px 8px;}.studio-ready-cards figure{width:29%;}.studio-ready-cards figcaption{padding:22px 7px 7px;}.studio-ready-cards figcaption small{font-size:.66rem;}}
/* 創造戀人導師工作台 END */

/* MODEL 分層生成流程 STAR */
.pose-choice .choice-media{background:transparent;}
.pose-choice .choice-media img{object-fit:contain;object-position:center bottom;padding:4px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))!important;}
.pose-choice:hover .choice-media img{transform:translateY(-3px) scale(1.02);}
.character-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.studio-step[data-step="2"] .creator-slot-media img{object-fit:contain;object-position:center bottom;background:#0b0d15;}
.studio-ready-cards{width:min(1020px,100%);}
.studio-ready-cards figure{width:23%;max-width:210px;}
.studio-ready-cards figure:nth-child(4){z-index:2;transform:translateY(-8px) rotate(7deg);}
.studio-ready-cards figure:nth-child(2) img{object-fit:contain;object-position:center bottom;background:#11131b;}
.studio-preview .preview-person{z-index:2;}
.studio-preview .preview-vignette{z-index:4;}
.studio-preview .preview-caption{z-index:5;}

@media(max-width:1199.98px){.character-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:991.98px){.studio-stepper{grid-template-columns:repeat(4,1fr);}.studio-step{min-height:118px;}.character-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.studio-ready-cards figure{width:24%;}}
@media(max-width:767.98px){.studio-stepper{grid-template-columns:repeat(2,1fr);}.studio-ready-cards{overflow-x:auto;justify-content:flex-start;padding-right:34px;padding-left:34px;}.studio-ready-cards figure{flex:0 0 31%;width:31%;}}
@media(max-width:767.98px){.character-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* MODEL 分層生成流程 END */

/* 動作／服裝／場景預設庫 STAR */
.preset-browser{max-width:1120px;margin:0 auto;}
.preset-browser-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:16px;align-items:center;margin-bottom:16px;padding:12px;border:1px solid rgba(222,199,153,.18);border-radius:12px;background:linear-gradient(135deg,rgba(17,21,31,.96),rgba(8,12,20,.96));box-shadow:0 18px 42px rgba(0,0,0,.2);}
.preset-category-scroll{min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(212,181,123,.34) transparent;}
.preset-categories{display:flex;gap:6px;width:max-content;min-width:100%;}
.preset-categories button{min-height:44px;padding:9px 15px;border:1px solid transparent;border-radius:999px;background:transparent;color:#aeb4bf;font-size:.86rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;}
.preset-categories button:hover{border-color:rgba(212,181,123,.32);color:#f5ead8;}
.preset-categories button.is-active{border-color:rgba(212,181,123,.42);background:linear-gradient(135deg,rgba(119,75,53,.78),rgba(79,49,71,.88));color:#fff8ec;box-shadow:inset 0 0 0 1px rgba(255,235,193,.06),0 8px 22px rgba(0,0,0,.24);}
.preset-categories button:focus-visible,.preset-search:focus-within{outline:2px solid #efd79f;outline-offset:2px;}
.preset-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid rgba(222,199,153,.2);border-radius:999px;background:#070a11;color:#8f96a3;transition:border-color .2s ease,box-shadow .2s ease;}
.preset-search:focus-within{border-color:rgba(239,215,159,.64);box-shadow:0 0 0 4px rgba(212,181,123,.08);}
.preset-search input{min-width:0;width:100%;height:42px;padding:0;border:0;outline:0;background:transparent;color:#fff8ec;font-size:16px;}
.preset-search input::placeholder{color:#7f8692;}
.preset-browser-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 13px;color:#aeb4bf;}
.preset-browser-meta>span{display:flex;align-items:center;gap:8px;color:var(--studio-gold);font-size:.82rem;font-weight:700;letter-spacing:.08em;}
.preset-browser-meta>small{font-size:.82rem;}
.preset-choice-grid [data-preset-item][hidden]{display:none!important;}
.preset-choice-grid .studio-choice:not([hidden]){animation:presetReveal .28s cubic-bezier(.16,1,.3,1) both;}
.preset-choice-copy{gap:3px;}
.preset-choice-copy small{color:var(--studio-gold);font-size:.72rem;font-weight:700;letter-spacing:.08em;line-height:1.3;}
.preset-choice-copy span{display:block;color:#c7c0c4;font-size:.8rem;line-height:1.45;}
.preset-empty{display:grid;min-height:220px;margin:0;place-items:center;align-content:center;gap:12px;border:1px dashed rgba(222,199,153,.22);border-radius:12px;color:#aeb4bf;font-size:16px;text-align:center;}
.preset-empty[hidden]{display:none;}
.preset-empty i{color:var(--studio-gold);font-size:1.5rem;}
@keyframes presetReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:767.98px){.preset-browser-toolbar{grid-template-columns:1fr;gap:10px;padding:10px;}.preset-search{border-radius:9px;}.preset-browser-meta{align-items:flex-start;}.preset-choice-copy span{font-size:.76rem;}.preset-categories button{padding-right:13px;padding-left:13px;}}
@media(max-width:430px){.preset-choice-copy span{display:none;}.preset-choice-copy small{display:block;font-size:.68rem;}.preset-browser-meta>span{letter-spacing:.04em;}}
@media(prefers-reduced-motion:reduce){.preset-choice-grid .studio-choice:not([hidden]){animation:none!important;}}
/* 動作／服裝／場景預設庫 END */

/* 外觀顏色設定與手機底部選單 STAR */
.appearance-panel{max-width:1120px;margin:0 auto 28px;padding:22px;border:1px solid var(--studio-line);border-radius:18px;background:linear-gradient(180deg,rgba(15,18,28,.82),rgba(7,10,17,.94));}
.appearance-panel .panel-heading{margin-bottom:20px;}
.appearance-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1120px;margin:0 auto;}
.appearance-setting{display:grid;grid-template-columns:72px minmax(0,1fr) 44px;align-items:center;gap:16px;min-height:108px;padding:16px;border:1px solid rgba(222,199,153,.2);border-radius:16px;background:linear-gradient(155deg,rgba(28,30,38,.98),rgba(7,9,14,.98));box-shadow:0 14px 34px rgba(0,0,0,.24);color:#fff;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
.appearance-setting:hover{border-color:rgba(212,181,123,.5);background:linear-gradient(155deg,rgba(34,34,43,.98),rgba(9,11,18,.98));box-shadow:0 18px 42px rgba(0,0,0,.32);}
.appearance-setting:focus-visible,.appearance-picker-close:focus-visible,.appearance-option:focus-visible,.appearance-picker-search:focus-within{outline:2px solid #efd79f;outline-offset:3px;}
.appearance-setting>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px;}
.appearance-setting small{color:#aaaeb8;font-size:.78rem;letter-spacing:.08em;}
.appearance-setting b{overflow:hidden;font-family:var(--font-display);font-size:1.25rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap;}
.appearance-setting>i{display:grid;width:44px;height:44px;place-items:center;color:var(--studio-gold);font-size:.8rem;}
.appearance-swatch,.appearance-option-swatch{display:block;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 48%),var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 9px 20px rgba(0,0,0,.28);}
.appearance-swatch{width:72px;height:72px;}
.appearance-swatch-eye,.appearance-option-eye{border-radius:50%;box-shadow:inset 0 0 0 8px rgba(0,0,0,.22),inset 0 0 0 10px rgba(255,255,255,.08),0 9px 20px rgba(0,0,0,.28);}
.appearance-note{display:flex;align-items:flex-start;gap:9px;max-width:1120px;margin:16px auto 0;color:#9da4b0;font-size:.82rem;line-height:1.65;}
.appearance-note i{margin-top:4px;color:var(--studio-gold);}
.ready-appearance{display:flex;align-items:center;justify-content:center;gap:12px;margin:-4px auto 22px;}
.ready-appearance>span{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:10px;min-width:158px;padding:10px 13px;border:1px solid rgba(222,199,153,.2);border-radius:12px;background:rgba(9,12,19,.86);text-align:left;}
.ready-color-swatch{grid-row:1/3;display:block;align-self:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:var(--swatch,#242529);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);}
.ready-color-swatch.is-eye{border-radius:50%;box-shadow:inset 0 0 0 5px rgba(0,0,0,.2);}
.ready-appearance small{color:#999fab;font-size:.66rem;letter-spacing:.08em;}
.ready-appearance b{color:#fff;font-size:.82rem;}
.appearance-picker{position:fixed;z-index:9700;inset:0;visibility:hidden;opacity:0;transition:visibility .24s ease,opacity .24s ease;}
.appearance-picker.is-open{visibility:visible;opacity:1;}
.appearance-picker-scrim{position:absolute;inset:0;border:0;background:rgba(1,3,7,.72);backdrop-filter:blur(7px);cursor:pointer;}
.appearance-picker-sheet{position:absolute;right:50%;bottom:22px;display:flex;overflow:hidden;width:min(720px,calc(100% - 32px));max-height:min(760px,calc(100dvh - 44px));flex-direction:column;padding:18px 22px 24px;border:1px solid rgba(222,199,153,.26);border-radius:24px;background:linear-gradient(180deg,#202127,#101116);box-shadow:0 34px 100px rgba(0,0,0,.62);transform:translate(50%,24px);transition:transform .28s cubic-bezier(.16,1,.3,1);}
.appearance-picker.is-open .appearance-picker-sheet{transform:translate(50%,0);}
.appearance-picker-handle{display:block;width:64px;height:5px;margin:0 auto 22px;border-radius:999px;background:#c8c9cf;opacity:.78;}
.appearance-picker-head{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(210px,260px);align-items:center;gap:14px;margin-bottom:18px;}
.appearance-picker-head h2{margin:0;font-family:var(--font-display);font-size:1.65rem;font-weight:600;letter-spacing:.03em;}
.appearance-picker-close{display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;font-size:1.05rem;cursor:pointer;touch-action:manipulation;}
.appearance-picker-close:hover{background:rgba(255,255,255,.08);}
.appearance-picker-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:48px;padding:0 15px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);color:#aaaeb7;}
.appearance-picker-search input{min-width:0;width:100%;height:46px;padding:0;border:0;outline:0;background:transparent;color:#fff;font-size:16px;}
.appearance-picker-search input::placeholder{color:#9b9ea7;}
.appearance-option-list{display:grid;overflow-y:auto;grid-template-columns:1fr 1fr;gap:10px;padding:2px 4px 4px;overscroll-behavior:contain;scrollbar-color:rgba(212,181,123,.36) transparent;}
.appearance-option-list[hidden]{display:none;}
.appearance-option{display:grid;grid-template-columns:58px minmax(0,1fr) 32px;align-items:center;gap:15px;min-height:82px;padding:11px 14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:linear-gradient(155deg,rgba(26,27,33,.98),rgba(8,9,13,.98));color:#fff;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;}
.appearance-option:hover{border-color:rgba(212,181,123,.4);background:linear-gradient(155deg,rgba(34,34,41,.98),rgba(11,12,17,.98));}
.appearance-option.is-selected{border-color:var(--studio-rose-bright);box-shadow:0 0 0 2px rgba(223,145,162,.2);}
.appearance-option-swatch{width:58px;height:58px;}
.appearance-option b{font-size:1rem;font-weight:700;}
.appearance-option>i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--studio-rose);color:#fff;font-size:.72rem;opacity:0;}
.appearance-option.is-selected>i{opacity:1;}
.appearance-option[hidden]{display:none;}
.appearance-picker-empty{margin:28px 0;color:#a8adb6;text-align:center;}
.appearance-picker-empty[hidden]{display:none;}
body.is-appearance-open{overflow:hidden;}

@media(max-width:767.98px){
    .studio-page{padding-bottom:calc(96px + env(safe-area-inset-bottom));}
    .studio-workspace{display:block;min-height:0;overflow:visible;}
    .creator-rail-head{display:none;}
    .studio-stepper{position:fixed;z-index:6500;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:6px max(4px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-top:1px solid rgba(222,199,153,.22);background:rgba(5,7,12,.96);box-shadow:0 -12px 34px rgba(0,0,0,.46);backdrop-filter:blur(18px);}
    .studio-step{display:flex;min-width:0;min-height:62px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:5px 2px;border:0!important;border-radius:9px;background:transparent;box-shadow:none!important;overflow:visible;}
    .studio-step::before{display:none;}
    .studio-step::after{top:-7px;right:12px;bottom:auto;left:12px;height:2px;}
    .studio-step.is-active{background:rgba(184,101,120,.14);}
    .creator-slot-media{position:static;display:grid!important;width:26px;height:26px;place-items:center;color:#9ca2ad;font-size:1rem;}
    .creator-slot-media img{display:none!important;}
    .creator-slot-media>i{display:block!important;}
    .studio-step.is-active .creator-slot-media,.studio-step.has-selection .creator-slot-media{color:var(--studio-gold);}
    .creator-slot-copy{position:static;display:flex!important;align-items:center;inset:auto;padding:0;}
    .creator-slot-copy small,.creator-slot-state{display:none!important;}
    .creator-slot-copy b{font-family:inherit;font-size:.68rem;font-weight:700;line-height:1;white-space:nowrap;}
    .studio-panels{min-height:0;border-top:0;}
    .studio-controls{position:static;padding-bottom:18px;}
    .studio-body .daily-journey-launcher{bottom:calc(82px + env(safe-area-inset-bottom));}
    .appearance-panel{margin-bottom:22px;padding:18px 14px;border-color:rgba(222,199,153,.18);}
    .appearance-settings{grid-template-columns:1fr;gap:10px;}
    .appearance-setting{grid-template-columns:64px minmax(0,1fr) 44px;min-height:94px;padding:14px;}
    .appearance-swatch{width:64px;height:64px;}
    .appearance-picker-sheet{right:0;bottom:0;width:100%;max-height:82dvh;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:28px 28px 0 0;transform:translateY(100%);}
    .appearance-picker.is-open .appearance-picker-sheet{transform:none;}
    .appearance-picker-handle{margin-bottom:18px;}
    .appearance-picker-head{grid-template-columns:48px minmax(0,1fr);gap:8px;margin-bottom:14px;}
    .appearance-picker-head h2{font-size:1.45rem;}
    .appearance-picker-search{grid-column:1/-1;border-radius:14px;}
    .appearance-option-list{grid-template-columns:1fr;gap:10px;}
    .appearance-option{min-height:80px;}
    .ready-appearance{width:100%;gap:8px;}
    .ready-appearance>span{min-width:0;flex:1;}
}
@media(max-width:390px){.creator-slot-copy b{font-size:.64rem;}.studio-step{min-height:60px}.appearance-picker-sheet{padding-right:12px;padding-left:12px;}}
@media(max-width:767.98px) and (orientation:landscape){.appearance-picker-sheet{max-height:92dvh;}.appearance-picker-handle{margin-bottom:10px;}.appearance-picker-head{margin-bottom:10px;}.appearance-option{min-height:70px;}}
@media(prefers-reduced-motion:reduce){.appearance-picker,.appearance-picker-sheet,.appearance-setting,.appearance-option{transition:none!important;}}
/* 外觀顏色設定與手機底部選單 END */