/* PET MUZIK cinematic workspaces */
#drawer{--accent:#f1c978;--glow:rgba(217,166,68,.16);width:min(1200px,94vw);border-left:1px solid #b1915a;border-radius:24px 0 0 24px;background:radial-gradient(ellipse at 8% 0%,#382044 0,transparent 54%),linear-gradient(150deg,#130d20,#080711 80%);box-shadow:-40px 0 140px #000c;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;isolation:isolate;color:#f9f4eb}
#drawer[data-active="movie"]{--accent:#bcb4ff;--glow:#8271ea24}#drawer[data-active="image"]{--accent:#f5ada8;--glow:#ef8ba326}#drawer[data-active="radio"]{--accent:#80ddce;--glow:#50baa220}
.studio-header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid #ffffff10;background:#0b0712b3}.studio-brand{display:flex;gap:20px;align-items:center;text-decoration:none}.studio-brand img{width:112px;height:54px;object-fit:contain}.studio-brand>span{font-size:10px;letter-spacing:3px;color:#bcaac9;border-left:1px solid #8b71624d;padding-left:20px}.studio-header-right{display:flex;align-items:center;gap:20px}.draft-badge{font-size:9px;letter-spacing:2px;padding:7px 10px;border:1px solid #69553f;border-radius:4px;color:#c1aa7e}.studio-header button{background:#ffffff08;border:1px solid #ffffff19;color:#f2deb5;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer}
.studio-modes{display:flex;gap:6px;padding:12px 28px;background:#0c081380;border-bottom:1px solid #ffffff0e;overflow:auto;scrollbar-width:thin}.studio-modes button{white-space:nowrap;border:1px solid transparent;background:transparent;color:#afa0bd;padding:11px 16px;border-radius:7px;font:500 12px/1.2 system-ui;cursor:pointer;display:flex;gap:9px;align-items:center}.studio-modes button>span{font-size:19px;color:#b29870}.studio-modes button[aria-pressed="true"]{color:var(--accent);border-color:#b08d4e63;background:linear-gradient(145deg,#c7953d21,#30203d65);box-shadow:inset 0 1px 0 #fff1}.studio-modes button:hover{background:#ffffff09;color:white}
.studio-scroll{overflow:auto;overscroll-behavior:contain;padding:30px;scrollbar-color:#6c536b #120b20;scrollbar-width:thin}.studio-intro{display:flex;align-items:center;justify-content:space-between;padding:6px 5px 30px}.studio-intro #studio-eyebrow{color:var(--accent);letter-spacing:3px;font-size:10px;font-weight:700}.studio-intro h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.4vw,49px);font-weight:400;line-height:1.06;letter-spacing:-1.4px;margin:14px 0}.studio-intro h2 em{color:var(--accent);font-weight:400}.studio-intro p{font-size:13px;color:#b8acc5;line-height:1.7;max-width:530px;margin-bottom:0}.studio-intro-number{font:90px/1 Georgia;color:var(--accent);text-shadow:0 0 50px var(--glow);opacity:.65;transform:rotate(-12deg);padding:0 30px}.studio-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:24px;align-items:start}.voice-console{border:1px solid #b6935a38;background:linear-gradient(155deg,#27162c,#110b1b 55%);border-radius:16px;overflow:hidden;position:sticky;top:0;box-shadow:0 18px 50px #0003}.pet-portrait{position:relative;height:155px;overflow:hidden}.pet-portrait>img{height:100%;width:100%;object-fit:cover;object-position:50% 27%;transform:scale(1.65)}.pet-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#190f21 0%,transparent 90%)}.portrait-caption{position:absolute;bottom:15px;left:19px;right:16px;z-index:1}.portrait-caption>span{display:block;font-size:8px;letter-spacing:2.2px;color:#dfc489}.portrait-caption strong{display:block;font:24px/1.2 Georgia;margin-top:8px;color:white;overflow-wrap:anywhere}.voice-core{padding:20px 18px;text-align:center}.console-kicker{font-size:8px;letter-spacing:2px;color:#bba5c4}.voice-core #drawer-mic{width:156px;height:156px;margin:20px auto 16px;border-radius:50%;border:2px solid #f0d38a;background:radial-gradient(at 32% 15%,#ac8040,#332336 48%,#110e19 80%);box-shadow:0 0 0 5px #e7b65210,inset 0 0 25px #cc9a4c24,0 0 30px #c09b4620;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffe4a0;cursor:pointer;position:relative;transition:box-shadow .3s,transform .3s}.voice-core #drawer-mic:hover{transform:scale(1.03);box-shadow:0 0 0 7px #e7b65220,0 0 35px #c09b4645}.mic-symbol{font:48px/1 Georgia}.voice-core #drawer-mic strong{font-size:12px;letter-spacing:2px;margin-top:6px}.voice-core #drawer-mic small{font-size:8px;color:#cdbacb;margin-top:7px}.voice-core #drawer-mic[aria-pressed="true"]{box-shadow:0 0 0 7px #f1bd7027,0 0 35px #c09b4680;border-color:#fff0b1}.waveform{display:flex;height:45px;justify-content:center;align-items:center;gap:4px}.waveform i{width:3px;height:var(--h);background:linear-gradient(#ffe19a,#8a557f);border-radius:3px;opacity:.5}.voice-core.listening .waveform i{animation:wave 1s ease-in-out infinite;animation-delay:var(--d);opacity:1}.voice-core #voice-info{font-size:11px;color:#b6a4be;line-height:1.6;min-height:34px;margin:7px 0 16px}.voice-target-label{font-size:10px;display:block;text-align:left;color:#d6c5df}.voice-target-label select{width:100%;border:1px solid #67506d;border-radius:7px;background:#1b1127;color:#ead6b4;padding:10px;margin-top:7px;font:11px system-ui}.voice-disclosure{font-size:9px;line-height:1.65;color:#927e9e;text-align:left;margin:12px 0 0}#voice-transcript{margin-top:12px;padding:10px;background:#ffffff07;border:1px solid #fff1;border-radius:6px;color:#d9c6e4;font-size:11px;line-height:1.6;text-align:left}.session-guide{border-top:1px solid #fff1;padding:19px}.session-guide ol{list-style:none;padding:0;margin:17px 0;display:grid;gap:14px;font-size:11px;color:#c2b3ce}.session-guide li{display:flex;gap:10px;align-items:center}.session-guide li>span:first-child{font:10px Georgia;color:#d9b66c;border:1px solid #8d724c44;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.completion-track{height:3px;border-radius:6px;background:#ffffff0a;overflow:hidden}.completion-track span{display:block;width:0;height:100%;background:var(--accent);transition:width .4s}.session-guide p{color:#9686a3;font-size:10px;line-height:1.6;margin:10px 0 0}.studio-workbench{display:grid;gap:18px;min-width:0}.creation-panel{border:1px solid #ffffff10;border-radius:14px;background:linear-gradient(130deg,#ffffff05,#ffffff02);padding:24px}.creation-panel[hidden]{display:none}.section-caption{display:flex;gap:13px;margin-bottom:20px}.section-caption>span{font:13px/1 Georgia;min-width:27px;padding-top:3px;color:var(--accent)}.section-caption h3{font:400 23px/1.2 Georgia;color:#f4e9db;margin:0}.section-caption p{color:#9d8cab;font-size:11px;line-height:1.7;margin:7px 0 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-grid label{display:block;font-size:11px;line-height:1.4;color:#c7b7d1;font-weight:500}.field-grid input,.field-grid select,.field-grid textarea{width:100%;min-width:0;display:block;margin-top:8px;border:1px solid #6c526752;border-radius:8px;background:#0c0915a8;padding:12px;color:#f5ead7;font:12px/1.5 system-ui;outline-offset:2px;transition:border .2s}.field-grid textarea{resize:vertical;min-height:80px}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:var(--accent);outline:1px solid var(--accent)}.field-grid input::placeholder,.field-grid textarea::placeholder{color:#7e6e8b}.field-grid .span-two{grid-column:1/-1}.studio-secondary{border:1px solid #b28c5755;color:var(--accent);padding:11px 16px;border-radius:8px;background:#b0803212;cursor:pointer;font:11px system-ui}.scene-card{border:1px solid #86709c3d;background:linear-gradient(120deg,var(--glow),transparent);border-radius:10px;margin-bottom:12px;padding:16px}.scene-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.scene-card header span{font-size:9px;letter-spacing:2px;color:var(--accent)}.scene-card header button{background:transparent;border:0;color:#a495ae;cursor:pointer;font-size:16px}.scene-card .field-grid{gap:10px}.reference-upload{display:flex;gap:17px;align-items:center}.reference-upload #reference-preview{width:90px;min-width:90px;height:90px;border:1px dashed #c6a15d60;background:#c69f5410;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:var(--accent);font-size:25px}.reference-upload #reference-preview img{width:100%;height:100%;object-fit:cover}.file-label{font-size:12px;color:#e3c796;cursor:pointer}.file-label input{display:block;width:100%;font-size:10px;margin-top:8px;color:#a28cad}.file-label input::file-selector-button{background:#d0a45d20;color:#eccd99;padding:8px;border:1px solid #ba945c55;border-radius:6px;margin-right:8px;cursor:pointer}.reference-upload p{font-size:10px;line-height:1.6;color:#9786a3}.text-action{border:0;background:transparent;color:#ddb98a;font-size:11px;cursor:pointer}.review-panel{background:linear-gradient(135deg,var(--glow),#0f0a1a)}.review-panel details{border:1px solid #a3856d33;padding:14px;border-radius:8px;font-size:12px;color:#d6bd8c}.review-panel summary{cursor:pointer}.review-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 system-ui;color:#cdbed6;margin-top:16px}.approval{display:flex;gap:10px;align-items:start;color:#d3c5d8;font-size:11px;line-height:1.6;margin-top:18px}.approval input{width:16px;height:16px;accent-color:#dfbd79;margin:0;flex-shrink:0}.studio-limitation{font-size:10px;line-height:1.8;color:#9988a5;margin-bottom:0}.studio-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #c6a3633d;background:linear-gradient(115deg,#21132b,#100b1b);padding:17px 30px;box-shadow:0 -15px 50px #0003}.studio-footer #draft-status{font-size:11px;color:#d9c8df;line-height:1.5}.draft-tools{display:flex;gap:14px;margin-top:7px;flex-wrap:wrap}.draft-tools button{color:#a794b2;border:0;background:none;padding:0;font-size:10px;cursor:pointer}.draft-tools button:hover{color:#ffe0a5}.studio-primary{display:flex;align-items:center;justify-content:center;gap:25px;border:1px solid #f7d89a;background:linear-gradient(130deg,#ffe7ab,#c99c53);color:#201326;border-radius:9px;padding:15px 23px;white-space:nowrap;font:700 12px system-ui;box-shadow:0 5px 25px #bb8e3b18;cursor:pointer}.studio-primary>span{font-size:17px}.studio-primary:hover{filter:brightness(1.1)}#info{max-width:min(650px,92vw);max-height:85vh;overflow:auto}#info-text{white-space:pre-wrap;font-size:12px;line-height:1.9;color:#d3c4dc}#drawer-backdrop:not([hidden]){background:#05020bc7;backdrop-filter:blur(5px)}
@keyframes wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
@media(max-width:900px){#drawer{width:98vw}.studio-scroll{padding:20px}.studio-layout{grid-template-columns:200px minmax(0,1fr);gap:16px}.voice-core{padding:18px 12px}.voice-core #drawer-mic{width:140px;height:140px}.creation-panel{padding:18px}.studio-header{padding:12px 20px}.studio-modes{padding:10px 20px}.studio-modes button{padding:10px 12px}.studio-footer{padding:15px 20px}}
@media(max-width:650px){#drawer{width:100vw;border-radius:0;border-left:0}.studio-header{padding:10px 16px}.studio-brand img{width:85px;height:43px}.studio-brand>span{font-size:8px;letter-spacing:1.6px;padding-left:12px}.studio-brand{gap:12px}.draft-badge{display:none}.studio-header-right{gap:0}.studio-modes{padding:8px 12px;gap:4px}.studio-modes button{font-size:11px;padding:9px 11px}.studio-scroll{padding:20px 14px}.studio-intro{padding:0 3px 23px}.studio-intro h2{font-size:36px}.studio-intro-number{font-size:52px;padding:0 5px}.studio-intro p{font-size:12px}.studio-layout{grid-template-columns:1fr;gap:18px}.voice-console{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr)}.pet-portrait{height:100%;min-height:270px}.pet-portrait>img{object-position:51% 30%;transform:scale(2.2)}.portrait-caption{left:10px;right:8px;bottom:16px}.portrait-caption strong{font-size:18px}.portrait-caption>span{font-size:7px;line-height:1.8}.voice-core{padding:14px 16px;display:grid;grid-template-columns:88px 1fr;gap:7px 12px;align-items:center}.voice-core>.console-kicker{grid-column:1/-1;text-align:left}.voice-core #drawer-mic{width:88px;height:88px;margin:4px 0;grid-row:2/5}.mic-symbol{font-size:27px}.voice-core #drawer-mic strong{font-size:8px;letter-spacing:1px}.voice-core #drawer-mic small{display:none}.waveform{height:30px;gap:3px}.waveform i{width:2px;max-height:25px}.voice-core #voice-info{font-size:10px;min-height:0;margin:0}.voice-target-label{font-size:9px}.voice-target-label select{font-size:10px;padding:7px}.voice-disclosure,#voice-transcript{grid-column:1/-1}.voice-disclosure{font-size:8px;margin-top:5px}.session-guide{display:none}.creation-panel{padding:19px 16px}.field-grid{gap:14px 12px}.field-grid input,.field-grid textarea,.field-grid select{font-size:16px;padding:10px}.section-caption h3{font-size:23px}.studio-footer{padding:12px 14px;gap:10px;align-items:center}.studio-footer>div{min-width:0}.studio-footer #draft-status{font-size:10px;display:block}.draft-tools{gap:11px;margin-top:8px}.draft-tools button{font-size:9px}.studio-primary{padding:13px 12px;font-size:11px;gap:12px}.studio-header button{width:32px;height:32px}.reference-upload{align-items:flex-start;gap:12px}.reference-upload #reference-preview{width:70px;min-width:70px;height:85px}}
@media(max-width:380px){.field-grid{grid-template-columns:1fr}.field-grid .span-two{grid-column:auto}.studio-brand>span{font-size:7px}.studio-primary{font-size:10px;gap:5px}.voice-console{grid-template-columns:85px minmax(0,1fr)}.voice-core{padding:12px;gap:6px 8px}.draft-tools{gap:8px}}
@media(prefers-reduced-motion:reduce){#drawer,.completion-track span,.voice-core #drawer-mic{transition:none!important}.voice-core.listening .waveform i{animation:none!important}}
.pet-portrait>img{transform:scale(2.6);transform-origin:52% 28%}
@media(max-width:650px){.pet-portrait>img{transform:scale(2.2);transform-origin:52% 28%}}