@font-face{font-family:Inter;src:url('/fonts/Inter.ttf')}@font-face{font-family:Montserrat;src:url('/fonts/Montserrat.ttf')}@font-face{font-family:Playfair;src:url('/fonts/PlayfairDisplay.ttf')}@font-face{font-family:RobotoMono;src:url('/fonts/RobotoMono.ttf')}:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f7ff;background:#0b1020;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:540px;margin:auto;min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(110px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:10px;padding:14px 0 10px}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#bd3cfa,#167dff);font-size:27px;font-weight:900}header strong,header small{display:block}header small{color:#aab4ce;font-size:12px;margin-top:2px}#status{margin-left:auto;color:#9cacf8;font-size:12px}.stage{display:grid;justify-content:center}#frame{position:relative;overflow:hidden;width:min(calc(100vw - 32px),310px);max-height:52dvh;aspect-ratio:9/16;border:1px solid #39465e;border-radius:18px;background:#151b2a;touch-action:none}video{width:100%;height:100%;object-fit:contain}#safe{position:absolute;inset:11% 8% 19%;border:1px dashed #e5eaff99;border-radius:6px;pointer-events:none}#caption{position:absolute;left:5%;width:90%;top:78%;transform:translateY(-100%);text-align:center;font-size:17px;font-weight:400;line-height:1.16;white-space:pre-line;overflow-wrap:anywhere;text-shadow:-1px -1px #111,1px -1px #111,-1px 1px #111,1px 1px #111;touch-action:none;cursor:grab;max-height:60%}.hint{color:#aab4ce;font-size:12px;line-height:1.45;text-align:center}.tabs{display:flex;gap:5px;overflow-x:auto;margin:14px 0 12px;padding:4px;border-radius:12px;background:#171f34}.tabs button{flex:1;border:0;padding:10px 8px;border-radius:9px;background:transparent;color:#adbad5;font-weight:700}.tabs button.active{background:#3557ed;color:#fff}.panel{min-height:154px;padding:4px 2px}.panel.hidden{display:none}label{display:block;font-size:13px;font-weight:700;margin:8px 0 7px}select,input[type=number],.line{width:100%;background:#182238;color:#fff;border:1px solid #34405b;border-radius:10px;padding:12px;font:inherit}select{margin-bottom:6px}input[type=range]{width:100%;accent-color:#786cff}.check{display:flex;align-items:center;gap:10px}.secondary{border:1px solid #5868a8;border-radius:10px;background:#202d50;color:#fff;padding:10px 15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}#lines{max-height:175px;overflow:auto}.line-row{display:flex;gap:8px;align-items:center;margin:5px 0}.line-row time{color:#a9b5d1;font-size:12px;min-width:37px}.line-row input{min-width:0;background:#182238;color:#fff;border:1px solid #34405b;border-radius:8px;padding:9px;font:inherit;flex:1}.line-row.active input{border-color:#9786ff}footer{position:fixed;bottom:0;left:0;right:0;max-width:540px;margin:auto;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0b1020 12%)}#export{width:100%;border:0;border-radius:13px;padding:15px;background:linear-gradient(100deg,#9544f5,#216eff);color:white;font-weight:800;font-size:16px}#export:disabled{opacity:.5}#message{display:block;text-align:center;color:#aab4ce;font-size:12px;margin-top:6px}
.cover-candidates{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px}.cover-choice{flex:0 0 76px;background:#182238;color:#fff;border:2px solid transparent;border-radius:10px;padding:3px;text-align:center}.cover-choice.selected{border-color:#9b79ff}.cover-choice img{width:100%;height:94px;object-fit:cover;border-radius:6px;display:block}.cover-choice span{display:block;font-size:10px;margin-top:4px}
#cover-title{width:100%;background:#182238;color:#fff;border:1px solid #34405b;border-radius:10px;padding:12px;font:inherit;margin-bottom:8px}#cover-title-preview{display:none;position:absolute;left:0;right:0;bottom:0;min-height:40%;padding:18% 8% 12%;background:linear-gradient(transparent,#050814c9);font-family:Montserrat,sans-serif;font-weight:700;text-align:center;color:white;font-size:clamp(14px,5.5vw,28px);line-height:1.14;text-shadow:1px 2px 3px #111;overflow-wrap:anywhere;pointer-events:none}#frame.cover-preview #cover-title-preview{display:block}#frame.cover-preview #caption,#frame.cover-preview #safe{display:none}
.presets{display:flex;gap:6px;overflow-x:auto;margin:2px 0 12px}.presets button{white-space:nowrap;font-size:12px;padding:9px 12px}
.stage.cover-active .hint{display:none}
#empty{display:none}body.empty #empty{display:grid;justify-items:center;text-align:center;gap:16px;margin:12vh auto 0;padding:34px 24px;border:1px solid #34405b;border-radius:24px;background:radial-gradient(circle at top,#242053,#151b2a 65%);box-shadow:0 22px 60px #0005}body.empty .stage,body.empty .tabs,body.empty .panel,body.empty footer{display:none}.empty-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#bd3cfa,#167dff);font-size:52px;font-weight:900}#empty h1{margin:0;font-size:26px;line-height:1.1}#empty p{margin:0;color:#b9c3df;font-size:15px;line-height:1.5}#empty a{display:block;width:100%;padding:14px 16px;border-radius:13px;background:linear-gradient(100deg,#9544f5,#216eff);color:#fff;text-decoration:none;font-weight:800}
.hidden{display:none!important}#toolbox{display:none}body.toolbox #toolbox{display:block}body.toolbox .stage,body.toolbox .tabs,body.toolbox .panel,body.toolbox footer,body.toolbox #open-toolbox{display:none}body.empty #toolbox,body.empty #open-toolbox{display:none}body.editor #toolbox{display:none}.toolbox-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:10px 0 18px}.toolbox-top h1{margin:0 0 5px;font-size:26px}.toolbox-top p{margin:0;color:#b9c3df;font-size:13px;line-height:1.4}.toolbox-top button{white-space:nowrap}.tool-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px}.tool-categories button{min-height:48px;border:1px solid #34405b;background:#17223a;color:#e9edfa;border-radius:12px;font-size:13px;font-weight:700}.tool-categories button.active{background:linear-gradient(100deg,#6339b8,#2358d7);border-color:#8276e9;color:white}.tool-card{border:1px solid #34405b;background:#141d31;border-radius:18px;padding:16px}.tool-card .hint{text-align:left;margin:7px 0 18px}.tool-card select,.tool-card input[type=file],.tool-card input[type=url],.tool-card input[type=number],.tool-card textarea{width:100%;border:1px solid #34405b;border-radius:10px;background:#1c2942;color:#fff;padding:12px;font:inherit}.tool-card input[type=file]{font-size:13px}.tool-card textarea{resize:vertical;min-height:120px}.tool-card input[type=number]{margin-top:6px}.tool-card label{margin-top:14px}.tool-card #run-tool{width:100%;border:0;border-radius:12px;margin-top:18px;padding:15px;background:linear-gradient(100deg,#9544f5,#216eff);color:#fff;font-weight:800;font-size:16px}.tool-card #run-tool:disabled{opacity:.55}.tool-card #tool-message{color:#b9c3df;text-align:center;font-size:13px;line-height:1.4;min-height:36px}.tool-note{color:#8796b3;font-size:12px;line-height:1.5;text-align:center;padding:0 12px}.toolbox-switch{width:100%;border:1px solid #5769af;border-radius:12px;background:#1e2b4b;color:#fff;padding:12px;font-weight:700;margin:10px 0}
.line-row{align-items:stretch}.line-times{display:flex;flex-direction:column;gap:3px;flex:0 0 58px}.line-times input{width:58px;background:#182238;color:#fff;border:1px solid #34405b;border-radius:7px;padding:5px 2px;font-size:12px;text-align:center}.line-row>input{min-height:54px}.line-remove{border:1px solid #59445e;background:#302238;color:#f8c9d8;border-radius:8px;font-size:20px;width:31px}.caption-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.caption-actions button{flex:1;min-width:135px;font-size:12px}

/* Video-first workspace: one source, one preview, one persistent set of edits. */
:root{background:#090b12;color:#f5f6fb}body{background:radial-gradient(ellipse at 50% -20%,#292449 0,transparent 48%),#090b12}main{max-width:560px;padding:env(safe-area-inset-top) 16px calc(105px + env(safe-area-inset-bottom))}header{padding:14px 2px 15px;border-bottom:1px solid #ffffff12;margin-bottom:15px}.mark{background:linear-gradient(140deg,#b567ff,#486cff);box-shadow:0 4px 24px #874cff55}header small{color:#a5a9ba}#status{color:#b5a5ff;background:#9071ff1a;padding:7px 10px;border-radius:99px}.stage{justify-items:center;gap:7px}.stage-heading{display:flex;justify-content:space-between;width:100%;color:#979bab;font-size:10px;font-weight:800;letter-spacing:.13em}.stage-heading span:last-child{color:#c4b2ff;letter-spacing:0}#frame{border:1px solid #6c6487;border-radius:16px;box-shadow:0 15px 45px #0009,0 0 0 4px #ffffff06;max-height:49dvh}#safe{border-color:#d6ccff88}.stage>.hint{margin:1px 0 0;font-size:11px}.playhead{display:flex;align-items:center;gap:9px;width:100%;color:#aeb3c1;font-size:11px;font-variant-numeric:tabular-nums}.playhead input{flex:1;accent-color:#ad75ff}.tabs{gap:5px;margin:15px -16px 11px;padding:4px 16px 7px;border-radius:0;background:transparent;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;min-width:76px;display:grid;justify-items:center;gap:4px;padding:9px 10px;border:1px solid #343747;border-radius:13px;background:#191c29;color:#c8ccdc;font-size:11px;white-space:nowrap}.tabs button span{font-size:20px;line-height:1.05}.tabs button.active{background:#392d67;border-color:#a982ff;color:#fff;box-shadow:0 3px 17px #764bc433}.panel{padding:10px 2px 18px;min-height:170px}.panel>label:first-child{margin-top:0}.panel .hint{text-align:left}.panel select,.panel input[type=number],.panel #cover-title{background:#1b1d2b;border-color:#3c4052}.secondary{background:#211e34;border-color:#594e79}.presets button{background:#2c2549}.line-row input,.line-times input{background:#1b1d2b}footer{background:linear-gradient(transparent,#090b12 20%)}#export{background:linear-gradient(100deg,#a453f3,#536dff);box-shadow:0 5px 25px #663cff40}#message{color:#b9b9cb}
#video-start{display:none}body.start #video-start{display:block}body.start .stage,body.start .tabs,body.start .panel,body.start footer{display:none}body.empty #video-start{display:none}.start-hero{padding:24px 4px 19px}.start-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#7d45eb,#5d81ff);box-shadow:0 9px 30px #7b47db55;font-size:25px;margin-bottom:20px}.eyebrow{color:#a887ff;font-size:11px;font-weight:800;letter-spacing:.16em}.start-hero h1{font-size:clamp(28px,8vw,40px);line-height:1.08;letter-spacing:-.04em;margin:10px 0 12px}.start-hero p{color:#b8bed0;font-size:15px;line-height:1.5;margin:0}.upload-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:155px;border:1.5px dashed #8a6acb;border-radius:20px;background:linear-gradient(145deg,#27213f,#151b2d);text-align:center;cursor:pointer;margin:13px 0 12px}.upload-card span{font-size:34px;color:#b784ff;line-height:1}.upload-card strong{font-size:18px;margin-top:8px}.upload-card small{font-weight:400;color:#9ea5b8;margin-top:5px}#create-project{width:100%;padding:15px;border:0;border-radius:14px;background:linear-gradient(100deg,#a453f3,#536dff);color:#fff;font-size:15px;font-weight:800}#create-project:disabled{opacity:.45}#upload-message{color:#a8adbe;font-size:12px;text-align:center;line-height:1.45;min-height:35px}.start-steps{display:grid;gap:11px;margin-top:29px;padding:20px;border:1px solid #303346;border-radius:18px;background:#161924}.start-steps div{display:flex;align-items:center;gap:14px;font-size:13px;color:#d9dbea}.start-steps b{font-size:11px;color:#b08cff;background:#ac76ff1c;border-radius:8px;padding:7px}
@media(min-width:700px){#frame{max-height:58dvh}}@media(max-height:720px){#frame{max-height:25dvh}header{padding:10px 2px;margin-bottom:10px}#studio-nav{margin-bottom:10px}.stage>.hint{display:none}.tabs{margin-top:9px;margin-bottom:5px}.panel{min-height:130px;padding-top:4px}}
#recent-projects{padding:17px;margin:20px 0 0;border:1px solid #39344f;border-radius:17px;background:#191927}#recent-projects h2{font-size:17px;margin:0 0 4px}#recent-projects p{font-size:12px;color:#a9acc0;margin:0 0 13px}#recent-list{display:grid;gap:8px}#recent-list a{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:12px;border:1px solid #4b4266;border-radius:11px;background:#242039;color:#fff;text-decoration:none}#recent-list a strong{font-size:13px}#recent-list a span{grid-column:1;color:#a8acc1;font-size:11px}#recent-list a b{grid-column:2;grid-row:1/3;align-self:center;color:#b892ff;font-size:20px}
#studio-nav{display:flex;gap:5px;padding:4px;margin:0 0 14px;background:#191b27;border:1px solid #343347;border-radius:14px}#studio-nav button{flex:1;border:0;border-radius:10px;padding:11px 4px;background:transparent;color:#aeb2c4;font-weight:800;font-size:13px}#studio-nav button.active{background:linear-gradient(110deg,#583a91,#4d5fd4);color:#fff}body.empty #studio-nav{display:none}#asset-studio{display:none}body.asset-mode #asset-studio{display:block}body.asset-mode #video-start,body.asset-mode #empty,body.asset-mode .stage,body.asset-mode .tabs,body.asset-mode main>.panel,body.asset-mode main>footer{display:none!important}body.asset-mode #asset-landing,body.asset-mode #asset-workspace{padding-bottom:25px}#asset-create,#asset-export,#generate-submit{width:100%;border:0;border-radius:14px;background:linear-gradient(100deg,#a453f3,#536dff);padding:15px;color:white;font-weight:800;font-size:15px}#asset-create:disabled,#asset-export:disabled,#generate-submit:disabled{opacity:.5}#asset-recent{border:1px solid #39344f;background:#191927;border-radius:17px;padding:16px;margin:20px 0}#asset-recent h2{font-size:17px;margin:0 0 10px}#asset-recent-list{display:grid;gap:8px}#asset-recent-list a{color:#f5f5ff;text-decoration:none;padding:12px;border:1px solid #4b4266;border-radius:10px;background:#242039}.generate-card{margin:24px 0;padding:18px;border:1px solid #584c7b;border-radius:18px;background:linear-gradient(135deg,#241d3b,#181d2c)}.generate-card h2{margin:9px 0;font-size:20px}.generate-card p{color:#adb2c4;font-size:12px;line-height:1.5}.generate-card textarea{width:100%;min-height:100px;resize:vertical;padding:12px;border:1px solid #57516e;border-radius:11px;background:#121522;color:#fff;font:inherit}.generate-card select{width:100%}#generate-submit{margin-top:12px}#generate-status{min-height:20px}#asset-workspace .stage-heading{margin:7px 0 14px}#asset-image{display:block;width:100%;max-height:48dvh;object-fit:contain;background:#141723;border:1px solid #4a4864;border-radius:15px}#asset-audio{width:100%;margin:25px 0;background:#222333;border-radius:30px}.asset-controls{padding:15px 0}.asset-controls label{margin:12px 0}.asset-controls input[type=number],.asset-controls select{margin-top:7px}.asset-controls input[type=range]{display:block;margin-top:9px}#asset-message{font-size:13px;color:#b8b4d5;text-align:center;min-height:25px}
#video-generate-submit{width:100%;border:0;border-radius:14px;background:linear-gradient(100deg,#a453f3,#536dff);padding:15px;color:#fff;font-weight:800;font-size:15px;margin-top:12px}#video-generate-submit:disabled{opacity:.5}
#asset-preview{display:grid;place-items:center;overflow:hidden;margin:0 auto;background:#141723;border:1px solid #4a4864;border-radius:15px}#asset-preview.hidden{display:none}#asset-preview #asset-image{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border:0;border-radius:0;background:transparent}

/* Tools live inside the preview workspace; only the buttons intercept touches. */
.stage{display:flex;flex-direction:column;align-items:center;width:100%}
.preview-workspace{position:relative;display:grid;place-items:center;width:100%;min-height:274px;padding:8px 0;border:1px solid #ffffff15;border-radius:20px;background:radial-gradient(ellipse at center,#24203888,#0b0d16 80%);isolation:isolate}
.preview-workspace #frame{max-height:42dvh;box-shadow:0 8px 25px #0006}
.preview-workspace .tabs{position:absolute;inset:10px 6px 42px;display:grid;grid-template-columns:48px 48px;grid-template-rows:repeat(4,44px);grid-auto-flow:column;align-content:center;justify-content:space-between;gap:6px;margin:0;padding:0;background:none;overflow:visible;pointer-events:none;z-index:3}
.preview-workspace .tabs button{min-width:0;width:48px;min-height:44px;padding:4px 1px;gap:2px;font-size:8px;line-height:1.1;pointer-events:auto;touch-action:manipulation;border:1px solid #ffffff20;border-radius:10px;background:#17192599;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;text-shadow:0 1px 3px #000}
.preview-workspace .tabs button span{font-size:17px}
.preview-workspace .tabs button.active{background:#62419cde;border-color:#c4a2ff;box-shadow:0 0 0 1px #b18bff44}
.preview-workspace .tabs button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.edit-navigation{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;margin:0 0 3px}
.edit-navigation>div{display:flex;gap:4px}.edit-navigation button{min-height:44px;padding:6px 8px;border:0;border-radius:10px;background:#ffffff08;color:#ddd8ef;font-size:11px;touch-action:manipulation}.edit-navigation button:disabled{opacity:.3}.edit-navigation button:focus-visible{outline:2px solid #bfa1ff}
body.asset-project #asset-studio>.start-hero{display:none}body.asset-project .asset-controls{padding-top:5px}body.asset-project #asset-workspace .stage-heading{margin:5px 0 9px}
body.editor header{padding:7px 0;margin-bottom:8px}body.editor .mark{width:30px;height:30px;font-size:23px}body.editor #studio-nav{margin-bottom:7px}body.editor #studio-nav button{padding:8px 4px;font-size:12px}
/* A horizontal, scrollable rail stays inside both portrait and landscape video. */
.preview-workspace .tabs{inset:auto 6px 6px;display:flex;justify-content:flex-start;align-items:stretch;gap:4px;height:48px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;pointer-events:auto;background:#0b0c15b8;border:1px solid #ffffff18;border-radius:12px;padding:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.preview-workspace .tabs::-webkit-scrollbar{display:none}
.preview-workspace .tabs button{flex:0 0 58px;width:58px;min-height:42px;scroll-snap-align:start;border:0;border-radius:9px;padding:3px 2px;background:transparent;font-size:8px}
.preview-workspace .tabs button span{font-size:16px}
.preview-workspace .tabs button.active{background:#62419c;border:0;box-shadow:none}
.preview-workspace #frame.toolbar-top .tabs{top:48px;bottom:auto}
#frame-backdrop{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:blur(16px);transform:scale(1.1)}
#frame-backdrop.active{display:block}
#frame>video#video{position:relative;z-index:1}
#frame>#safe,#frame>#caption,#frame>#cover-title-preview{z-index:2}
#frame.blur-fill>video#video{position:absolute;top:var(--video-top);left:var(--video-left);width:var(--video-width);height:var(--video-height);object-fit:fill}
.style-choices{display:flex;gap:9px;overflow-x:auto;margin:7px 0 12px;padding:3px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.style-choice{flex:0 0 128px;min-height:102px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:8px;padding:9px;border:1px solid #48465d;border-radius:14px;background:#1a1d2a;color:#f5f6fb;scroll-snap-align:start;text-align:left;touch-action:manipulation;transition-property:border-color,background-color,transform;transition-duration:150ms;transition-timing-function:ease-out}
.style-choice:active{transform:scale(.97)}.style-choice:focus-visible{outline:2px solid #d2b7ff;outline-offset:2px}.style-choice[aria-pressed=true]{border-color:#b18bff;background:#29223f}
.style-choice-sample{display:grid;place-items:center;min-height:53px;padding:5px;border-radius:8px;background-color:#303445;font-size:16px;line-height:1.05;text-align:center;overflow-wrap:anywhere}
.style-choice-name{display:block;font-size:11px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#style-name,#reference-style-name{display:block;width:100%;min-height:44px;padding:11px 12px;border:1px solid #3c4052;border-radius:10px;background:#1b1d2b;color:#fff;font:inherit}
.reference-save-card{margin-top:14px;padding:10px;border:1px solid #514568;border-radius:12px}.reference-save-card button{min-height:44px;width:100%;margin:6px 0}
#style-name::placeholder{color:#8f94a6}#save-style,#save-style-phrase,#load-style,#load-style-phrase{display:block;width:100%;min-height:44px;margin:9px 0 12px}
.style-management{margin:8px 0 12px;padding:10px 12px;border:1px solid #343747;border-radius:12px;background:#151823}
.style-management summary{color:#b8bdd0;font-size:12px;font-weight:700;cursor:pointer;min-height:24px;list-style-position:inside}
.style-management button{display:block;width:100%;min-height:44px;margin-top:8px}
#style-panel .secondary:disabled{opacity:.43;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.style-choice{transition:none}}
@media(max-height:700px){body.source-selecting #create-project{position:static!important}#source-preview{height:clamp(150px,29dvh,220px)!important}}
.source-timeline{touch-action:pan-y!important}
.source-timeline input[type=range]::-webkit-slider-thumb{pointer-events:none!important}
.source-timeline input[type=range]::-moz-range-thumb{pointer-events:none!important}
.reference-interval-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.reference-interval-fields label{min-width:0;margin:0}
.reference-interval-fields input[type=number]{width:100%;min-width:0;margin-top:5px}
#reference-use-moment{min-height:44px;text-align:center;font-weight:700}
.reference-seek-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:9px 0 4px}.reference-seek-heading label{min-width:0;margin:0}.reference-seek-heading output{flex:none;color:#d9c6ff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.reference-step-title{margin:13px 0 4px;font-size:13px;line-height:1.3;color:#f2eaff;text-wrap:balance}.reference-advanced{margin:13px 0;padding:10px 12px;border:1px solid #414057;border-radius:12px;background:#171a27}.reference-advanced>summary{min-height:24px;color:#cfc3ea;font-size:12px;font-weight:700;cursor:pointer;text-wrap:pretty}.reference-advanced[open]>summary{margin-bottom:10px}.reference-advanced textarea{width:100%;min-height:68px;padding:10px;border:1px solid #4b4962;border-radius:10px;background:#10131d;color:#fff;font:inherit}.reference-final-step{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:15px 0 7px}.reference-final-step strong{font-size:13px}.reference-final-step span{color:#aaa5ba;font-size:11px;font-variant-numeric:tabular-nums}#reference-analyze{min-height:44px;width:100%;font-weight:800}
#lines:has(.word-tools[open]){max-height:min(55dvh,420px)}
#reference-preflight{margin:8px 0;padding:10px 12px;border:1px solid #cd7777;border-radius:10px;background:#4e242bd9;color:#ffe9e9;font-size:12px;line-height:1.4}
.word-tools label{display:flex;align-items:center;gap:9px;margin:7px 0;font-size:12px}
.word-tools input[type=color]{flex:0 0 44px;width:44px;height:38px;padding:2px;border:1px solid #666078;border-radius:9px;background:#222433;cursor:pointer}
.accent-color-control{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:5px}.accent-color-control span{color:#aeb2c4;font-size:12px;line-height:1.3}.accent-color-control #accent-color{display:block;flex:0 0 54px;width:54px;height:44px;min-width:54px;padding:3px;border:1px solid #666078;border-radius:12px;background:#222433;cursor:pointer;appearance:none;-webkit-appearance:none}#accent-color::-webkit-color-swatch-wrapper{padding:0}#accent-color::-webkit-color-swatch{border:0;border-radius:8px}#accent-color:focus-visible{outline:2px solid #d2b7ff;outline-offset:2px}
#source-selection .source-help{margin:10px 2px 9px!important}
@media(max-width:440px) and (min-height:701px) and (max-height:900px){#source-preview{height:clamp(170px,30dvh,270px)!important}}
#source-selection{margin:10px 0 12px;padding:14px;border:1px solid #514c68;border-radius:20px;background:linear-gradient(155deg,#202039,#11141e 70%);box-shadow:0 16px 44px #0005}#source-selection.hidden{display:none}.source-selection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.source-selection-heading h2{font-size:19px;line-height:1.16;letter-spacing:-.03em;margin:4px 0 0}.source-selection-heading .eyebrow{font-size:9px;letter-spacing:.12em}.source-duration{flex:none;padding:6px 8px;border:1px solid #ffffff1a;border-radius:9px;background:#ffffff0c;color:#c7c9d5;font-size:11px;font-variant-numeric:tabular-nums}#source-preview{display:block;width:100%;height:clamp(170px,33dvh,300px);background:#080910;border-radius:14px;object-fit:contain}.source-range-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:15px 1px 8px;color:#9e9aac;font-size:10px;letter-spacing:.12em;font-weight:800}.source-range-heading strong{color:#eee3ff;font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums}.source-timeline{--selection-left:0%;--selection-right:80%;position:relative;height:62px;overflow:hidden;border:1px solid #504763;border-radius:12px;background:linear-gradient(115deg,#242740,#171923);touch-action:none}.source-frames{display:grid;grid-template-columns:repeat(8,1fr);width:100%;height:100%;gap:2px}.source-frame{min-width:0;background:linear-gradient(135deg,#494067,#182744);background-size:cover;background-position:center}.source-frame:nth-child(even){background-color:#242d48}.source-range-shade{position:absolute;top:0;bottom:0;background:#05060cbb;pointer-events:none}.source-range-before{left:0;width:var(--selection-left)}.source-range-after{left:var(--selection-right);right:0}.source-range-window{position:absolute;top:0;bottom:0;left:var(--selection-left);right:calc(100% - var(--selection-right));border:2px solid #c29aff;box-shadow:inset 0 0 0 1px #160f2b,0 0 14px #9767ef55;pointer-events:none;border-radius:5px}.source-timeline input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none;outline:0}.source-timeline input[type=range]::-webkit-slider-runnable-track{height:100%;background:transparent}.source-timeline input[type=range]::-moz-range-track{height:100%;background:transparent}.source-timeline input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:62px;margin-top:0;border:2px solid #f4eaff;border-radius:6px;background:linear-gradient(#d9b8ff,#8458d7);box-shadow:0 1px 10px #000a;pointer-events:auto;cursor:ew-resize}.source-timeline input[type=range]::-moz-range-thumb{width:18px;height:58px;border:2px solid #f4eaff;border-radius:6px;background:linear-gradient(#d9b8ff,#8458d7);pointer-events:auto;cursor:ew-resize}#source-start{z-index:3}#source-end{z-index:2}.source-times{display:flex;justify-content:space-between;margin:7px 1px 11px;color:#bcb7cc;font-size:11px}.source-times output{color:#fff;font-weight:800;font-variant-numeric:tabular-nums}.source-markers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.source-markers button{min-height:42px;border:1px solid #63577d;background:#2a2540;color:#f5ecff;border-radius:11px;font:inherit;font-size:12px;font-weight:800}.source-markers button:active{background:#473867}.source-help{margin:11px 2px 0!important;color:#a8a5ba!important;font-size:11px!important;line-height:1.4!important}body.source-selecting #video-start>.start-hero{display:none}body.source-selecting #video-start>.upload-card{min-height:48px;margin:0 0 8px;border-style:solid;border-color:#393747;background:#191b2a;border-radius:12px;flex-direction:row;gap:8px}body.source-selecting #video-start>.upload-card span{font-size:19px}body.source-selecting #video-start>.upload-card strong{font-size:12px;margin:0}body.source-selecting #video-start>.upload-card small{display:none}body.source-selecting #create-project{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 8px 28px #0009}body.source-selecting #upload-message{margin:8px 0}
#generate-card .recipe-library{margin:18px 0}.recipe-library h3{font-size:16px;margin:0 0 7px}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.recipe-grid button{min-height:76px;text-align:left;border:1px solid #45495d;border-radius:12px;padding:12px;background:#1a2030;color:#f4f6ff}.recipe-grid button strong,.recipe-grid button span{display:block}.recipe-grid button strong{font-size:13px}.recipe-grid button span{font-size:11px;line-height:1.4;color:#b5bdcd;margin-top:5px}.recipe-grid button[aria-pressed=true]{border-color:#899bff;background:#252f49}.recipe-grid button:focus-visible{outline:2px solid #bac5ff;outline-offset:2px}@media(max-width:340px){.recipe-grid{grid-template-columns:1fr}}
html.ai-shell body main{max-width:760px;padding-bottom:calc(100px + env(safe-area-inset-bottom))}html.ai-shell main> :not(header):not(#ai-studio){display:none!important}#ai-studio [hidden]{display:none!important}#ai-studio{--ai-surface:#171d2a;--ai-line:#303b4c;--ai-muted:#b1bed1;--ai-accent:#9cc9ff;color:#f3f6fb}#ai-studio h1{font-size:28px;letter-spacing:-.7px;margin:8px 0}#ai-studio h2{font-size:18px;margin:26px 0 12px}.ai-heading{padding:18px 0 22px}.ai-heading p,.ai-note{font-size:13px;line-height:1.6;color:var(--ai-muted);margin:8px 0 16px}.ai-entry-grid,.ai-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-entry-grid button,.ai-mode-grid button,.ai-draft-row>button:first-child{display:flex;align-items:flex-start;flex-direction:column;gap:8px;text-align:left;padding:16px;min-width:0;min-height:132px;border:1px solid var(--ai-line);border-radius:16px;background:var(--ai-surface);color:inherit}.ai-entry-grid button:first-child{background:#203348;border-color:#4b708e}.ai-entry-grid strong,.ai-mode-grid strong{font-size:15px}.ai-entry-grid span,.ai-mode-grid span,.ai-draft-row span{font-size:12px;line-height:1.5;color:var(--ai-muted);overflow-wrap:anywhere}.ai-mode-grid .ui-icon,.ai-entry-grid .ui-icon{width:23px;height:23px;color:var(--ai-accent)}.ai-editor-links{display:flex;gap:8px}.ai-editor-links a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border:1px solid var(--ai-line);border-radius:12px;color:inherit;text-decoration:none;background:var(--ai-surface);font-size:13px}.ai-editor-links .ui-icon{width:18px;height:18px}.ai-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:4px;width:min(100%,760px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#111827;border-top:1px solid var(--ai-line);z-index:20}.ai-bottom-nav button{flex:1;display:flex;align-items:center;flex-direction:column;gap:5px;min-height:52px;border:0;border-radius:10px;background:transparent;color:var(--ai-muted);font-size:11px}.ai-bottom-nav button[aria-current=page]{color:var(--ai-accent);background:#233044}.ai-bottom-nav .ui-icon{width:20px;height:20px}#ai-create-view label{display:block;margin:18px 0;font-size:13px;color:var(--ai-muted)}#ai-create-view textarea,#ai-create-view select{display:block;width:100%;margin-top:8px;padding:12px;border-radius:12px;border:1px solid var(--ai-line);background:#111827;color:#f3f6fb;font:inherit;min-height:46px}#ai-create-view textarea{resize:vertical;line-height:1.6;min-height:150px}.ai-availability{padding:12px 0;border-top:1px solid var(--ai-line);color:var(--ai-muted);font-size:12px;line-height:1.6}.ai-form-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-form-actions button{flex:1;min-height:48px;font-size:13px;border-radius:12px}#ai-submit{background:#afd4ff;color:#132436;border:0;padding:12px;font-weight:700}#ai-submit:disabled{opacity:.45}#ai-job-status{font-size:13px;line-height:1.6;min-height:24px}.ai-draft-row{display:flex;gap:8px;margin:10px 0}.ai-draft-row>button:first-child{flex:1;min-height:80px}.ai-draft-row .secondary{align-self:center;min-height:44px}#ai-studio button:focus-visible,#ai-studio a:focus-visible{outline:2px solid #d0e7ff;outline-offset:3px}@media(max-width:350px){.ai-entry-grid,.ai-mode-grid{gap:7px}.ai-entry-grid button,.ai-mode-grid button{padding:12px}.ai-form-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){#ai-studio *{animation:none!important;transition:none!important}}
/* AI catalog: quiet, compact controls; separate selection and preference actions. */
.ai-entry-grid .ai-entry-tools{grid-column:1/-1;min-height:100px;background:#1d2736}
.ai-trend-start{padding:0 0 18px;margin:0 0 20px;border-bottom:1px solid var(--ai-line)}
#ai-page-title:focus{outline:none}
.ai-trend-start h2{margin:0 0 10px!important;font-size:17px!important}
.ai-trend-start label{display:block;margin-bottom:8px;color:#dce8f8;font-size:13px}
#ai-trend-start-url{display:block;width:100%;min-height:48px;padding:10px 12px;border:1px solid #4b708e;border-radius:12px;background:#111827;color:#f3f6fb;font:inherit}
.ai-trend-start .ai-note{margin:8px 0 10px}
.ai-trend-start-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ai-trend-start-actions button{min-width:0;min-height:46px;padding:10px;border-radius:10px;white-space:normal;line-height:1.3}
.ai-trend-start-actions button:first-child{background:#203348;border:1px solid #4b708e;color:#f3f6fb}
#ai-trend-start-status:empty{display:none}
.studio-return{display:inline-flex;align-items:center;min-height:44px;margin:0 0 10px;padding:8px 12px;border:1px solid #49435f;border-radius:12px;background:#211e31;color:#e9e4f5;text-decoration:none;font-size:12px;font-weight:700}
.studio-return:focus-visible{outline:2px solid #d0e7ff;outline-offset:3px}
.asset-reference{display:block;width:100%;margin:18px 0 10px;border:1px solid #ad9cff;background:#362e57;color:#f9f6ff;min-height:48px}
.asset-reference.hidden{display:none}
.ai-library-download{min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--ai-line);border-radius:10px;color:var(--ai-text);background:var(--ai-surface);font-size:14px;text-decoration:none}.ai-library-download:focus-visible{outline:2px solid var(--ai-accent);outline-offset:3px}
.asset-audio-library{margin:16px 0;padding:16px;border:1px solid #ad9cff;border-radius:12px;background:#211e32}.asset-audio-library button{min-height:48px;width:100%;margin-bottom:8px}.asset-audio-library p{line-height:1.5;font-size:13px}.ai-library-media audio{width:100%;max-width:100%;height:54px}
.asset-audio-library button{border:1px solid #ad9cff;border-radius:12px;background:#44346f;color:#f9f6ff;font:600 14px/1.4 system-ui;padding:12px;cursor:pointer}.asset-audio-library button.secondary{background:transparent}.asset-audio-library button:disabled{opacity:.55;cursor:wait}.asset-audio-library button:focus-visible{outline:2px solid #fff;outline-offset:3px}.ai-library-media[data-kind="audio"]{aspect-ratio:auto;min-height:100px;padding:12px}.ai-library-media audio,#asset-audio{color-scheme:dark}
.ai-handoff-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ai-handoff-actions button{min-height:44px}
#ai-photo-handoff{display:block}
#ai-photo-handoff .ai-handoff-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
#ai-photo-handoff .ai-handoff-actions button{width:100%;min-width:0;white-space:normal;line-height:1.25}
#ai-photo-handoff-dismiss{color:#aec0d5;background:transparent;border-color:transparent}
#ai-handoff-video-roles{margin-top:10px}
#ai-handoff-video-roles summary{min-height:44px;display:flex;align-items:center;color:#ddd3ff;cursor:pointer}
.video-reference-handoff{margin:14px 0 4px;padding:14px;border:1px solid #554a72;border-radius:14px;background:#211d32}
.video-reference-handoff button{width:100%;min-height:48px}
.video-reference-handoff select{width:100%;min-height:48px;margin:6px 0 10px;font-size:16px}
.video-reference-handoff button+button{margin-top:8px}
.video-reference-handoff .hint{margin:10px 0 0}
.comparison-layout-config{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.comparison-layout-fields{flex:1;min-width:0}
.comparison-layout-diagram{position:relative;flex:0 0 72px;width:72px;height:128px;border-radius:8px;background:#fcfafd;color:#242536;overflow:hidden}
.comparison-layout-diagram span{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:600;background:#d6d4df}
.comparison-layout-diagram .comparison-before{left:9.6px;top:53.4px;width:23.6px;height:38px}
.comparison-layout-diagram .comparison-after{left:29.6px;top:38.2px;width:32px;height:56.8px;background:#beb8d0}
.comparison-layout-diagram[data-layout="split"] span{top:41.2px;width:25.6px;height:45.6px}
.comparison-layout-diagram[data-layout="split"] .comparison-before{left:7.2px}
.comparison-layout-diagram[data-layout="split"] .comparison-after{left:39.2px}
.comparison-advanced{margin:0 0 14px;border-top:1px solid #554a72}
.comparison-advanced summary{min-height:48px;padding:14px 0;cursor:pointer;font-weight:600}
.comparison-advanced fieldset{margin:14px 0;padding:0;border:0;min-width:0}
.comparison-advanced legend{font-weight:600;margin:0 0 8px}
.comparison-advanced label{display:block;font-size:13px;color:#c5c2d3}
.comparison-advanced input[type=range]{width:100%;min-height:44px;margin:0 0 6px;accent-color:#9c7dff;touch-action:pan-y}
.comparison-inspector{position:relative;width:216px;height:384px;margin:12px auto;border-radius:12px;background:#fcfafd;overflow:hidden;outline:1px solid #ffffff33}
.video-reference-handoff .comparison-inspector button{position:absolute;min-height:44px;min-width:44px;margin:0;border:1px solid #24253633;border-radius:6px;background:#d6d4df;color:#242536;font-size:14px;cursor:grab;touch-action:none;user-select:none}
.video-reference-handoff .comparison-inspector button+button{margin:0;background:#beb8d0}
.comparison-inspector button:active{cursor:grabbing}
.comparison-inspector button:focus-visible{outline:3px solid #6746bc;outline-offset:-3px}
.comparison-inspector button:disabled{cursor:default;opacity:.65}
.caption-selection-actions{padding:10px 0}.caption-selection-actions button,#caption-selection-toggle{min-height:44px;width:100%;margin-bottom:8px}
.line-select{flex:0 0 100%;display:flex;align-items:center;gap:10px;min-height:44px;margin:0!important;padding:4px 8px;border:1px solid #665786;border-radius:8px;font-size:12px}
.line-select input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:#b18bff;flex:0 0 22px}.line-row.caption-selected{outline:2px solid #b18bff;outline-offset:-2px}
.line-row>.line-appearance-badge{flex:0 0 100%}
.ai-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 24px}
.ai-tool-grid>a,.ai-tool-grid>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;min-width:0;min-height:160px;padding:16px;border:1px solid var(--ai-line);border-radius:16px;background:var(--ai-surface);color:#f3f6fb;text-decoration:none;font:inherit}
.ai-tool-grid .ui-icon{width:23px;height:23px;color:var(--ai-accent)}
.ai-tool-grid strong{font-size:15px}.ai-tool-grid span{font-size:12px;line-height:1.5;color:var(--ai-muted);overflow-wrap:anywhere}
.ai-tool-grid em{margin-top:auto;font-size:12px;font-weight:700;font-style:normal;color:var(--ai-accent)}
@media(max-width:600px){.ai-tool-grid{grid-template-columns:1fr}.ai-tool-grid>a,.ai-tool-grid>button{min-height:124px}}
.ai-reference-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.ai-reference-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:17px;padding:5px;border:1px solid var(--ai-line);border-radius:14px;background:#111827}
.ai-reference-source-note{margin:14px 0;padding:13px 14px;border:1px solid #4b708e;border-radius:13px;background:#182c3b;overflow-wrap:anywhere}
.ai-reference-source-note[hidden]{display:none}
.ai-reference-source-note p{margin:0 0 7px;line-height:1.45}
.ai-reference-source-note strong,.ai-reference-source-note span{display:block}
.ai-reference-source-note span{margin-top:3px;color:#bfd3e9;font-size:12px}
.ai-reference-source-note button{min-height:44px;padding:8px 12px}
.ai-reference-switch button{min-width:0;min-height:44px;padding:9px 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:#bdc9da;font:inherit;font-size:12px;font-weight:700}
.ai-reference-switch button[aria-pressed=true]{border-color:#685b9d;background:#2d2548;color:#f3edff}
.ai-reference-preset-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.ai-reference-preset-grid[hidden]{display:none}
.ai-reference-preset-grid .ai-reference-option{height:100%}
.ai-reference-option .ai-reference-files{color:#d1dbeb;font-size:12px;font-weight:600}
.ai-reference-option{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid var(--ai-line);border-radius:17px;background:var(--ai-surface)}
.ai-reference-option[hidden]{display:none}
.ai-reference-option:first-child{grid-column:1/-1}
.ai-reference-option>.ui-icon{width:24px;height:24px;color:var(--ai-accent)}
.ai-reference-option h3{margin:11px 0 5px;font-size:17px;line-height:1.2}
.ai-reference-option>p{margin:0 0 12px;color:var(--ai-muted);font-size:12px;line-height:1.5}
.ai-reference-option label{margin:3px 0 7px;color:#e5edf8;font-size:12px}
.ai-reference-option textarea{display:block;width:100%;min-height:80px;margin:0 0 8px;padding:11px;border:1px solid var(--ai-line);border-radius:11px;background:#111827;color:#f3f6fb;font:inherit;font-size:13px;line-height:1.45;resize:vertical}
.ai-reference-option .ai-note{margin:0 0 14px;font-size:11px}
.ai-reference-state{display:block;margin:auto 0 13px;color:#cabfe4;font-size:11px;line-height:1.4}
.ai-reference-option button,.ai-reference-option a{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px 12px;text-align:center;text-decoration:none;font-size:12px;font-weight:700}
.ai-reference-steps{position:sticky;top:env(safe-area-inset-top);z-index:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0;padding:7px 0;background:#0b1020}
#ai-create-view.ai-reference-form :is(input,select,textarea,summary){scroll-margin-top:calc(112px + env(safe-area-inset-top))}
.ai-reference-steps button{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:56px;padding:7px 5px;border:1px solid #4b5c72;border-radius:10px;background:#1a2637;color:#f3f6fb;text-align:center;font:inherit}
.ai-reference-steps strong{font-size:11px;line-height:1.25}
.ai-reference-steps span{color:#b9d1ec;font-size:10px;line-height:1.25}
#ai-reference-own-title,#ai-reference-example-title{scroll-margin-top:80px}
@media(max-width:600px){.ai-reference-options,.ai-reference-preset-grid{grid-template-columns:1fr}.ai-reference-option:first-child{grid-column:auto}}
#ai-template-search,.ai-catalog-filters select{width:100%;min-height:46px;border:1px solid var(--ai-line);border-radius:12px;background:#111827;color:#f3f6fb;padding:10px 12px;font:inherit}
.ai-search-label{display:block;font-size:13px;color:var(--ai-muted);margin-bottom:8px}
.ai-template-disclaimer{margin:2px 0 16px}
.ai-catalog-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;margin:14px 0}
.ai-catalog-filters label{min-width:0;font-size:13px;color:var(--ai-muted)}
.ai-catalog-filters select{display:block;margin-top:6px}
.ai-catalog-filters select:disabled{opacity:.55}
.ai-catalog-filters button,.ai-favorite{min-height:44px;border:1px solid var(--ai-line);border-radius:10px;background:#171d2a;color:#b1bed1;font-size:12px;padding:10px 12px}
.ai-catalog-filters button[aria-pressed=true],.ai-favorite[aria-pressed=true]{background:#233044;color:#d0e7ff;border-color:#749cc5}
.ai-recipe{min-width:0;display:flex;flex-direction:column;gap:6px}
.ai-draft-actions{display:flex;flex-direction:column;gap:6px;align-self:center}.ai-draft-actions button{min-height:44px}
.ai-draft-row .ai-draft-state{display:block;width:fit-content;max-width:100%;padding:6px 9px;border-radius:8px;background:#3d3428;color:#f5d8a4;font-size:11px;line-height:1.45;text-wrap:pretty}
.ai-draft-row .ai-draft-state[data-state=available]{background:#1d3b3a;color:#b3ece0}
.ai-recipe>button:first-child{flex:1;width:100%}
.ai-mode-grid .ai-favorite{display:block;min-height:44px;padding:8px 12px;text-align:center;border-radius:10px;font-size:12px}
#ai-template-empty{padding:12px 0;font-size:13px;line-height:1.6;color:var(--ai-muted)}
#ai-recipe-fields input,#ai-recipe-fields textarea{display:block;width:100%;margin-top:8px;padding:12px;min-height:46px;border:1px solid var(--ai-line);border-radius:12px;background:#111827;color:#f3f6fb;font:inherit}
#ai-recipe-fields textarea{resize:vertical;line-height:1.5;min-height:160px}
#ai-material-plan,#ai-video-frames,#ai-expand-options{min-width:0;margin:18px 0;padding:16px;border:1px solid var(--ai-line);border-radius:16px;background:var(--ai-surface)}
#ai-material-plan legend,#ai-video-frames legend,#ai-expand-options legend{padding:0 6px;color:#f3f6fb;font-size:14px;font-weight:600}
.ai-reference-steps[data-expansion=true]{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
#ai-expand-options select{display:block;width:100%;min-height:44px;margin-top:8px}
#ai-reference-url{min-height:44px}
#ai-material-plan textarea{min-height:76px}
#ai-material-plan .ai-material-file,#ai-video-frames .ai-material-file{min-width:0;margin:14px 0;padding:16px 0 4px;border-top:1px solid var(--ai-line)}
#ai-extra-photos summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;color:#f2f3fa;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
#ai-extra-photos summary::-webkit-details-marker{display:none}
#ai-extra-photos summary::before{content:'＋';flex:none;color:#b9a7ff;font-size:18px;line-height:1}
#ai-extra-photos[open] summary::before{content:'−'}
#ai-extra-photo-count{margin-left:auto;color:#b9c6dc;font-size:11px;font-weight:500;text-align:right}
.ai-library-entry{display:flex;align-items:center;gap:14px;width:100%;text-align:left;margin:0 0 20px;padding:16px;background:var(--ai-surface);border:1px solid var(--ai-line);border-radius:14px;color:inherit}
.ai-library-entry span:nth-child(2){flex:1;min-width:0}.ai-library-entry strong,.ai-library-entry small{display:block}.ai-library-entry small{margin-top:5px;color:var(--ai-muted);font-size:12px;line-height:1.5}
.ai-library-entry>.ui-icon{width:24px;height:24px;color:var(--ai-accent);flex:none}
#ai-library-list h2{font-size:15px;margin:0 0 6px}
#ai-library-list [data-library-action=choose]{flex:1;border:1px solid #749cc5;border-radius:10px;padding:11px 14px;background:#233b53;color:#e9f3ff;font:inherit;font-size:13px;font-weight:600}
#ai-library-list [data-library-action=choose]:disabled{border-color:var(--ai-line);background:#1b2431;color:#9ca8b9;opacity:.65}
#ai-library-list [data-library-action=open]{color:#f3f6fb}
#ai-library-upload-panel{border-top:1px solid var(--ai-line);border-bottom:1px solid var(--ai-line);padding:12px 0;margin:16px 0}
#ai-library-upload-panel summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600}
.ai-library-upload-label{display:block;font-size:13px;color:var(--ai-muted)}.ai-library-upload-label input{display:block;max-width:100%;margin:12px 0;min-height:44px;font:inherit}
#ai-library-upload-list{padding-left:20px;font-size:13px;color:var(--ai-muted);line-height:1.6}#ai-library-upload-list li{margin-bottom:6px;overflow-wrap:anywhere}
.ai-library-upload-label input::file-selector-button{min-height:44px;padding:10px 14px;margin-right:10px;border:1px solid var(--ai-line);border-radius:10px;background:#233044;color:#e9f3ff;font:inherit;cursor:pointer}
#ai-library-upload-start:disabled{opacity:.55;cursor:default}
.ai-library-toolbar,.ai-library-filters{display:flex;gap:8px;justify-content:space-between;margin-bottom:16px}.ai-library-filters{justify-content:flex-start}.ai-library-filters button{min-height:44px;padding:10px 18px;background:var(--ai-surface);color:var(--ai-muted);border:1px solid var(--ai-line);border-radius:10px}.ai-library-filters button[aria-pressed=true]{background:#233044;color:#d0e7ff;border-color:#749cc5}
.ai-library-capacity{display:grid;gap:10px;padding:16px 0 22px}.ai-library-capacity span{font-size:12px;line-height:1.5;color:var(--ai-muted)}.ai-library-capacity progress{appearance:none;width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;background:var(--ai-line)}.ai-library-capacity progress::-webkit-progress-bar{background:var(--ai-line)}.ai-library-capacity progress::-webkit-progress-value{background:#93bddd}.ai-library-capacity progress::-moz-progress-bar{background:#93bddd}
.ai-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ai-library-file{min-width:0;border-bottom:1px solid var(--ai-line);padding-bottom:20px}.ai-library-media{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#101521;display:flex;align-items:center;justify-content:center;margin:0 0 12px}.ai-library-media img,.ai-library-media video{width:100%;height:100%;object-fit:contain}.ai-library-media button{min-height:44px;max-width:90%}.ai-library-file h2{font-size:15px;margin:0 0 6px;overflow-wrap:anywhere}.ai-library-meta{font-size:12px;color:var(--ai-muted);line-height:1.6;margin:0 0 12px}.ai-library-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-library-actions button{min-height:44px}.ai-library-uses{margin-top:14px}.ai-library-uses summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:12px;color:var(--ai-muted)}.ai-library-uses button{display:block;width:100%;min-height:44px;text-align:left;overflow-wrap:anywhere;margin-top:6px;padding:10px;background:var(--ai-surface);color:var(--ai-text);border:1px solid var(--ai-line);border-radius:8px}
@media(max-width:600px){.ai-library-grid{grid-template-columns:minmax(0,1fr)}.ai-library-media{aspect-ratio:16/9}.ai-library-actions>button:first-child{flex:1}}
.ai-library-actions.has-editor{display:grid;grid-template-columns:minmax(0,1fr) auto}.ai-library-actions.has-editor>button:first-child{grid-column:1/-1}.ai-library-actions+.ai-library-meta{margin-top:10px}
body.editor-loading .stage,body.editor-loading .panel,body.editor-loading footer{visibility:hidden}
#ai-material-plan .ai-material-file h3,#ai-video-frames .ai-material-file h3,#ai-material-plan .ai-reference-step{margin:0 0 12px;color:#f2f3fa;font-size:15px;line-height:1.3}
#ai-material-plan .ai-reference-step{margin-top:20px;padding-top:16px;border-top:1px solid var(--ai-line)}
#ai-material-plan .ai-material-file label,#ai-video-frames .ai-material-file label{margin:0 0 10px}
#ai-material-plan input[type=file],#ai-video-frames input[type=file]{display:block;width:100%;max-width:100%;margin-top:8px;color:var(--ai-muted);font-size:12px;overflow-wrap:anywhere}
#ai-material-plan input[type=file]::file-selector-button,#ai-video-frames input[type=file]::file-selector-button{min-height:44px;margin-right:10px;padding:8px 12px;border:1px solid #4b708e;border-radius:10px;background:#203348;color:#f3f6fb;font:inherit}
#ai-material-plan .ai-material-file select,#ai-video-frames .ai-material-file select{display:block;width:100%;min-height:44px;margin-top:8px;padding:8px 12px;border:1px solid #4b708e;border-radius:10px;background:#203348;color:#f3f6fb;font:inherit}
#ai-video-source-url{display:block;width:100%;min-height:46px;margin-top:8px;padding:10px 12px;border:1px solid #4b708e;border-radius:10px;background:#111827;color:#f3f6fb;font:inherit}
#ai-material-plan .ai-material-file button,#ai-video-frames .ai-material-file button,#ai-material-check,#ai-material-refresh,#ai-frame-refresh{min-height:44px;margin:4px 6px 4px 0}
.ai-extra-photo-list{display:grid;gap:8px;margin-top:12px}
.ai-extra-photo-row{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--ai-line);border-radius:10px;background:#0b111c}
.ai-extra-photo-row img,.ai-extra-photo-fallback{flex:0 0 48px;width:48px;height:48px;object-fit:cover;border-radius:7px;background:#1d2940}
.ai-extra-photo-row span{flex:1;min-width:0;overflow-wrap:anywhere;color:#e6ebf4;font-size:12px}
.ai-extra-photo-row button{flex:0 0 auto;margin:0!important}
.ai-material-preview:empty{display:none}
.ai-material-preview figure{margin:12px 0 0;min-width:0;padding:8px;border:1px solid var(--ai-line);border-radius:12px;background:#0b111c}
.ai-material-preview img,.ai-material-preview video{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:8px;background:#080d16}
.ai-material-preview figcaption{margin:8px 2px 0;color:var(--ai-muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.ai-material-preview figure button{min-height:44px;margin-top:8px}
#ai-reference-extra{margin:16px 0 20px;padding:0 12px;border:1px solid var(--ai-line);border-radius:12px;background:#111827}
#ai-reference-extra summary{display:flex;align-items:center;min-height:44px;color:#dce8f8;font-size:12px;font-weight:700;cursor:pointer}
#ai-reference-extra[open]{padding-bottom:10px}
#ai-reference-extra label{margin:4px 0 8px}
.ai-reference-form #ai-save-idea{width:100%;border-color:#8bbce7;background:#294b6c;color:#f4f9ff;font-weight:700}
.ai-reference-form{padding-bottom:90px}
.ai-reference-form #ai-form-title,.ai-reference-form #ai-form-description{display:none}
.ai-reference-form #ai-brief{min-height:110px}
.ai-reference-form .ai-form-actions{position:fixed;left:50%;bottom:calc(70px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:19;width:min(100%,760px);padding:9px 16px;background:linear-gradient(#0b1020ed,#0b1020);box-shadow:0 -8px 24px #0008}
#ai-open-saved{display:block;width:100%;min-height:44px;margin:8px 0 12px}
.ai-field-counter{display:block;margin-top:8px;color:var(--ai-muted);font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
#ai-brief:read-only{color:#b1bed1;background:#171d2a}
/* A template is a task, not an unverified visual preview. Keep inputs, availability and action separate. */
#ai-template-list{align-items:stretch}
#ai-template-more{display:block;width:100%;min-height:48px;margin:14px 0 2px;border:1px solid var(--ai-line);border-radius:12px;background:#171d2a;color:#d2e5fb;font:inherit;font-weight:700}
#ai-template-more[hidden]{display:none}
.ai-recipe{padding:16px;border:1px solid var(--ai-line);border-radius:18px;background:var(--ai-surface);gap:0}
.ai-recipe-top{display:flex;align-items:center;gap:8px;min-height:28px}
.ai-recipe-top .ui-icon{width:19px;height:19px;color:var(--ai-accent);flex:none}
.ai-recipe-type{font-size:11px;font-weight:700;letter-spacing:.03em;color:#d2e5fb}
.ai-recipe-category{font-size:11px;color:#a9bfd8;white-space:nowrap}
.ai-recipe-status{margin-left:auto;border:1px solid #5d5262;border-radius:999px;padding:4px 8px;color:#dcc6d6;font-size:10px;line-height:1.2;text-align:right}
.ai-recipe-status[data-available=true]{border-color:#4a897c;color:#b8efe5}
.ai-recipe-preview{margin:12px 0 0;overflow:hidden;border:1px solid var(--ai-line);border-radius:12px;background:#141d28}
.ai-recipe-preview img{display:block;width:100%;height:auto;max-height:320px;aspect-ratio:4/3;object-fit:cover}
.ai-recipe-preview figcaption{padding:8px 10px;color:#c8d3e2;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.ai-recipe h3{margin:17px 0 6px;font-size:18px;line-height:1.2;letter-spacing:-.02em}
.ai-recipe-detail{margin:0;color:#c6d0df;font-size:12px;line-height:1.5;min-height:36px}
.ai-recipe-inputs{margin:14px 0 0;border-top:1px solid var(--ai-line);padding-top:12px;color:#e2eaf4;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.ai-recipe-note{margin:8px 0 16px;color:var(--ai-muted);font-size:11px;line-height:1.5}
.ai-recipe-actions{display:flex;gap:8px;margin-top:auto}
.ai-recipe .ai-recipe-choose{min-height:46px;min-width:0;flex:1;padding:10px 12px;border:1px solid #8bbce7;border-radius:11px;background:#294b6c;color:#f4f9ff;text-align:center;font-size:12px;font-weight:700}
.ai-recipe .ai-recipe-choose:disabled{opacity:.5}
.ai-recipe .ai-favorite{display:flex;align-items:center;justify-content:center;flex:none;width:46px;min-width:46px;min-height:46px;padding:0;border-radius:11px}
.ai-recipe .ai-favorite .ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.ai-recipe .ai-favorite[aria-pressed=true] .ui-icon{fill:#d0e7ff}
.ai-account-panel{margin:16px 0;padding:18px;border:1px solid var(--ai-line);border-radius:16px;background:var(--ai-surface)}
.ai-account-panel h2{margin:0 0 10px!important;font-size:17px!important}
.ai-account-panel p{margin:9px 0;color:var(--ai-muted);font-size:12px;line-height:1.6}
.ai-account-panel button{min-height:46px;margin-top:8px}
.ai-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}
.ai-capability-row{min-width:0;padding:12px 4px;border-top:1px solid var(--ai-line)}
.ai-capability-row h3{margin:0 0 5px;font-size:13px}
.ai-capability-row p{margin:0 0 8px;font-size:11px}
.ai-capability-state{display:block;color:#dbc9dc;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.ai-capability-state[data-available=true]{color:#a9e8d9}
@media(max-width:430px){.ai-capability-list{grid-template-columns:1fr}.ai-account-panel{padding:15px}.ai-bottom-nav button{font-size:10px}}
@media(max-width:430px){#ai-template-list{grid-template-columns:1fr}.ai-recipe-detail{min-height:0}.ai-recipe{padding:15px}.ai-catalog-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ai-catalog-filters button{grid-column:1/-1;justify-self:start}.ai-recipe-top{flex-wrap:wrap}.ai-recipe-status{max-width:145px}}
#ai-reference-draft-list .ai-draft-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#ai-reference-draft-list .ai-draft-row>button:first-child{grid-column:1/-1;width:100%}
#ai-reference-draft-list .ai-draft-row>button:not(:first-child){min-width:0;min-height:44px;align-self:stretch;padding:8px 10px;white-space:normal;text-wrap:balance}
#ai-create-view input[type=url]{display:block;width:100%;margin-top:8px;padding:12px;border-radius:12px;border:1px solid var(--ai-line);background:#111827;color:#f3f6fb;font:inherit;min-height:46px}
#ai-reference-draft-list .ai-reference-source-link,#ai-account-idea-list .ai-reference-source-link{grid-column:1/-1;display:flex;align-items:center;min-height:44px;color:#b9d9ff;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.ai-reference-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:4px}
.ai-reference-media-tile{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:102px;padding:7px;border:1px solid var(--ai-line);border-radius:10px;background:#0b111c;color:var(--ai-muted);text-align:center}
.ai-reference-media-label{display:block;margin-bottom:5px;color:#d9e6f6;font-size:10px;font-weight:700}
.ai-reference-media-tile img{display:block;width:100%;height:72px;object-fit:contain;border-radius:6px}
.ai-video-frame-media .ai-reference-media-tile img{height:104px;object-fit:cover}
.ai-reference-media-fallback{display:block;font-size:11px;line-height:1.3}
#ai-account-idea-list .ai-draft-row{display:grid;grid-template-columns:minmax(0,1fr)}
#ai-account-idea-list .ai-draft-row>button:first-child{width:100%}
#ai-account-idea-list .ai-draft-actions{display:flex;flex-direction:row;align-self:stretch;width:100%}
#ai-account-idea-list .ai-draft-actions button{flex:1;min-width:0;min-height:44px;white-space:normal}
.ai-draft-row .ai-preflight-review{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid var(--ai-line);border-radius:10px;background:#1e293b;color:#dce8f6;text-wrap:pretty}
.ai-preflight-review p{margin:0 0 6px;overflow-wrap:anywhere}
.ai-preflight-details{margin-top:8px;border-top:1px solid var(--ai-line);padding-top:4px}
.ai-preflight-details summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:#e9f1fd;font-weight:700}
.ai-preflight-details p{margin:6px 0;color:#dce8f6}
.ai-edit-consent{grid-column:1/-1;border:1px solid var(--ai-line);border-radius:12px;padding:12px;margin-top:12px;background:#152235;color:#e9f1fd;scroll-margin-top:16px;scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}
.ai-edit-consent p{margin:0 0 12px;overflow-wrap:anywhere}
.ai-edit-consent label{display:flex;align-items:flex-start;gap:10px;min-height:44px;cursor:pointer;line-height:1.5;padding:6px 0}
.ai-edit-consent input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin-top:2px;accent-color:#93b4ff}
.ai-edit-consent-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.ai-edit-consent-actions button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
.ai-edit-consent .ai-image-prompt-launch{width:100%;min-height:48px;background:#afd4ff;color:#132436;border:1px solid #afd4ff;white-space:normal;overflow-wrap:anywhere;font-weight:700}
.ai-edit-consent .ai-image-prompt-launch:disabled{opacity:.45;cursor:not-allowed}
#ai-studio :is(input,select,textarea,summary):focus-visible{outline:2px solid #d0e7ff;outline-offset:3px}
#ai-studio :is(input,select,textarea)[aria-invalid=true]{border-color:#ffaaa6}
#ai-create-view :is(input,select,textarea,button),.ai-settings-repair-status{scroll-margin-top:24px;scroll-margin-bottom:calc(100px + env(safe-area-inset-bottom))}
.ai-settings-repair-status{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.ai-field-error{color:#ffbcb7;font-size:13px;line-height:1.5;margin:-10px 0 16px;overflow-wrap:anywhere}
.ai-edit-pending>p{grid-column:1/-1;margin:0;line-height:1.6;overflow-wrap:anywhere}
.ai-edit-pending>button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
.ai-result-panel{margin-top:16px;padding:18px;border:1px solid var(--ai-line);border-radius:18px;background:#171e2a}
.ai-result-panel h2{margin:0 0 10px}.ai-result-panel>p{line-height:1.55}
.ai-result-preview{display:grid;place-items:center;min-width:0;margin:16px 0;border-radius:12px;overflow:hidden;background:#0b111c}
.ai-result-preview:empty{display:none}.ai-result-preview img,.ai-result-preview video{display:block;max-width:100%;max-height:440px;object-fit:contain}.ai-result-preview audio{width:100%;min-height:54px}
.ai-reference-media-review{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:10px;width:100%;padding:12px;box-sizing:border-box}
.ai-result-preview>button{margin:6px 12px;max-width:calc(100% - 24px)}
.ai-reference-media-review[hidden]{display:none}.ai-reference-media-review>p{grid-column:1/-1}
.ai-comparison-tile{min-width:0;padding:8px;border:1px solid var(--ai-line);border-radius:10px}
.ai-comparison-tile img,.ai-comparison-tile video{width:100%;max-height:240px;object-fit:contain}
.ai-result-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ai-result-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px;border:1px solid var(--ai-line);border-radius:12px;background:#25233b;color:#eef2ff;text-decoration:none;text-align:center}
.ai-result-actions [hidden]{display:none}
#ai-account-idea-list .ai-draft-row>.secondary{width:100%;min-height:44px}
#ai-reference-draft-list .ai-draft-row>.ai-preflight-review{grid-column:1/-1}
#ai-draft-list .ai-draft-row,#ai-local-reference-list .ai-draft-row{display:grid;grid-template-columns:minmax(0,1fr)}
#ai-draft-list .ai-draft-row>button:first-child,#ai-local-reference-list .ai-draft-row>button:first-child{width:100%}
#ai-draft-list .ai-draft-actions,#ai-local-reference-list .ai-draft-actions{display:flex;flex-direction:row;align-self:stretch;width:100%}
#ai-draft-list .ai-draft-actions button,#ai-local-reference-list .ai-draft-actions button{flex:1;min-width:0;min-height:44px;white-space:normal}
#ai-retry-draft-save{width:100%;min-height:48px;margin:8px 0 12px;white-space:normal}
.ai-project-toolbar{display:flex;align-items:stretch;gap:8px;margin:0 0 18px;min-width:0}
.ai-project-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex:1;min-width:0}
.ai-project-filters button{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:44px;padding:8px 10px;border:1px solid var(--ai-line);border-radius:10px;background:var(--ai-surface);color:#e7edf7;font-size:12px;text-align:left}
.ai-project-filters button[aria-pressed=true]{background:#294b6c;border-color:#8bbce7;color:#fff}
.ai-project-filters button span{display:inline-flex;justify-content:center;align-items:center;min-width:20px;padding:2px 5px;border-radius:999px;background:#364151;font-size:11px;font-variant-numeric:tabular-nums}
#ai-project-refresh{align-self:stretch;min-width:77px;min-height:44px;padding:8px;font-size:12px}
#ai-project-view section h2:first-child{margin-top:12px}
.ai-project-empty{padding:18px;border:1px solid var(--ai-line);border-radius:16px;background:var(--ai-surface)}
.ai-project-empty h2{margin:0 0 8px!important;text-wrap:balance}
.ai-project-empty p{text-wrap:pretty}
.ai-project-empty button{width:100%;min-height:48px;padding:10px 14px;border:1px solid #8bbce7;border-radius:11px;background:#294b6c;color:#f4f9ff;font-weight:700}
@media(max-width:430px){.ai-project-toolbar{flex-direction:column}.ai-project-filters button{font-size:11px}#ai-project-refresh{width:100%;min-height:44px}}
/* Reserve the five mode tiles before deferred JS fills them. */
html.ai-shell #ai-modes{min-height:416px}
.ai-current-draft{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:15px 16px;border:1px solid #668aaa;border-radius:16px;background:#203348}.ai-current-draft strong{font-size:15px}.ai-current-draft p{margin:5px 0 0;color:#c5d8ec;font-size:12px;line-height:1.45}.ai-current-draft button{flex:none;min-height:44px}@media(max-width:430px){.ai-current-draft{align-items:stretch;flex-direction:column}.ai-current-draft button{width:100%}}
html.ai-shell #status{min-width:120px;text-align:right}
#ai-studio .ai-access-summary{display:flex;align-items:center;gap:9px;margin:8px 0 0;padding:10px 12px;border:1px solid #426181;border-radius:12px;background:#1a293a;color:#d9e9f8;font-size:12px;line-height:1.45}
.ai-access-summary::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#91c7ff}
#ai-studio .ai-access-summary[data-generating="true"]{border-color:#568875;background:#1b302c;color:#dcf6e7}
.ai-access-summary[data-generating="true"]::before{background:#8ce6b4}
.ai-personal-form{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;align-items:end}
.ai-personal-form[hidden]{display:none}
.ai-personal-form label{flex:1 1 200px;min-width:0;display:grid;gap:6px}
.ai-personal-form input{width:100%;min-width:0;box-sizing:border-box;min-height:44px;background:var(--ai-surface,#171d2a);color:inherit;border:1px solid var(--ai-line,#303b4c);border-radius:10px;padding:10px 12px;font:inherit}
.ai-personal-form p{flex-basis:100%;margin:0;overflow-wrap:anywhere}
.ai-personal-form button,.ai-personal-settings summary{min-height:44px}
.ai-personal-settings summary{display:flex;align-items:center;cursor:pointer;color:var(--muted,#abb2c4);font-size:13px}
#ai-personal-search{width:100%;min-height:44px;margin-bottom:10px;background:var(--ai-surface,#171d2a);color:inherit;border:1px solid var(--ai-line,#303b4c);border-radius:10px;padding:10px 12px;font:inherit}
#ai-personal-list .ai-draft-row{display:grid;grid-template-columns:minmax(0,1fr)}
#ai-personal-list .ai-draft-row>button:first-child{width:100%;min-height:110px}
.ai-draft-row>.ai-personal-form{grid-column:1/-1;width:100%}
#ai-project-results .ai-history-filters{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
#ai-project-results .ai-history-filters label{display:grid;gap:6px;flex:1 1 150px;min-width:0;font-size:13px;color:#abb2c4}
#ai-project-results .ai-history-filters select{width:100%;min-height:44px;border:1px solid var(--ai-line,#303b4c);border-radius:12px;background:var(--ai-surface,#171d2a);color:inherit;padding:10px;font:inherit}
#ai-history-list .ai-draft-row[hidden]{display:none}
.ai-recipe-preview video{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;border-radius:10px;background:#0b1020}
.ai-recipe-preview audio{display:block;width:100%;margin-top:10px}
.ai-recipe-preview video[hidden],.ai-recipe-preview audio[hidden]{display:none}
.ai-recipe-preview>button{min-height:44px;width:100%;margin-bottom:8px}
/* The result editor keeps native controls with comfortable touch targets. */
#photo-controls select{min-height:44px}
#photo-controls input[type=range]{min-height:44px;margin:0;cursor:pointer}
#photo-controls label.check{min-height:44px;cursor:pointer}
#photo-controls label.check input{width:20px;height:20px;flex:0 0 20px;margin:0}
#photo-controls :is(input,select):focus-visible{outline:2px solid #a899ff;outline-offset:3px}
#audio-controls :is(input[type=number],select){min-height:44px}
#audio-controls input[type=range]{min-height:44px;margin:0;cursor:pointer}
#audio-controls label.check{min-height:44px;cursor:pointer}
#audio-controls label.check input{width:20px;height:20px;flex:0 0 20px;margin:0}
#audio-controls :is(input,select):focus-visible{outline:2px solid #a899ff;outline-offset:3px}
#ai-save-conflict-copy,#ai-compare-conflict{display:block;width:100%;min-height:44px;margin:8px 0 12px;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.45}
#ai-conflict-server-description,#ai-conflict-server-settings{white-space:pre-wrap;overflow-wrap:anywhere}
#ai-studio .ai-project-search{margin:0 0 16px}
#ai-studio .ai-project-search label{display:block;margin-bottom:8px;font-weight:600}
#ai-studio .ai-project-search>div{display:flex;flex-wrap:wrap;gap:8px}
#ai-project-search{flex:1 1 220px;width:100%;min-width:0;min-height:44px;box-sizing:border-box;border:1px solid var(--ai-line,#303b4c);border-radius:12px;background:var(--ai-surface,#171d2a);color:inherit;padding:10px 12px;font:inherit;font-size:16px}
#ai-project-search::placeholder{color:#aeb9cc;opacity:1}
#ai-project-search-clear{min-height:44px;white-space:normal}
#ai-history-list .ai-history-preview-toggle{width:100%;min-height:44px}
#ai-history-list .ai-draft-row{display:grid;grid-template-columns:minmax(0,1fr)}
#ai-history-list .ai-draft-row>button:first-child{width:100%}
.ai-history-preview{grid-column:1/-1;padding:12px;border:1px solid var(--ai-line,#303b4c);border-radius:12px;background:#0b111c;min-width:0}
.ai-history-preview :is(img,video){display:block;width:100%;max-height:220px;object-fit:contain;border-radius:8px}
.ai-history-preview audio{display:block;width:100%;max-width:100%}
#ai-history-list .ai-draft-row[data-job-kind="text"]{padding:16px;border:1px solid var(--ai-line,#303b4c);border-radius:16px;background:var(--ai-surface,#171d2a);gap:12px;min-width:0}
#ai-history-list .ai-draft-row[data-job-kind="text"] :is(h3,p){margin:0;overflow-wrap:anywhere}
#ai-history-list .ai-draft-row[data-job-kind="text"] h3{text-wrap:balance}
#ai-history-list .ai-draft-row[data-job-kind="text"] label{display:block;font-size:14px;font-weight:600;min-width:0}
#ai-history-list .ai-draft-row[data-job-kind="text"] textarea{display:block;width:100%;box-sizing:border-box;min-height:160px;max-height:60vh;margin-top:8px;padding:12px;border:1px solid var(--ai-line,#303b4c);border-radius:12px;background:#0b111c;color:var(--ai-text,#eef1fa);font:inherit;font-size:16px;font-weight:400;line-height:1.55;resize:vertical}
#ai-history-list .ai-draft-row[data-job-kind="text"] textarea:focus-visible{outline:2px solid #a899ff;outline-offset:3px}
#ai-history-list .ai-draft-row[data-job-kind="text"] button{min-height:44px;width:100%;white-space:normal}