:root{--bg:oklch(13.5% .017 245);--bg-2:oklch(17% .02 245);--panel:oklch(20.5% .024 245);--panel-2:oklch(24% .026 245);--panel-3:oklch(29% .03 245);--line:oklch(34% .034 245);--line-strong:oklch(45% .05 245);--text:oklch(94% .012 245);--text-soft:oklch(78% .025 245);--muted:oklch(62% .028 245);--faint:oklch(50% .026 245);--blue:oklch(64% .18 255);--blue-strong:oklch(69% .2 255);--green:oklch(73% .17 145);--lime:oklch(82% .18 130);--amber:oklch(78% .16 80);--danger:oklch(67% .19 30);--radius:8px;--shadow:0 12px 28px #00000038;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--blue-strong);text-decoration:none}a:hover{color:var(--text)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue-strong);outline-offset:2px}p,li,pre,textarea,input,select{overflow-wrap:anywhere}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.labShell{background:var(--bg);min-height:100vh}.labTopbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--bg) 88%, black);grid-template-columns:minmax(220px,290px) minmax(260px,1fr) auto;align-items:center;gap:16px;min-height:62px;padding:10px 14px;display:grid;position:sticky;top:0}.brandMark{min-width:0;color:var(--text);align-items:center;gap:10px;font-size:17px;font-weight:760;line-height:1;display:inline-flex}.brandMark:hover{color:var(--text)}.brandMark span:not(.brandIcon){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brandMark small{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;flex:none;padding:3px 7px;font-size:11px;font-weight:700}.brandIcon,.modelBadge{border:1px solid color-mix(in oklch, var(--blue) 55%, var(--line));background:color-mix(in oklch, var(--blue) 22%, var(--panel));width:26px;height:26px;color:var(--text);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:850;display:inline-grid}.topSearch{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklch, var(--panel) 70%, black);min-height:38px;color:var(--muted);align-items:center;gap:10px;padding:0 12px;display:flex}.topSearch input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.topSearch input::placeholder{color:var(--muted);opacity:1}.topNav{align-items:center;gap:6px;display:flex}.topNav a,.ghostButton,.iconTextButton,.primaryButton{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:13px;font-weight:760;line-height:1;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.topNav a,.ghostButton,.iconTextButton{border:1px solid var(--line);background:color-mix(in oklch, var(--panel) 72%, black);color:var(--text-soft)}.topNav a:hover,.topNav a.isActive,.ghostButton:hover,.iconTextButton:hover{border-color:color-mix(in oklch, var(--blue) 65%, var(--line));background:color-mix(in oklch, var(--blue) 18%, var(--panel));color:var(--text)}.primaryButton{border:1px solid color-mix(in oklch, var(--blue-strong) 85%, white);background:var(--blue);color:#fff}.primaryButton:hover{background:var(--blue-strong);color:#fff;transform:translateY(-1px)}.primaryButton:disabled,.iconTextButton:disabled{border-color:var(--line);background:var(--panel-2);color:var(--faint);transform:none}.labWorkspace{grid-template-columns:260px minmax(480px,1fr) minmax(360px,39vw);min-height:calc(100vh - 62px);display:grid}.labSidebar,.builderConsole,.resultConsole{min-width:0}.labSidebar{border-right:1px solid var(--line);background:color-mix(in oklch, var(--bg-2) 76%, black)}.sidebarBlock{border-bottom:1px solid var(--line);padding:16px 14px}.sidebarHero{gap:14px;display:grid}.microLabel,.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:780}.sidebarHero h1,.builderConsole h2,.resultConsole h2,.pageShell h1,.pageShell h2,.pageShell h3{color:var(--text);letter-spacing:0;margin:0}.sidebarHero h1{max-width:220px;font-size:22px;line-height:1.12}.sidebarTitle{color:var(--text-soft);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:780;display:flex}.libraryItem,.modelListItem,.recipeRow{border-radius:var(--radius);width:100%;color:var(--text-soft);text-align:left;background:0 0;border:1px solid #0000}.libraryItem{justify-content:space-between;align-items:center;min-height:34px;padding:0 9px;font-size:13px;display:flex}.libraryItem strong{color:var(--muted);font-size:12px}.libraryItem:hover,.libraryItem.isActive,.modelListItem:hover,.modelListItem.isActive,.recipeRow:hover,.recipeRow.isActive{border-color:color-mix(in oklch, var(--blue) 42%, var(--line));background:color-mix(in oklch, var(--blue) 15%, transparent);color:var(--text)}.modelListItem{align-items:center;gap:10px;min-height:48px;padding:7px 9px;display:flex}.modelListItem span:last-child{gap:3px;min-width:0;display:grid}.modelListItem strong,.recipeRow strong{color:inherit;font-size:13px}.modelListItem small,.recipeRow small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.recipeStack{gap:6px;display:grid}.recipeRow{justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:8px 9px;display:flex}.recipeRow span{gap:4px;min-width:0;display:grid}.builderConsole{border-right:1px solid var(--line);background:var(--bg-2);flex-direction:column;display:flex}.consoleHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 20px 18px;display:flex}.consoleHeader h2{margin-bottom:7px;font-size:22px;line-height:1.2}.consoleHeader p:not(.microLabel),.fieldSectionIntro p:not(.microLabel),.adapterNote,.sourceNote,.answerBlock p,.contentGrid p,.pageShell .lede{color:var(--text-soft);line-height:1.6}.consoleHeader p:not(.microLabel){max-width:62ch;margin:0;font-size:14px}.consoleHeaderActions{flex:none;align-items:center;gap:8px;display:flex}select,input,textarea{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklch, var(--panel) 72%, black);color:var(--text)}select{min-height:36px;padding:0 34px 0 11px}select option{background:var(--panel);color:var(--text)}.stepTabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.stepTabs button{border:0;border-right:1px solid var(--line);background:var(--bg-2);min-height:50px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:740;display:flex}.stepTabs button:last-child{border-right:0}.stepTabs span{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--muted);border-radius:999px;place-items:center;font-size:11px;display:inline-grid}.stepTabs button.isActive{background:color-mix(in oklch, var(--blue) 10%, var(--bg-2));color:var(--text)}.stepTabs button.isActive span{border-color:var(--blue-strong);background:var(--blue);color:#fff}.builderForm{flex:auto;padding:18px 20px;overflow:visible}.fieldSection{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:18px;padding:18px 0;scroll-margin-top:80px;display:grid}.fieldSection:first-child{padding-top:0}.fieldSectionIntro h3{margin-bottom:8px;font-size:15px;line-height:1.25}.fieldSectionIntro p:not(.microLabel){margin:0;font-size:12px}.fieldGrid,.inlineFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fieldGrid label,.inlineFields label{gap:7px;min-width:0;display:grid}.wideField{grid-column:1/-1}.fieldGrid label span,.inlineFields label span{color:var(--text-soft);font-size:12px;font-weight:720}input,textarea{width:100%;padding:10px 11px;line-height:1.45}textarea{resize:vertical;min-height:76px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.builderActionBar{border-top:1px solid var(--line);background:color-mix(in oklch, var(--bg-2) 94%, black);justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex;position:static}.resultConsole{background:color-mix(in oklch, var(--bg-2) 70%, black);align-content:start;gap:14px;padding:20px 14px;display:grid}.modelTabs{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.modelTabs button{border:0;border-right:1px solid var(--line);background:color-mix(in oklch, var(--panel) 72%, black);min-height:42px;color:var(--text-soft);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:760;display:inline-flex}.modelTabs button:last-child{border-right:0}.modelTabs button.isActive{background:color-mix(in oklch, var(--blue) 19%, var(--panel));color:var(--text)}.modelTabs .modelBadge{border-radius:999px;width:22px;height:22px}.resultBlock,.answerBlock,.contentGrid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.resultBlock{padding:14px}.resultHeading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.resultHeading h2{font-size:16px;line-height:1.25}.promptOutput,pre{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklch, var(--bg) 76%, black);width:100%;max-width:100%;color:var(--text);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.58;overflow:auto}.promptOutput{min-height:220px;max-height:310px;padding:14px}.promptMeta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.promptMeta span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px}.missingFields{border:1px solid color-mix(in oklch, var(--amber) 58%, var(--line));border-radius:var(--radius);background:color-mix(in oklch, var(--amber) 11%, var(--panel));color:color-mix(in oklch, var(--amber) 70%, white);margin:0;padding:13px;font-size:13px;font-weight:760;line-height:1.45}.checkList{display:grid}.checkRow{border-top:1px solid var(--line);min-height:37px;color:var(--muted);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:13px;display:grid}.checkRow:first-child{border-top:0}.checkRow span{border:1px solid var(--line-strong);border-radius:999px;place-items:center;width:18px;height:18px;display:inline-grid}.checkRow.isOk span{border-color:var(--green);background:color-mix(in oklch, var(--green) 18%, transparent);color:var(--green)}.checkRow p{margin:0}.checkRow small{color:var(--muted);font-size:11px}.adapterNote,.sourceNote{margin:0;font-size:13px}.quickLinks,.linkGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin:14px 0 0;display:grid}.quickLinks a,.linkGrid a{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklch, var(--panel-2) 64%, transparent);min-height:42px;color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;font-size:13px;font-weight:720;display:flex}.quickLinks a:hover,.linkGrid a:hover{border-color:color-mix(in oklch, var(--blue) 64%, var(--line));color:var(--text)}.adSlot{border:1px dashed var(--line-strong);border-radius:var(--radius);background:color-mix(in oklch, var(--panel) 65%, black);min-height:86px;color:var(--muted);text-align:center;text-transform:uppercase;place-items:center;margin:0;font-size:11px;font-weight:720;display:grid}.statusLine{min-height:18px;color:var(--green);margin:0;font-size:12px;font-weight:720}.pageShell{max-width:1120px;min-height:100vh;margin:0 auto;padding:40px 20px 70px}.pageShell:before{content:"Video Prompt Recipes";border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:30px;color:var(--text-soft);align-items:center;margin-bottom:30px;padding:0 10px;font-size:13px;font-weight:760;display:inline-flex}.pageShell h1{max-width:860px;margin-bottom:14px;font-size:42px;line-height:1.05}.pageShell .lede{max-width:760px;margin:0 0 24px;font-size:17px}.answerBlock{margin:22px 0;padding:18px}.answerBlock h2,.contentGrid h2,.pageShell>section>h2{margin-bottom:12px;font-size:20px}.answerBlock pre{margin-bottom:14px;padding:16px}.contentGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:22px 0;display:grid}.contentGrid article{padding:18px}ul,ol{color:var(--text-soft);padding-left:20px;line-height:1.65}li{margin:6px 0}strong{color:var(--text)}.definitionList,.stackList,.faqList{gap:10px;display:grid}.definitionList{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.definitionList div,.stackList div,.faqList details{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklch, var(--panel-2) 56%, transparent);padding:12px}.definitionList p,.stackList p,.faqList p{color:var(--text-soft);margin:6px 0 0;line-height:1.55}.faqList summary{color:var(--text);cursor:pointer;font-weight:760}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1160px){.labTopbar{grid-template-columns:minmax(210px,280px) 1fr}.topNav{grid-column:1/-1;overflow-x:auto}.labWorkspace{grid-template-columns:220px minmax(0,1fr)}.resultConsole{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.modelTabs,.resultConsole .adSlot,.statusLine{grid-column:1/-1}}@media (width<=820px){.labTopbar{grid-template-columns:1fr;position:static}.brandMark{font-size:16px}.topNav{grid-column:auto}.labWorkspace{grid-template-columns:1fr}.labSidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebarBlock:not(.sidebarHero){display:none}.consoleHeader,.fieldSection{grid-template-columns:1fr}.consoleHeader{display:grid}.consoleHeaderActions{flex-wrap:wrap;width:100%}.consoleHeaderActions select{flex:180px}.builderConsole{border-right:0}.resultConsole{grid-template-columns:1fr}.resultConsole .adSlot,.statusLine{grid-column:auto}}@media (width<=620px){.labTopbar{padding:10px}.topNav a{flex:1 0 auto}.sidebarBlock,.consoleHeader,.builderForm,.builderActionBar,.resultConsole{padding-left:12px;padding-right:12px}.stepTabs{grid-template-columns:repeat(2,minmax(0,1fr))}.stepTabs button:nth-child(2){border-right:0}.stepTabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.fieldGrid,.inlineFields,.modelTabs{grid-template-columns:1fr}.modelTabs button{border-right:0;border-bottom:1px solid var(--line)}.modelTabs button:last-child{border-bottom:0}.builderActionBar{grid-template-columns:1fr;display:grid}.pageShell{padding:28px 14px 52px}.pageShell h1{font-size:32px}.pageShell .lede{font-size:15px}.linkGrid,.quickLinks{grid-template-columns:1fr}}
