/* PETFLIX Studio visual layer. It intentionally sits over the proven creation engine. */
:root{--pf-ink:#080c16;--pf-surface:#101827;--pf-surface-2:#151f31;--pf-line:#293852;--pf-paper:#fff5e9;--pf-muted:#aeb9cd;--pf-coral:#ff7657;--pf-coral-light:#ffad84;--pf-yellow:#ffd070;--pf-mint:#9ee2ca}
body{background:radial-gradient(880px 520px at 88% -10%,#472941 0%,transparent 58%),radial-gradient(680px 410px at -8% 83%,#193048 0%,transparent 57%),var(--pf-ink);letter-spacing:-.012em}
.shell{max-width:1120px;padding:22px 22px 70px}.top{position:sticky;top:0;z-index:8;margin:-22px -22px 34px;padding:15px 22px;background:#080c16e8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d}
.petflix-top{gap:16px}.brand{gap:10px;min-width:max-content}.brand-mark{width:38px;height:38px;flex:0 0 38px;overflow:hidden;border:0;border-radius:11px;background:transparent;box-shadow:none}.brand-avatar{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.28)}.brand-word{display:block;color:var(--pf-paper);font-size:21px;line-height:1;font-weight:950;letter-spacing:-.075em}.brand-word::after{content:'STUDIO';margin-left:6px;color:var(--pf-coral-light);font-size:8px;letter-spacing:.16em;vertical-align:middle}.connection{margin-top:4px;color:#91a2bb}.studio-nav{display:flex;gap:4px;align-items:center;margin-left:auto}.studio-nav button{border:0;background:transparent;color:#9baac2;font:750 12px inherit;padding:8px 9px;border-radius:9px;cursor:pointer}.studio-nav button:hover,.studio-nav button.active{background:#ffffff0d;color:#fff4ed}.top-actions{display:flex;align-items:center;gap:8px;position:relative}.top-actions .new-project{order:3;border-color:#ffad8460;background:linear-gradient(135deg,var(--pf-coral),#ff9e70);color:#28120d;box-shadow:0 10px 25px #ff76572b;min-height:38px;padding:8px 13px}.top-actions .notice-button{border-color:#ffffff13;background:#ffffff08}.top-actions .flow-button{display:none}.top-actions #clearQueue{display:none}@media(min-width:851px){.top-actions #readyVideos{display:none}}
.petflix-welcome{position:relative;overflow:hidden;min-height:292px;margin-bottom:28px;padding:36px clamp(22px,5vw,54px);border:1px solid #ffffff16;border-radius:30px;background:linear-gradient(112deg,#161f31 0%,#111827 49%,#4b2630 145%);box-shadow:0 24px 70px #0005}.petflix-welcome::after{content:'';position:absolute;right:6%;bottom:-38px;width:210px;height:210px;background:url('/petflix-icon.png?v=petflix-icon-3') center/contain no-repeat;opacity:.16}.petflix-welcome .eyebrow{position:relative;color:var(--pf-coral-light)}.petflix-welcome h1{position:relative;max-width:600px;margin:8px 0 13px;color:var(--pf-paper);font-size:clamp(39px,5.4vw,68px);line-height:.98;letter-spacing:-.073em}.petflix-welcome h1 em{font-style:normal;color:var(--pf-coral)}.petflix-welcome p{position:relative;max-width:480px;margin:0;color:#c1cad9;font-size:17px}.welcome-action{position:relative;margin-top:23px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--pf-coral),#ff9e70);padding:13px 17px;color:#27110d;font:900 14px inherit;cursor:pointer;box-shadow:0 12px 28px #ff76573b}.welcome-action:hover{filter:brightness(1.06);transform:translateY(-1px)}
.studio-path{display:flex;gap:0;align-items:flex-start;margin:0 0 28px;padding:17px 19px;border:1px solid #ffffff10;border-radius:18px;background:#0e1523b5;overflow:auto}.studio-step{min-width:115px;display:flex;gap:9px;align-items:center;color:#aab6c8;font-size:12px}.studio-step:not(:last-child)::after{content:'';width:20px;height:1px;margin-left:5px;background:#536078}.studio-step i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid #56637b;font-style:normal;font-size:11px}.studio-step b{display:block;color:#e9edf5;font-size:12px}.studio-step small{display:block;color:#8796ae;font-size:10px}.studio-step.active i{border-color:var(--pf-coral);background:var(--pf-coral);color:#2c100b;box-shadow:0 0 19px #ff765766}
.workspace{margin-top:0}.canvas{padding:clamp(19px,3vw,32px);border-radius:24px;background:linear-gradient(145deg,#131c2c,#0d1421)}.canvas>.eyebrow{color:var(--pf-coral-light)}.canvas h2{margin-top:4px;font-size:clamp(25px,3vw,34px);letter-spacing:-.047em}.canvas .options{display:none}.canvas .form{margin-top:17px}.idea-head{padding:0 2px}.label{color:#eef0f6;font-size:14px}.prompt{min-height:112px;border-color:#35445d;background:#0a111e;border-radius:16px;padding:16px;font-size:16px}.prompt:focus{outline-color:#ff76575c;border-color:var(--pf-coral)}.surprise{color:var(--pf-coral-light);font-size:13px}.controls{gap:10px}.chip{min-height:39px;border-color:#34445f;border-radius:11px;background:#0a111c;color:#c2ccdc;font-weight:650;padding:9px 12px}.chip.on{border-color:#ff9f7c;color:#fff1eb;background:#ff765719}.template-panel{border-color:#344766;background:linear-gradient(145deg,#101b2c,#0b1321);border-radius:17px;padding:18px}.template-panel h3{font-size:18px}.template-point{border-color:#263a56;background:#0b1422;border-radius:11px;padding:11px}.engine-options{gap:10px}.engine-option{border-color:#34445f;border-radius:12px;background:#0a111c;padding:11px}.engine-option.on{border-color:#ff9e7a;background:#ff765714}.foot{border-top-color:#ffffff12;margin-top:22px}.foot .help{font-size:13px}.launch{border-radius:13px;padding:14px 18px;background:linear-gradient(135deg,var(--pf-coral),#ff9e70);color:#28120d;font-size:15px;box-shadow:0 12px 30px #ff76572a}.empty{border-color:#35445f;background:#0b1320;border-radius:15px;padding:18px}.render-status{border-color:#35445f;background:#0b1422;border-radius:16px}.library{margin-top:28px;padding:23px;border-radius:24px;background:linear-gradient(145deg,#111a2a,#0c1320)}.library-head h2{font-size:25px}.library-filter{border-color:#3b4a64;background:#0a111d}.library-filter.on{border-color:#ff9d78;background:#ff765717;color:#fff1eb}.job-row{border-color:#2c3c57;border-radius:16px;background:#0a1220}.job-title{font-size:15px}.toast{z-index:20;right:18px;bottom:18px;border-color:#ff9b7969;background:#18243a;color:#f7f1ed}.unlock{background:#070b14d9}.unlock-card{background:#101a2b;border-color:#3c4d68;border-radius:23px}.unlock-card .eyebrow{color:var(--pf-coral-light)}
@media(max-width:850px){.shell{padding:17px 15px 86px}.top{margin:-17px -15px 22px;padding:12px 15px}.studio-nav{display:none}.top-actions{margin-left:auto}.top-actions #noticeButton{display:none}.top-actions #readyVideos{font-size:0;width:39px;min-height:39px;padding:0}.top-actions #readyVideos::after{content:'▦';font-size:18px}.top-actions .new-project{font-size:13px;padding:8px 11px}.petflix-welcome{min-height:255px;padding:29px 24px;border-radius:23px}.petflix-welcome h1{font-size:45px}.petflix-welcome p{font-size:15px;max-width:330px}.petflix-welcome::after{right:-18px;bottom:-22px;width:164px;height:164px}.studio-path{margin-bottom:20px;padding:13px;gap:12px}.studio-step{min-width:92px;gap:6px}.studio-step:not(:last-child)::after{width:12px;margin-left:2px}.studio-step small{display:none}.studio-step b{font-size:11px}.canvas{border-radius:20px}.library{border-radius:20px}}
@media(max-width:480px){.brand-mark{width:38px;height:38px;flex-basis:38px;font-size:18px}.brand-word{font-size:19px}.top-actions .new-project{min-height:36px;font-size:12px}.petflix-welcome h1{font-size:40px}.studio-path{padding:12px;gap:10px}.studio-step{min-width:70px}.studio-step i{width:23px;height:23px}.studio-step:not(:last-child)::after{display:none}.canvas{padding:19px 16px}.template-panel{padding:14px}.template-point{font-size:12px}}
.petflix-welcome::after{display:none}