.ex{--ex-ground:#13120e;--ex-raised:#1b1a16;--ex-ink:#e0e0e0;--ex-paper:#ece9e2;--ex-muted:#b0b0b0;--ex-dim:#8a877e;--ex-line:#e0e0e01f;--ex-line-strong:#e0e0e040;--ex-violet:#9a9af0;--ex-amber:#c8823a;--ex-primary:linear-gradient(180deg, #7272e4, #4545cf);--ex-primary-hover:linear-gradient(180deg, #8080e8, #5353d6);--ex-primary-edge:#4040c4;--ex-on-primary:#f5f5ff;--ex-mono:var(--font-geist-mono), ui-monospace, monospace;--ex-gutter:clamp(16px, 4vw, 48px);background:var(--ex-ground);color:var(--ex-ink);font-family:var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;line-height:1.21;position:relative;overflow-x:clip}.ex *,.ex :before,.ex :after{box-sizing:border-box}:where(.ex-body) :where(h1,h2,h3,p,ul,ol,figure){margin:0}:where(.ex-body) :where(ul,ol){padding:0;list-style:none}.ex :where(a,button,input):focus-visible{outline:2px solid var(--ex-violet);outline-offset:3px}.ex-body{padding-top:var(--ex-nav)}.ex-h1{color:var(--ex-ink);letter-spacing:-.03em;text-align:center;text-wrap:balance;font-size:clamp(34px,2.2vw + 24px,56px);font-weight:600;line-height:1.0714}.ex-h2{color:var(--ex-ink);letter-spacing:-.03em;text-align:center;text-wrap:balance;font-size:clamp(26px,1.4vw + 18px,36px);font-weight:600;line-height:1.1}.ex-poster,.ex-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ex-hero{padding:32px var(--ex-gutter) 0;flex-direction:column;align-items:center;gap:28px;display:flex}.ex-hero--style{max-width:1180px;margin-inline:auto}.ex .ex-back{min-height:44px;color:var(--ex-muted);align-self:flex-start;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.ex .ex-back:hover{color:var(--ex-ink)}.ex-prompt{background:var(--ex-raised);border:1px solid var(--ex-line);border-radius:12px;flex-wrap:wrap;gap:16px;width:100%;max-width:860px;padding:18px;transition:border-color .2s;display:flex}.ex-prompt:focus-within,.ex-prompt.is-over{border-color:#9a9af099}.ex-prompt__main{flex-direction:column;flex:360px;gap:10px;min-width:0;display:flex}.ex-prompt__label{color:var(--ex-muted);font-size:14px}.ex-input{width:100%;min-height:48px;color:var(--ex-ink);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:20px;font-weight:500}.ex-input::placeholder{color:var(--ex-dim);opacity:1;transition:opacity .3s}.ex-input[data-fading]::placeholder{opacity:0}.ex .ex-input:focus-visible{outline:0}@media (max-width:640px){.ex-input{font-size:18px}}.ex-prompt__chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ex-seg{border-radius:6px;display:inline-flex;position:relative;overflow:hidden}.ex-seg:after{content:"";border:1px solid var(--ex-line-strong);pointer-events:none;border-radius:6px;position:absolute;inset:0}.ex .ex-seg__btn{min-height:44px;color:var(--ex-ink);font-family:var(--ex-mono);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.ex .ex-seg__btn+.ex-seg__btn{box-shadow:inset 1px 0 0 var(--ex-line)}.ex .ex-seg__btn:hover{background:#e0e0e014}.ex .ex-seg__btn[aria-pressed=true]{background:var(--ex-ink);color:var(--ex-ground);font-weight:600}.ex .ex-seg__btn:focus-visible{outline-offset:-3px}.ex .ex-seg__btn[aria-pressed=true]:focus-visible{outline-color:var(--ex-ground)}.ex-prompt .ll-icon-btn{border:1px solid var(--ex-line-strong);width:44px;height:44px;color:var(--ex-ink);cursor:pointer;background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .2s;display:inline-flex}.ex-prompt .ll-icon-btn:hover{border-color:#e0e0e073}.ex-prompt .ll-ref-chip{min-width:0;max-width:240px;height:44px;box-shadow:0 0 0 1px var(--ex-line);background:var(--ex-ground);border-radius:6px;align-items:center;gap:8px;display:inline-flex;overflow:hidden}.ex-prompt .ll-ref-thumb{background:var(--ex-raised);flex:none;width:44px;height:44px;display:block}.ex-prompt .ll-ref-thumb img{object-fit:cover;width:44px;height:44px;display:block}.ex-prompt .ll-ref-name{min-width:0;color:var(--ex-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ex-prompt .ll-ref-remove{width:44px;height:44px;color:var(--ex-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ex-prompt .ll-ref-remove:focus-visible{outline-offset:-4px}.ex-prompt .ll-ref-remove:hover{color:var(--ex-ink)}.ex-prompt__status{color:var(--ex-muted);font-size:13px}.ex .ex-generate{border:1px solid var(--ex-primary-edge);background:var(--ex-primary);min-width:160px;min-height:52px;color:var(--ex-on-primary);font:inherit;cursor:pointer;border-radius:8px;flex:none;align-self:center;padding:0 28px;font-size:16px;font-weight:600;transition:background .2s}.ex .ex-generate:hover{background:var(--ex-primary-hover)}.ex .ex-generate:disabled{opacity:.65;cursor:progress}@media (max-width:640px){.ex .ex-generate{flex:100%}}.ex-section{width:100%;max-width:1180px;padding:72px var(--ex-gutter) 0;flex-direction:column;gap:28px;margin-inline:auto;display:flex}.ex-section--narrow{max-width:900px}.ex-controls{justify-content:flex-end;display:flex}.ex .ex-pause{border:1px solid var(--ex-line-strong);min-height:44px;color:var(--ex-ink);font-family:var(--ex-mono);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;transition:border-color .2s;display:inline-flex}.ex .ex-pause:hover{border-color:#e0e0e073}@media (prefers-reduced-motion:reduce){.ex .ex-controls,.ex .tk-controls{display:none}}.ex-clips{gap:16px;display:grid}.ex-clips--samples{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ex-clips--samples>.ex-clip{grid-column:span 2}.ex-clips--samples>.ex-clip:last-child:nth-child(odd){grid-column:2/span 2}.ex-clips--examples{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:1023px){.ex-clips--examples{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:759px){.ex-clips--samples{grid-template-columns:minmax(0,1fr)}.ex-clips--samples>.ex-clip,.ex-clips--samples>.ex-clip:last-child:nth-child(odd){grid-column:auto}}@media (max-width:639px){.ex-clips--examples{grid-template-columns:repeat(2,minmax(0,1fr))}}.ex-clip{background:var(--ex-raised);box-shadow:0 0 0 1px var(--ex-line);border-radius:16px;position:relative;overflow:hidden}.ex-clip[data-shape=l]{aspect-ratio:16/9}.ex-clip[data-shape=p]{aspect-ratio:9/16}.ex-clip .ex-video{object-fit:contain;background:var(--ex-ground)}.ex .ex-clip__play{color:var(--ex-ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.ex-clip__play svg{box-sizing:content-box;border:1px solid var(--ex-line-strong);background:#13120ed1;border-radius:8px;padding:17px;transition:border-color .2s}.ex-clip__play:hover svg{border-color:#e0e0e073}.ex-ideas{border-top:1px solid var(--ex-line);flex-direction:column;display:flex}.ex-idea{border-bottom:1px solid var(--ex-line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.ex-idea>span{color:var(--ex-ink);font-size:17px;font-weight:500}.ex .ex-idea__btn{border:1px solid var(--ex-line-strong);min-height:44px;color:var(--ex-ink);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}.ex .ex-idea__btn:hover{border-color:var(--ex-primary-edge);background:var(--ex-primary);color:var(--ex-on-primary)}.ex-faq{padding-top:24px}.ex-faq>section{background:0 0}.ex-faq a{align-items:center;min-height:44px;margin-top:0;display:inline-flex}@media (prefers-reduced-motion:reduce){.ex-back,.ex-prompt,.ex-seg__btn,.ex-prompt .ll-icon-btn,.ex-generate,.ex-clip__play svg,.ex-idea__btn{transition:none}}
