.flow-catalogue{gap:14px;max-width:1100px;margin-top:12px;display:grid}.flow-tools{gap:10px;display:grid}.flow-search{border:1px solid var(--field-line,var(--line));background:var(--field,var(--surface));max-width:560px;color:var(--muted);border-radius:11px;align-items:center;gap:8px;padding:0 12px;display:flex}.flow-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:11px 0}.flow-search:focus-within{border-color:var(--red)}.flow-search button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.flow-chips{scrollbar-width:none;gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}.flow-chips::-webkit-scrollbar{display:none}.flow-chips button{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft,var(--ink));font:inherit;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.flow-chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.flow-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.flow-card{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:13px;grid-template-rows:auto 1fr;padding:0;transition:transform .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.flow-card:hover,.flow-card:focus-visible{border-color:var(--red);transform:translateY(-2px)}.flow-card-art{aspect-ratio:16/7;background:var(--sand);color:var(--red);place-items:center;display:grid}.flow-card-art img{object-fit:cover;width:100%;height:100%}.flow-card-copy{align-content:start;gap:4px;padding:11px 34px 13px 13px;display:grid}.flow-card-copy strong{font-size:14px;line-height:1.25}.flow-card-copy small{color:var(--muted);font-size:12px;line-height:1.35}.flow-card-meta{color:var(--red-text,var(--red));align-items:center;gap:4px;margin-top:3px;font-size:11px;font-weight:600;display:inline-flex}.flow-card-go{color:var(--muted);position:absolute;bottom:14px;right:12px}.flow-section{gap:10px;margin-top:8px;display:grid}.flow-section h2{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.flow-section h2 svg{color:var(--red)}.flow-see-all{color:var(--red-text,var(--red));justify-self:start;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.flow-loading,.flow-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:13px;justify-items:center;gap:6px;padding:28px 16px;display:grid}.flow-loading{justify-content:center;align-items:center;gap:8px;display:flex}.flow-empty strong{color:var(--ink)}.home-flows{margin-top:26px}.home-flows>h2{margin:0}.flow-page{max-width:760px}.flow-back{align-items:center;gap:6px;margin-bottom:12px;display:inline-flex}.flow-title{align-items:center;gap:12px;display:flex}.flow-title-icon{background:var(--sand);width:44px;height:44px;color:var(--red);border-radius:12px;flex:none;place-items:center;display:grid}.flow-form{gap:14px;margin-top:18px;display:grid}.flow-box{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:14px;padding:18px;display:grid}.flow-box h2{margin:0;font-size:16px}.flow-field{gap:6px;font-size:13px;font-weight:600;display:grid}.flow-field small{color:var(--muted);font-size:12px;font-weight:400}.flow-field input,.flow-field textarea,.flow-field select{border:1px solid var(--field-line,var(--line));background:var(--field,var(--paper));width:100%;color:var(--ink);font:inherit;border-radius:9px;padding:10px 11px;font-weight:400}.flow-field textarea{resize:vertical}.flow-field input:focus,.flow-field textarea:focus,.flow-field select:focus{border-color:var(--red);outline:none}.flow-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.flow-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-toggle,.flow-choices{flex-wrap:wrap;gap:6px;display:flex}.flow-toggle button,.flow-choices button{border:1px solid var(--field-line,var(--line));background:var(--field,var(--paper));color:var(--ink);font:inherit;cursor:pointer;text-align:center;border-radius:9px;flex:auto;padding:9px 11px;font-size:13px;font-weight:500;display:grid}.flow-choices button{flex:0 auto}.flow-toggle button small{color:var(--muted);font-size:11px;font-weight:400}.flow-toggle button[aria-pressed=true],.flow-choices button[aria-checked=true]{border-color:var(--red);background:var(--sand);color:var(--ink);box-shadow:inset 0 0 0 1px var(--red)}.flow-required{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.flow-photos{flex-wrap:wrap;gap:8px;display:flex}.flow-photo{border:1px solid var(--line);background:var(--sand);width:84px;height:84px;color:var(--muted);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.flow-photo img{object-fit:cover;width:100%;height:100%}.flow-photo button{color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:4px;right:4px}.flow-photo.add{cursor:pointer;border-style:dashed;align-content:center;gap:2px;font-size:12px;font-weight:500}.flow-photo.add:hover{border-color:var(--red);color:var(--red)}.flow-submit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.flow-page .inline-notice{align-items:center;gap:7px;display:flex}@media (max-width:680px){.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.flow-card-copy{padding:9px 10px 11px}.flow-card-copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flow-card-go{display:none}.flow-row,.flow-row.three{grid-template-columns:1fr}.flow-box{padding:14px}.flow-submit .button{justify-content:center;width:100%}}.flow-rules{border-color:var(--red)}.flow-rules h2{align-items:center;gap:8px;display:flex}.flow-rules h2 svg{color:var(--red)}.flow-rules p{color:var(--ink-soft,var(--ink));margin:0;font-size:14px}.flow-rules ul{gap:5px;margin:0;padding-left:20px;font-size:14px;display:grid}.flow-agree{background:var(--sand);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex}.flow-agree input{width:18px;height:18px;accent-color:var(--red);flex:none;margin-top:2px}.check-banner{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:12px;margin:12px 0 0;padding:12px 14px;display:flex}.check-banner>svg{color:var(--red);flex:none}.check-banner>div{flex:1;gap:2px;min-width:0;font-size:13px;display:grid}.check-banner span{color:var(--muted)}.check-banner .check-note{color:var(--ink);white-space:pre-wrap;border-left:3px solid var(--red);background:var(--sand);border-radius:0 6px 6px 0;margin:3px 0;padding:6px 9px}.check-banner.is-approved>svg{color:#2e9e5b}.check-banner.is-waiting{border-color:#c99a2e}.check-banner.is-refused{border-color:var(--red)}.check-banner .button{flex:none}@media (max-width:680px){.check-banner{flex-wrap:wrap}.check-banner .button{justify-content:center;width:100%}}.flow-modal{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080606a8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.flow-close{z-index:2;border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed;top:18px;right:18px}.flow-close:hover{border-color:var(--red)}.flow-sheet{border:1px solid var(--line);background:var(--paper);border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(380px,470px);width:min(1180px,100%);height:min(760px,100%);display:grid;overflow:hidden;box-shadow:0 30px 80px #00000073}.flow-sheet-message{grid-template-columns:1fr;place-items:center;width:min(520px,100%);height:auto;padding:28px;display:grid}.flow-show{text-align:center;background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--red) 16%, transparent), transparent 60%), var(--paper);flex-direction:column;align-items:center;gap:6px;min-height:0;padding:38px 32px 26px;display:flex}.flow-headline{letter-spacing:-.01em;margin:0;font-size:clamp(26px,3vw,40px);line-height:1.1}.flow-headline .dim{color:var(--muted);font-weight:600}.flow-headline em{background:linear-gradient(90deg, #ff6a5f, var(--red));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.flow-subline{color:var(--muted);margin:0 0 10px;font-size:14px}.flow-examples{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.flow-example-card{aspect-ratio:9/16;background:var(--sand);border:1px solid var(--line);border-radius:22px;height:min(100%,470px);position:relative;overflow:hidden}.flow-example-card img,.flow-example-card video{object-fit:cover;width:100%;height:100%;display:block}.flow-example-card.is-center{z-index:1;box-shadow:0 20px 50px #00000073}.flow-example-card.is-side{opacity:.45;filter:saturate(.7);height:min(86%,400px);position:absolute}.flow-example-card.is-side.left{transform:translate(-62%)rotate(-6deg)}.flow-example-card.is-side.right{transform:translate(62%)rotate(6deg)}.flow-example-icon{width:100%;height:100%;color:var(--red);place-items:center;display:grid}.flow-example-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500;position:absolute;top:12px;left:12px}.flow-example-controls{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.flow-example-controls button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.flow-example-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.flow-example-arrow{z-index:2;border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;margin-top:-21px;display:grid;position:absolute;top:50%}.flow-example-arrow.left{left:4%}.flow-example-arrow.right{right:4%}.flow-example-dots{gap:6px;display:flex;position:absolute;bottom:-18px}.flow-example-dots button{background:var(--line);cursor:pointer;border:0;border-radius:50%;width:7px;height:7px;padding:0}.flow-example-dots button[aria-current=true]{background:var(--ink)}.flow-panel{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.flow-scroll{flex:1;align-content:start;gap:22px;min-height:0;padding:26px 24px;display:grid;overflow-y:auto}.flow-section-box{gap:10px;display:grid}.flow-section-box h3{align-items:center;gap:9px;margin:0;font-size:15px;font-weight:600;display:flex}.flow-section-box h3>svg{color:var(--red);flex:none}.flow-optional{background:var(--sand);color:var(--muted);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.flow-input{border:1px solid var(--field-line,var(--line));background:var(--field,var(--paper));width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:12px 13px;font-size:14px}textarea.flow-input{resize:vertical;min-height:84px}.flow-input:focus{border-color:var(--red);outline:none}.flow-toggle-box{border:1px solid var(--line);background:var(--paper);border-radius:14px;gap:8px;padding:6px 6px 10px;display:grid}.flow-segmented{background:var(--field,var(--paper));border-radius:11px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.flow-toggle-box .flow-segmented{background:0 0;padding:0}.flow-segmented button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:10px 8px;font-size:13.5px;font-weight:600}.flow-segmented button[aria-checked=true]{border-color:var(--line);background:var(--surface-2,var(--surface));color:var(--ink);box-shadow:0 1px 2px #00000040}.flow-hint{color:var(--muted);margin:0 6px;font-size:12.5px;line-height:1.45}.flow-voice{gap:6px;display:grid}.flow-voice-label{font-size:13px;font-weight:600}.flow-drop-box{gap:10px;display:grid}.flow-drop{border:1.5px dashed var(--field-line,var(--line));background:var(--paper);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.flow-drop:hover,.flow-drop.is-over{border-color:var(--red)}.flow-drop-icon{background:var(--sand);width:56px;height:56px;color:var(--ink);border-radius:12px;flex:none;place-items:center;display:grid}.flow-drop strong{font-size:14px;display:block}.flow-drop small{color:var(--muted);font-size:12.5px}.flow-photo-n{color:#fff;text-align:center;background:#000000a6;border-radius:6px;min-width:18px;padding:0 5px;font-size:11px;position:absolute;bottom:4px;left:4px}.flow-section-box.flow-rules{border:1px solid var(--red);border-radius:14px;padding:14px}.flow-section-box.flow-rules ul{gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.flow-foot{border-top:1px solid var(--line);background:var(--surface);gap:8px;padding:14px 24px 18px;display:grid}.flow-start{background:linear-gradient(100deg, #9e0d0b, var(--red) 45%, #ff5a50);color:#fff;width:100%;height:56px;font:inherit;cursor:pointer;box-shadow:0 10px 30px color-mix(in srgb, var(--red) 35%, transparent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.flow-start:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.flow-cost{color:var(--muted);text-align:center;margin:0;font-size:12px}@media (max-width:860px){.flow-modal{place-items:stretch stretch;padding:0}.flow-close{width:38px;height:38px;top:10px;right:10px}.flow-sheet{border:0;border-radius:0;width:100%;height:100%;display:block;overflow-y:auto}.flow-show{padding:22px 16px 26px}.flow-headline{padding:0 34px;font-size:26px}.flow-examples{flex:none;height:260px}.flow-example-card{border-radius:16px;height:100%}.flow-example-card.is-side{height:84%}.flow-panel{border-left:0;display:block}.flow-scroll{padding:18px 16px;overflow:visible}.flow-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:sticky;bottom:0}}.flow-voice .voice-picker-row{align-items:center;gap:8px;display:flex}.flow-voice select{border:1px solid var(--field-line,var(--line));background:var(--field,var(--paper));min-width:0;color:var(--ink);font:inherit;border-radius:12px;flex:1;padding:12px 13px;font-size:14px}.flow-scroll{grid-template-columns:minmax(0,1fr)}.flow-section-box,.flow-toggle-box,.flow-drop-box{min-width:0}.flow-input{box-sizing:border-box;max-width:100%}.flow-section-box,.flow-toggle-box,.flow-voice{grid-template-columns:minmax(0,1fr)}.flow-voice select,.flow-segmented button{min-width:0}.flow-segmented button{overflow-wrap:anywhere}.flow-slider-box{border:1px solid var(--line);background:var(--paper);border-radius:14px;gap:8px;min-width:0;padding:14px 14px 10px;display:grid}.flow-slider-value{color:var(--muted);font-size:14px}.flow-slider-value strong{color:var(--ink);font-size:30px;font-weight:700;line-height:1}.flow-slider{cursor:pointer;appearance:none;background:0 0;width:100%;height:28px;margin:0}.flow-slider:focus{outline:none}.flow-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--red) var(--fill), var(--line) var(--fill));border-radius:999px;height:8px}.flow-slider::-moz-range-track{background:var(--line);border-radius:999px;height:8px}.flow-slider::-moz-range-progress{background:var(--red);border-radius:999px;height:8px}.flow-slider::-webkit-slider-thumb{border:3px solid var(--red);appearance:none;background:#fff;border-radius:50%;width:26px;height:26px;margin-top:-9px;box-shadow:0 2px 8px #00000059}.flow-slider::-moz-range-thumb{border:3px solid var(--red);background:#fff;border-radius:50%;width:20px;height:20px}.flow-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--red) 35%, transparent)}.flow-slider-marks{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.flow-search.is-big{border-radius:14px;max-width:none;padding:0 16px}.flow-search.is-big input{padding:15px 0;font-size:15px}.creative-tools{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.creative-tools::-webkit-scrollbar{display:none}.creative-tools-label{color:var(--muted);flex:none;font-size:13px;font-weight:600}.creative-tool{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:11px;flex:none;align-items:center;gap:7px;padding:9px 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.creative-tool svg{color:var(--red)}.creative-tool:hover{border-color:var(--red)}.flow-cat-row{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;margin-top:10px;display:grid}.flow-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.flow-row-head h2{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.flow-row-head h2 svg{color:var(--red)}.flow-row-head .flow-see-all{font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:13px;font-weight:600}.flow-row-cards{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(200px,230px);grid-auto-flow:column;gap:12px;padding-bottom:6px;display:grid;overflow-x:auto}.flow-row-cards>.flow-card{scroll-snap-align:start}@media (max-width:680px){.flow-row-cards{grid-auto-columns:46%;gap:9px}.flow-search.is-big input{font-size:14px}}.flow-models{gap:8px;min-width:0;display:grid}.flow-model{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.flow-model:hover{border-color:var(--hover-line,var(--red))}.flow-model[aria-checked=true]{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:color-mix(in srgb, var(--red) 8%, var(--paper))}.flow-model-logo{width:38px;height:38px;color:var(--red);background:#fff;border-radius:10px;place-items:center;font-size:16px;font-weight:700;display:grid;overflow:hidden}.flow-model-logo img{object-fit:contain;width:100%;height:100%}.flow-model-text{gap:2px;min-width:0;display:grid}.flow-model-text strong{align-items:center;gap:6px;font-size:14px;display:flex}.flow-model-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.flow-model-badge{background:var(--red);color:#fff;border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:600}.flow-model-price{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}@media (max-width:680px){.flow-model{grid-template-columns:auto minmax(0,1fr)}.flow-model-price{grid-column:2}}.flow-result{flex:1;place-items:center;width:100%;min-height:0;margin-top:14px;display:grid}.flow-result img,.flow-result video{border:1px solid var(--line);background:#000;border-radius:18px;max-width:100%;max-height:100%;box-shadow:0 20px 50px #00000073}.flow-result-audio{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);color:var(--red);border-radius:18px;justify-items:center;gap:18px;padding:34px 20px;display:grid}.flow-result-audio audio{width:100%}.flow-result-wait{aspect-ratio:9/14;border:1px dashed var(--line);background:var(--surface);width:min(300px,100%);color:var(--muted);border-radius:18px;place-content:center;justify-items:center;gap:12px;font-weight:600;display:grid}.flow-result-wait svg{color:var(--red)}.flow-result-wait.is-failed{border-style:solid}.flow-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.flow-steps li{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.flow-steps li[data-state=working],.flow-steps li[data-state=done]{color:var(--ink)}.flow-steps li[data-state=failed]{color:var(--red-text,var(--red))}.flow-step-dot{border:1px solid var(--line);background:var(--paper);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.flow-steps li[data-state=done] .flow-step-dot{color:#fff;background:#2e9e5b;border-color:#2e9e5b}.flow-steps li[data-state=working] .flow-step-dot{border-color:var(--red);color:var(--red)}.flow-words{border-left:3px solid var(--red);background:var(--paper);white-space:pre-wrap;border-radius:0 10px 10px 0;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.flow-run-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (max-width:860px){.flow-result{flex:none;height:360px}}.cover-media{object-fit:cover;width:100%;height:100%;display:block}.flow-card-art{overflow:hidden}.flow-chip-pic{object-fit:cover;border-radius:50%;width:20px;height:20px;margin:-3px 0 -3px -4px}.flow-banner{border:1px solid var(--line);background:var(--sand);border-radius:16px;align-items:end;height:clamp(140px,22vw,220px);display:grid;position:relative;overflow:hidden}.flow-banner>.cover-media,.flow-banner>svg{position:absolute;inset:0}.flow-banner:after{content:"";background:linear-gradient(#0000 35%,#000000bf);position:absolute;inset:0}.flow-banner-text{z-index:1;color:#fff;gap:2px;padding:16px 18px;display:grid;position:relative}.flow-banner-text h2{color:#fff;margin:0;font-size:clamp(20px,2.4vw,28px)}.flow-banner-text span{opacity:.85;font-size:13px}.flow-card-art,.flow-banner{position:relative}.flow-card-art>.cover-media{position:absolute;inset:0}.category-examples{gap:8px;min-width:0;display:grid}.category-examples h3{margin:0;font-size:15px}.category-examples-row{scroll-snap-type:x mandatory;grid-auto-columns:132px;grid-auto-flow:column;gap:10px;padding-bottom:6px;display:grid;overflow-x:auto}.category-example{color:var(--ink);font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;background:0 0;border:0;gap:4px;padding:0;display:grid}.category-example-art{aspect-ratio:9/16;border:1px solid var(--line);background:var(--sand);color:var(--red);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.category-example-art>.cover-media{position:absolute;inset:0}.category-example:hover .category-example-art{border-color:var(--red)}.category-example strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.category-example small{color:var(--muted);font-size:11.5px}.example-player-dialog{border:1px solid var(--line);background:var(--paper);width:min(820px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border-radius:20px;padding:0}.example-player-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080606b3}.example-player-box{grid-template-columns:minmax(0,1fr) 280px;display:grid}.example-player-box video{background:#000;width:100%;max-height:calc(100dvh - 60px)}.example-player-box .flow-close{position:absolute;top:10px;right:10px}.example-player-text{align-content:center;gap:12px;padding:24px 20px;display:grid}.example-player-text strong{font-size:18px}.example-player-text p{color:var(--muted);margin:0;font-size:14px}.example-player-text small{color:var(--muted);text-align:center}@media (max-width:680px){.category-examples-row{grid-auto-columns:112px}.example-player-box{grid-template-columns:1fr}.example-player-box video{max-height:60dvh}}.flow-audio{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.flow-audio audio{flex:1;min-width:200px}.director-toggle{align-content:start;gap:4px;display:grid}.director-toggle>span{align-items:center;gap:8px;font-weight:650;display:inline-flex}.director-toggle input{accent-color:#e9564b;width:18px;height:18px}.director-plan{background:#24201f;border:1px solid #4a3a38;border-radius:14px;gap:12px;padding:16px;display:grid}.director-plan header{color:#ffb4ab;align-items:flex-start;gap:10px;display:flex}.director-plan header div{color:#f5f5f6;gap:2px;display:grid}.director-plan header small{color:#b9bdc5;font-weight:400}.director-plan label{gap:6px;min-width:0;display:grid}.director-plan label>span{align-items:center;gap:6px;font-weight:650;display:inline-flex}.director-plan label em{color:#9da0a8;font-size:12px;font-style:normal;font-weight:400}.director-plan textarea,.director-plan input{width:100%;min-width:0}.director-steps{color:#c9cbd1;gap:6px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.director-steps li[data-state=done]{color:#8fd4a8}.director-steps li[data-state=working]{color:#ffb4ab;font-weight:650}
h1{letter-spacing:-.045em;font-size:clamp(25px,2.5vw,34px)}.home h1{font-size:clamp(25px,2.5vw,34px)}.content{padding-top:22px;padding-bottom:32px}.home{padding-top:clamp(18px,2.5vw,30px)}.home-quick-starts{margin-top:20px}.lede{margin:5px 0 16px;font-size:14px}.page-back{margin-bottom:4px}.eyebrow{margin-bottom:6px}@media (min-width:761px){.studio-shell:not(.studio-shell-compact){--rail:208px}.studio-shell .studio-topbar{min-height:56px;padding-block:6px}.studio-shell .nav{min-height:36px;font-size:13.5px}.studio-sidebar-heading{margin-bottom:16px}}.story-form{gap:12px;padding:16px}.wizard-grid{gap:14px}.stepper{margin:12px 0}.tool-grid .story-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tool-grid .story-form>*{grid-column:1/-1}.tool-grid .story-form>.duration-panel+.shape-field,.tool-grid .story-form>.duration-panel{grid-column:auto}.tool-grid .story-form>.button{justify-self:start}.tool-grid textarea{height:78px;min-height:60px}@media (min-width:900px){.tool-grid .wizard-side{position:sticky;top:12px}}.source-field,.duration-field{gap:6px}.source-field>span,.duration-field>span,.shape-field legend,.style-field legend{font-size:12.5px}.style-field legend,.shape-field legend{margin-bottom:6px}.source-trigger{gap:10px;padding:6px 8px}.source-trigger>img,.source-trigger>.actor-portrait,.source-empty{width:40px;height:40px}.style-choices{flex-wrap:wrap;gap:6px;display:flex}.style-choices button{text-align:center;border-radius:999px;min-height:32px;padding:5px 12px;font-size:12.5px}.duration-panel{align-content:start;padding:9px 10px}.duration-panel .duration-scale,.duration-panel>.muted{display:none}.shape-choices{gap:6px}.shape-choices button{flex-direction:row;gap:7px;min-height:42px;padding:4px 8px}.shape-choices button span{text-align:left;gap:0;display:grid}.tool-stage.vertical{max-height:min(56dvh,520px)}.library-dialog{max-height:min(88dvh,760px)}.library-panel{padding:clamp(14px,2.2vw,22px)}.library-heading{margin-bottom:12px}.library-heading h2{font-size:20px}.reference-help{margin:0 0 10px;font-size:13px}.reference-categories,.workflow-reference-dialog .reference-categories{border-radius:12px;gap:4px;margin:0 0 12px;padding:4px}.reference-categories button{border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 6px;font-size:13px;display:flex}.workflow-reference-dialog .library-add{margin-bottom:10px}.workflow-reference-dialog .reference-grid{margin-top:6px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px 10px}.library-thumbnail{border-radius:11px}.library-empty{min-height:140px}.reference-footer{background:#1a1b1e;margin:14px calc(-1*clamp(14px,2.2vw,22px)) calc(-1*clamp(14px,2.2vw,22px));padding:12px clamp(14px,2.2vw,22px);position:sticky;bottom:calc(-1*clamp(14px,2.2vw,22px))}.actor-dialog{max-height:calc(100dvh - 24px);padding:clamp(16px,2.6vw,30px)}.actor-dialog h2{font-size:clamp(24px,2.8vw,34px)}.actor-method-art{aspect-ratio:auto;height:min(30dvh,250px)}.actor-method>div:last-child{padding-block:8px}.swap-content{padding-top:14px;padding-bottom:14px}.swap-stage-head{padding:14px 20px}.swap-stage-title{padding:4px 15px 8px}.swap-stage-title h1{font-size:clamp(26px,2.8vw,38px)}.swap-form{gap:12px;padding:clamp(16px,2.2vw,28px)}.swap-form header h2{font-size:clamp(22px,2.4vw,30px)}.swap-pick{min-height:44px;padding:8px 12px}.swap-field textarea{min-height:70px}.swap-pair select{min-height:40px}.swap-submit{min-height:46px}.swap-deck-nav{padding:6px 20px 14px}@media (min-width:901px){.swap-shell{height:calc(100dvh - 84px);min-height:520px}.swap-form{overflow-y:auto}}@media (min-width:761px){.drama-shell{min-height:calc(100dvh - 56px)}.drama-helper{height:calc(100dvh - 56px)}}@media (max-width:720px){.tool-grid .story-form{grid-template-columns:1fr}.tool-grid .story-form>.duration-panel{grid-column:1/-1}}@media (min-width:1100px){html{zoom:.9}.shell{min-height:111.11vh}.studio-shell .sidebar{height:calc(111.11dvh - 20px)}.public-site,.auth-screen{min-height:111.11dvh}.preview.portrait{max-height:68.89vh}.console[data-editor=true] .preview:not(.portrait){max-width:min(850px,77.0311vh)}.actor-dialog{max-height:calc(111.11dvh - 28px)}.actor-welcome{min-height:min(490px,111.11dvh - 140px)}.actor-dropzone>.visual,.actor-reference-preview{height:min(315px,47.78dvh)}.actor-method-art{height:min(33.33dvh,278px)}.library-dialog{max-height:min(97.78dvh,845px)}.tool-stage.vertical{max-height:min(62.22dvh,578px)}.swap-shell{height:calc(111.11dvh - 84px)}.drama-shell{min-height:calc(111.11dvh - 56px)}.drama-helper{height:calc(111.11dvh - 56px)}}