:root{--uvai-bg:#fff;--uvai-surface:#fff;--uvai-surface-warm:#f9f9f9;--uvai-border:#e5e5e5;--uvai-border-strong:#d4d4d4;--uvai-ink:#171717;--uvai-ink-soft:#525252;--uvai-ink-faint:#737373;--uvai-accent:#171717;--uvai-accent-hover:#404040;--uvai-accent-soft:#f5f5f5;--font-display:var(--font-body)}h1,h2,h3,.font-display{font-family:var(--font-body), sans-serif;letter-spacing:-.035em;font-weight:500}.template-nav{min-height:64px}.template-nav .uvai-btn{border-radius:999px}.template-mark{color:#fff;background:#171717;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:24px;display:grid}.template-welcome{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.template-use-cases{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:600px;margin-top:28px;display:grid}.template-use-cases>div{border:1px solid var(--uvai-border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.template-use-cases strong{font-size:12px;font-weight:500}.template-use-cases span{color:var(--uvai-ink-faint);font-size:11px;line-height:1.5}.template-source-input{border:1px solid var(--uvai-border-strong);background:#fff;border-radius:20px;align-items:center;gap:8px;padding:10px;display:flex;box-shadow:0 2px 6px #00000006}.template-source-input:focus-within{outline:2px solid var(--uvai-ink);outline-offset:2px}.template-source-input .uvai-input{box-shadow:none;background:0 0;border:0;padding:10px 4px;font-size:13px}.template-source-input .uvai-input:focus{box-shadow:none;outline:none}.template-source-icon{color:var(--uvai-ink-faint);flex-shrink:0;margin-left:6px}.template-send{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.template-send:hover:not(:disabled){background:#404040}.template-send:disabled{color:#737373;cursor:not-allowed;background:#e5e5e5}a:focus-visible,button:focus-visible{outline:2px solid var(--uvai-ink);outline-offset:3px}.template-studio{background:#fff}.template-studio-shell{flex:initial;height:calc(100dvh - 65px);min-height:520px}.template-studio-shell .uvai-toolbar{box-shadow:none;padding:14px 20px}.template-studio-shell .uvai-card{box-shadow:none;border:0;border-radius:0}.template-studio-panes>aside{background:#f9f9f9}.template-studio-panes>main{background:#fff}.template-studio-panes .uvai-pane-header{background:0 0;padding:18px}.template-studio-panes>aside:first-child{border-right:1px solid var(--uvai-border)}.template-studio-panes>aside:last-child{border-left:1px solid var(--uvai-border)}.template-studio-panes .uvai-splitter{width:4px}.template-studio-shell .uvai-chat-user{color:#171717;background:#f4f4f4;border-radius:20px;padding:12px 16px}.template-studio-shell .uvai-chat-assistant{box-shadow:none;border:0;padding:12px 0}.template-chat-welcome{height:100%;min-height:320px}.template-chat-welcome .template-mark{border-radius:14px;width:44px;height:44px;margin-bottom:12px}.template-pane-tabs{display:none}@media (max-width:1100px){.template-studio-panes>aside{width:240px}}@media (max-width:900px){.template-pane-tabs{border-bottom:1px solid var(--uvai-border);gap:4px;padding:8px 12px;display:flex}.template-pane-tabs button{color:var(--uvai-ink-soft);border-radius:8px;flex:1;padding:10px 4px;font-size:12px}.template-pane-tabs button[aria-pressed=true]{color:#fff;background:#171717}.template-studio-shell{height:auto;min-height:calc(100dvh - 65px)}.template-studio-panes{min-height:520px}.template-studio-panes>aside,.template-studio-panes>main{border:0;width:100%;min-width:0}.template-studio-panes>.uvai-splitter,.template-studio-shell [data-testid=studio-ide-video-pane],.template-studio-shell [data-testid=studio-ide-chat-pane],.template-studio-shell [data-testid=studio-ide-output-pane]{display:none}.template-studio-shell[data-mobile-pane=video] [data-testid=studio-ide-video-pane],.template-studio-shell[data-mobile-pane=chat] [data-testid=studio-ide-chat-pane],.template-studio-shell[data-mobile-pane=output] [data-testid=studio-ide-output-pane]{display:flex}.template-studio-shell .uvai-toolbar{padding:12px}.template-studio-shell [data-testid=studio-ide-url-form]{flex-basis:100%}}@media (max-width:480px){.template-use-cases{grid-template-columns:1fr;gap:8px}.template-use-cases>div{grid-template-columns:20px 1fr;gap:6px 10px;padding:12px;display:grid}.template-use-cases span{grid-column:2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}