:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:dark;--bg:#131519;--ink:#fdfdfd;--coral:#ff665a;--muted:#acabb0;--edge:#303238}
*{box-sizing:border-box}html,body{margin:0;min-width:0;background:#090b0d;color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.52;cursor:wait}[hidden]{display:none!important}
.studio{position:relative;min-height:100dvh;max-width:600px;margin:auto;background:var(--bg);padding-bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column}
.studio-top{height:62px;padding:8px 16px;flex:none;display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #26282c;background:rgba(20,21,25,.98);z-index:2}
.studio-top .back{font-size:32px;color:#fff;text-decoration:none;line-height:1;font-weight:300;width:33px;display:flex;align-items:center;justify-content:center}.brand{font-size:20px;font-weight:850;letter-spacing:-1.3px}.brand span,.brand b{color:var(--coral)}.top-hint{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#aaa}.quiet{font-size:12px;font-weight:700;color:#fff;background:#34353b;border:1px solid #494a50;border-radius:100px;padding:8px 11px}
.work-area{flex:1;min-height:0;display:flex;flex-direction:column}
.empty-stage{display:flex;flex-direction:column;flex:1}.stage-hero{position:relative;min-height:43dvh;max-height:520px;flex:1;background:#272629;overflow:hidden}.stage-hero img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.87}.stage-fade{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#0000 24%,#131519 96%);padding:20px 26px 5px}.stage-kicker{color:#ffc7bb;font-size:10px;font-weight:850;letter-spacing:1.7px}.stage-fade h1{font-size:clamp(39px,10vw,58px);letter-spacing:-2px;line-height:1.06;margin:12px 0}.stage-fade em{font-style:normal;color:#ff9787}.stage-fade p{font-size:14px;color:#ece3e1;line-height:1.5;margin:0 0 7px;max-width:310px}
.capture-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:22px 18px 10px}.capture-actions button{color:#fff;border:1px solid #434349;background:#25262b;border-radius:17px;min-height:91px;padding:12px 4px;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;font-size:12px;font-weight:710}.capture-actions button:last-child{background:var(--coral);border-color:var(--coral)}.capture-actions button span{font-size:28px;line-height:1}.tiny{text-align:center;font-size:11px;color:#999aa0;margin:8px 0 20px}
.editing-stage{display:flex;flex-direction:column;min-height:calc(100dvh - 62px - env(safe-area-inset-bottom));}
.canvas-box{position:relative;flex:none;height:min(48dvh,480px);min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#070809}
.canvas-box canvas{max-height:100%;max-width:100%;width:auto;height:auto;display:block;box-shadow:0 0 35px #0002}
.canvas-mark{position:absolute;right:13px;bottom:10px;font-size:10px;font-weight:700;color:#fff9;text-shadow:0 1px 6px #000;pointer-events:none}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.play-overlay button{pointer-events:auto;background:#14141477;border:2px solid #fff9;color:#fff;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;font-size:22px;backdrop-filter:blur(8px)}
.stage-controls{padding:9px 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #313238}.stage-controls #mediaType{font-size:10px;font-weight:820;letter-spacing:1.3px;color:#f8b5a7;margin-right:auto}.mini-action{border:1px solid #393b3f;border-radius:9px;color:#d3d3d6;background:#25262a;padding:8px 9px;font-size:10px;font-weight:700}.mini-action[aria-pressed=true]{color:#f6afa4;border-color:var(--coral)}
.toolstrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:7px 7px 0;flex:none;overflow:hidden}.toolstrip button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 1px 8px;background:none;border:0;border-bottom:3px solid transparent;color:#9e9fa6;font-size:10px;font-weight:720;white-space:nowrap}.toolstrip button span{font-size:20px;line-height:26px}.toolstrip button.selected{color:#fff;border-color:var(--coral)}.toolstrip button.selected span{color:#ff8e80}
.tools{min-height:154px;background:#1c1e23;flex:1;padding:10px 12px 13px}.tool-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:1px 3px 10px}.tool-title b{font-size:13px}.tool-title small{font-size:10px;color:#999ba0;text-align:right;max-width:210px;line-height:1.3}
.choices{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 3px 9px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#555 transparent}.choice{scroll-snap-align:start;flex:0 0 78px;border:1px solid transparent;padding:0;background:none;color:#c2c4c9;text-align:center;font-size:11px;line-height:1.2;display:flex;flex-direction:column;align-items:center;gap:7px}.choice .thumb{height:72px;width:72px;border:2px solid #505154;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:#30343c;font-size:23px;color:#fff;position:relative}.choice img{height:100%;width:100%;object-fit:cover}.choice.selected{color:#fff;font-weight:770}.choice.selected .thumb{border:3px solid var(--coral);box-shadow:0 0 0 2px #ff665a22}.choice .thumb .badge{position:absolute;top:4px;right:4px;background:#121416bb;font-size:9px;padding:3px 4px;border-radius:4px}.choice .thumb .badge.ai{background:#fe695e;color:#fff;font-weight:800}
.editor-bottom{position:sticky;bottom:0;display:grid;grid-template-columns:40% 1fr;gap:10px;padding:11px 14px max(13px,env(safe-area-inset-bottom));border-top:1px solid #2c3034;background:#17181c;z-index:4}
.primary,.secondary{border:none;border-radius:13px;padding:13px 15px;min-height:49px;font-weight:790;color:#fff;background:var(--coral);font-size:13px}.primary span{float:right}.secondary{background:#34353b;font-size:12px}
.panel-field{display:flex;align-items:center;gap:8px;background:#26292e;border:1px solid #46464b;border-radius:11px;padding:7px 8px;color:#fff}.panel-field input,.panel-field select{min-width:0;flex:1;border:none;outline:none;background:none;color:#fff;font-size:14px;padding:8px 5px}.panel-field input::placeholder{color:#888d97}.panel-row{display:flex;gap:7px;flex-wrap:wrap;padding:6px 2px}.pill{border:1px solid #4b4c50;background:#292b30;color:#dfdfe4;border-radius:20px;padding:9px 12px;font-size:12px}.pill.selected{background:#5a2d2b;color:#fff;border-color:var(--coral)}.small-note{color:#a4a6ae;font-size:11px;line-height:1.45;padding:7px 3px}.tool-caption{color:#fff;font-size:12px;margin:6px 0}.range-wrap{display:flex;align-items:center;gap:12px}.range-wrap input{flex:1;accent-color:var(--coral)}.range-wrap span{font-size:12px;color:#c9cbd0;min-width:37px}
.sheet{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}.shade{position:absolute;inset:0;background:#020305bc;backdrop-filter:blur(4px)}.sheet-content{position:relative;border-radius:23px 23px 0 0;background:#faf9f7;color:#181c20;width:100%;max-width:600px;max-height:93dvh;overflow-y:auto;padding:11px 20px max(24px,env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0005}.sheet-handle{height:5px;width:42px;border-radius:100px;background:#d6d2cd;margin:0 auto 12px}.sheet-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 12px}.sheet-title small{font-size:10px;color:#e76c5f;font-weight:850;letter-spacing:1px}.sheet-title h2{font-size:26px;letter-spacing:-1.3px;margin:4px 0}.sheet-title button{font-size:28px;border:0;border-radius:40px;background:#eee9e4;color:#444;width:38px;height:38px}.share-preview{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #ebe5df;border-radius:13px;padding:9px;margin:0 0 17px}.share-preview img{height:62px;width:62px;border-radius:10px;object-fit:cover;background:#202128}.share-preview b{display:block;font-size:14px}.share-preview small{display:block;font-size:12px;color:#8a8580;margin-top:4px}.field-label{display:block;color:#313235;font-size:12px;font-weight:770;margin:12px 0 8px}.field-label span{color:#92908d;font-weight:500}.sheet textarea,.sheet input:not([type=checkbox]),.sheet select{width:100%;border:1px solid #e7e1da;background:#fff;border-radius:11px;color:#1b1d21;padding:12px 13px;outline:none;resize:vertical}.sheet select{min-height:46px}.sheet textarea:focus,.sheet input:focus,.sheet select:focus{border-color:var(--coral)}.audience{display:grid;grid-template-columns:1fr 1fr;gap:9px}.audience button{display:flex;flex-direction:column;text-align:left;gap:4px;background:#fff;border:1px solid #ebe5df;border-radius:13px;padding:13px;color:#25272b}.audience button.active{border:2px solid var(--coral);background:#fff0ec;padding:12px}.audience b{font-size:13px}.audience span{color:#797b80;font-size:11px}.consent{margin:15px 0;padding:10px 12px;background:#fff4f2;border-radius:11px;border:1px solid #f4d9d4}.consent label{display:flex;gap:10px;align-items:flex-start;color:#514747;font-size:12px;line-height:1.45}.consent input{accent-color:var(--coral);width:18px;height:18px;flex:0 0 18px}.share-status{min-height:18px;color:#b43d33;font-size:12px}.final{width:100%;font-size:15px}.micro{color:#85827f;font-size:10px;line-height:1.4;text-align:center}.toast{position:fixed;z-index:100;bottom:83px;left:50%;transform:translateX(-50%);width:min(90vw,470px);background:#fff;color:#222;border-radius:13px;padding:15px;font-size:13px;box-shadow:0 10px 45px #0006}
body.sheet-open{overflow:hidden}
@media(min-width:760px){.studio{box-shadow:0 20px 100px #0009}.canvas-box{height:min(55dvh,520px)}}
@media(max-width:355px){.studio-top{padding:7px 12px}.toolstrip button{font-size:9px}.toolstrip button span{font-size:17px}.choice{flex-basis:69px}.choice .thumb{width:65px;height:65px}.stage-controls{gap:4px}.mini-action{padding:7px 5px;font-size:9px}.capture-actions{gap:6px;padding:14px 10px}.capture-actions button{min-height:86px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.canvas-box.landscape{height:min(37dvh,350px);min-height:216px}

.gallery-sheet .sheet-content{max-height:340px}.gallery-choices{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:22px 0 14px}.gallery-choices button{min-height:116px;border:1px solid #eee6e1;background:#fff;color:#232629;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 8px}.gallery-choices button span{font-size:27px;color:#fc675a}.gallery-choices button b{font-size:13px}.gallery-choices button small{font-size:11px;color:#787a80}.gallery-sheet .micro{margin-bottom:7px}