.sr-demo{--motion-cover:var(--motion-chat-cover);--motion-accent:var(--motion-chat-accent);--motion-soft:var(--motion-chat-soft);inset:var(--demo-band,8%) var(--motion-stage-inset) var(--motion-panel-bottom);z-index:3;background:var(--motion-paper);border:var(--motion-border) solid var(--motion-white-line);border-radius:var(--motion-r4);box-shadow:var(--motion-shadow);color:var(--motion-ink);font:var(--motion-base)/1.6 var(--motion-font);flex-direction:column;display:flex;position:absolute;overflow:hidden;container-type:inline-size}.sr-demo--drama{--motion-cover:var(--motion-drama-cover);--motion-accent:var(--motion-drama-accent);--motion-soft:var(--motion-drama-soft)}.sr-demo--api{--motion-cover:var(--motion-api-cover);--motion-accent:var(--motion-api-accent);--motion-soft:var(--motion-api-soft)}.sr-demo--riff{--motion-cover:var(--motion-riff-cover);--motion-accent:var(--motion-riff-accent);--motion-soft:var(--motion-riff-soft)}.sr-demo .sr-demo-canvas{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;container-type:inline-size}.featured-cover.has-demo,.detail-cover.has-demo{--demo-band:var(--motion-label-band)}.sr-demo *,.sr-demo :before,.sr-demo :after{box-sizing:border-box}.sr-demo [hidden]{display:none!important}.sr-demo h2,.sr-demo h3,.sr-demo h4,.sr-demo p{margin:0}.sr-demo svg{display:block}.sr-demo .mono,.sr-demo .section-kicker{font-family:var(--motion-mono)}.sr-demo button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.sr-demo button:focus-visible{outline:var(--motion-thick) solid var(--motion-accent);outline-offset:var(--motion-s1)}.sr-demo--reveal{opacity:0;transform:translateY(var(--motion-enter-y)) scale(.985);pointer-events:none;transition:opacity var(--dur-slow), transform var(--dur-slow)}.demo-awake .sr-demo--reveal{opacity:1;transform:none}.has-demo .art-layer,.has-demo .pname{transition:opacity var(--dur-slow)}.demo-awake .cover.has-demo .art-layer{opacity:.55}.demo-awake .cover.has-demo .pname{opacity:0}.sr-demo .step-tabs .sr-demo-tab{gap:var(--motion-s2);padding:0 var(--motion-s1);color:var(--motion-muted);font-size:var(--motion-sm);border-radius:0;align-items:center;display:flex;position:relative}.sr-demo .step-tabs [aria-selected=true]{color:var(--motion-accent)}.sr-demo .sr-demo-controls{justify-content:flex-end;align-items:center;gap:var(--motion-s4);min-height:var(--motion-control-h);padding:0 var(--motion-s5);border-top:var(--motion-border) solid var(--motion-line);color:var(--motion-muted);font-size:var(--motion-tiny);flex-shrink:0;display:flex}.sr-demo .sr-demo-controls button{font-size:inherit;padding:var(--motion-s1) 0}.sr-demo .sr-demo-controls button:disabled{opacity:.5;cursor:default}@media (width>=1101px){.stack-item .sr-demo{--demo-band:var(--motion-preview-band);--motion-panel-bottom:var(--motion-preview-band)}.stack-item .sr-demo .sr-demo-canvas{width:var(--motion-preview-w);height:var(--motion-preview-h);transform:translate(-50%, -50%) scale(var(--motion-preview-scale,.5));transform-origin:50%;position:absolute;top:50%;left:50%}}@media (prefers-reduced-motion:reduce){.sr-demo *,.sr-demo :before,.sr-demo :after{transition:none!important}.sr-demo--reveal{opacity:1;transform:none}.sr-demo .web-preview{visibility:hidden}.sr-demo .app-preview-stage>.board-preview{opacity:1}}.sr-demo[data-reduced=true] .web-preview{visibility:hidden}.sr-demo[data-reduced=true] .app-preview-stage>.board-preview{opacity:1}.sr-demo .app-head{align-items:center;gap:var(--motion-s5);min-height:var(--motion-frame-head);padding:var(--motion-s3) var(--motion-s5);border-bottom:var(--motion-border) solid var(--motion-line);flex-shrink:0;display:flex}.sr-demo .window-dots{gap:var(--motion-s1);display:flex}.sr-demo .window-dots i{width:var(--motion-s2);height:var(--motion-s2);background:var(--motion-traffic-red);border-radius:var(--motion-pill)}.sr-demo .window-dots i:nth-child(2){background:var(--motion-traffic-yellow)}.sr-demo .window-dots i:nth-child(3){background:var(--motion-traffic-green)}.sr-demo .app-name{align-items:center;gap:var(--motion-s2);font-size:var(--motion-sm);white-space:nowrap;font-weight:600;display:flex}.sr-demo .app-name svg{width:var(--motion-icon);height:var(--motion-icon);color:var(--motion-accent)}.sr-demo .app-disclaimer{font-size:var(--motion-tiny);color:var(--motion-muted);white-space:nowrap;margin-left:auto}.sr-demo .step-tabs{height:var(--motion-steps-h);gap:var(--motion-s7);padding:0 var(--motion-s6);border-bottom:var(--motion-border) solid var(--motion-line);flex-shrink:0;display:flex}.sr-demo .step-tabs button{padding:0 var(--motion-s1);gap:var(--motion-s2);color:var(--motion-muted);font-size:var(--motion-sm);align-items:center;display:flex;position:relative}.sr-demo .step-tabs button span{font:var(--motion-tiny) var(--motion-mono);opacity:.7}.sr-demo .step-tabs button b{font-weight:500}.sr-demo .step-tabs button[aria-selected=true]{color:var(--motion-accent)}.sr-demo .step-tabs .sr-demo-tab i{height:var(--motion-thick);background:var(--motion-accent);transform-origin:0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.sr-demo .scene-viewport{flex:1;min-height:0;position:relative}.sr-demo .scene{padding:var(--motion-s6);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.sr-demo .scene[data-active=true]{z-index:2}.sr-demo .scene[data-active=false]{z-index:1}.sr-demo .transient{visibility:hidden}.sr-demo .section-kicker{font-size:var(--motion-tiny);color:var(--motion-muted);letter-spacing:.03em}.sr-demo .chat-workbench{gap:var(--motion-s6);flex:1;min-height:0;display:flex}.sr-demo .chat-sidebar{width:var(--motion-sidebar-w);border-right:var(--motion-border) solid var(--motion-line);padding-right:var(--motion-s5);flex-shrink:0}.sr-demo .attachment{border:var(--motion-border) solid var(--motion-line);background:var(--motion-wash);border-radius:var(--motion-r3);padding:var(--motion-s4);margin-top:var(--motion-s4);gap:var(--motion-s1);flex-direction:column;display:flex}.sr-demo .file-icon{width:var(--motion-s8);height:var(--motion-s10);background:var(--motion-paper);color:var(--motion-accent);border:var(--motion-border) solid var(--motion-line);border-radius:var(--motion-r1);font-size:var(--motion-xl);text-align:center;margin-bottom:var(--motion-s2)}.sr-demo .attachment b{font-size:var(--motion-xs);white-space:nowrap;font-weight:550}.sr-demo .attachment>span{color:var(--motion-muted);font-size:var(--motion-tiny)}.sr-demo .file-lines{gap:var(--motion-s1);margin:var(--motion-s3) 0;display:grid}.sr-demo .file-lines i{height:var(--motion-s1);border-radius:var(--motion-pill);background:var(--motion-line);width:100%}.sr-demo .file-lines i:nth-child(2){width:80%}.sr-demo .file-lines i:nth-child(3){width:60%}.sr-demo .attachment .file-ready{color:var(--motion-accent)}.sr-demo .sidebar-hint{color:var(--motion-muted);font-size:var(--motion-xs);margin-top:var(--motion-s6);line-height:1.9}.sr-demo .chat-main{flex-direction:column;flex:1;align-items:stretch;min-width:0;display:flex}.sr-demo .user-msg{background:var(--motion-accent);color:var(--motion-paper);padding:var(--motion-s3) var(--motion-s4);border-radius:var(--motion-r3) var(--motion-r3) var(--motion-s1) var(--motion-r3);width:fit-content;font-size:var(--motion-sm);box-shadow:var(--motion-shadow-card);align-self:flex-end;line-height:1.6}.sr-demo .assistant-response{gap:var(--motion-s3);margin-top:var(--motion-s5);display:flex;position:relative}.sr-demo .assistant-avatar{width:var(--motion-s7);height:var(--motion-s7);border-radius:var(--motion-r2);background:var(--motion-soft);color:var(--motion-accent);flex-shrink:0;place-items:center;display:grid}.sr-demo .assistant-avatar svg{width:var(--motion-icon);height:var(--motion-icon)}.sr-demo .response-copy{flex:1;min-width:0;position:relative}.sr-demo .response-label{font-size:var(--motion-sm);margin:var(--motion-s1) 0 var(--motion-s3);font-weight:550}.sr-demo .thinking{gap:var(--motion-s1);top:var(--motion-s1);background:var(--motion-paper);padding:var(--motion-s1) 0;width:100%;display:flex;position:absolute;left:0}.sr-demo .thinking span{width:var(--motion-s1);height:var(--motion-s1);border-radius:var(--motion-pill);background:var(--motion-accent)}.sr-demo .answer-list{gap:var(--motion-s2);display:grid}.sr-demo .answer-list>div{align-items:center;gap:var(--motion-s3);padding:var(--motion-s2) var(--motion-s3);border:var(--motion-border) solid var(--motion-line);border-radius:var(--motion-r2);font-size:var(--motion-sm);background:var(--motion-paper);box-shadow:var(--motion-shadow-card);display:flex}.sr-demo .answer-list>div>span{color:var(--motion-accent);font:var(--motion-tiny) var(--motion-mono)}.sr-demo .answer-list p{flex:1}.sr-demo .answer-list i{color:var(--motion-accent);opacity:.55;font-style:normal}.sr-demo .result-note{margin-top:var(--motion-s3);font-size:var(--motion-tiny);color:var(--motion-muted);display:inline-block}.sr-demo .composer{min-height:var(--motion-composer-h);margin-top:var(--motion-s4);padding:var(--motion-s2) var(--motion-s3);background:var(--motion-wash);border:var(--motion-border) solid var(--motion-line);border-radius:var(--motion-r3);color:var(--motion-muted);font-size:var(--motion-xs);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sr-demo .composer-send{background:var(--motion-paper);color:var(--motion-accent);width:var(--motion-s7);height:var(--motion-s7);border:var(--motion-border) solid var(--motion-line);border-radius:var(--motion-r2);font-size:var(--motion-lg);place-items:center;display:grid}.sr-demo .mini-tag{background:var(--motion-soft);color:var(--motion-accent);border:var(--motion-border) solid var(--motion-line);padding:var(--motion-s1) var(--motion-s2);font-size:var(--motion-tiny);border-radius:var(--motion-r1);align-items:center;width:fit-content;display:inline-flex}.sr-demo .code-card{border-radius:var(--motion-r3);background:var(--motion-dark);color:var(--motion-code-ink);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sr-demo .code-title{padding:var(--motion-s3) var(--motion-s4);border-bottom:var(--motion-border) solid var(--motion-code-dim);align-items:center;gap:var(--motion-s2);font:var(--motion-xs) var(--motion-mono);display:flex}.sr-demo .code-title>span:last-child{font-size:var(--motion-tiny);color:var(--motion-code-dim);margin-left:auto}.sr-demo .code-title .code-file-dot{width:var(--motion-s1);height:var(--motion-s1);background:var(--motion-code-pink);border-radius:var(--motion-pill);margin:0}.sr-demo .code-lines{padding:var(--motion-s4);justify-content:center;gap:var(--motion-s1);flex-direction:column;flex:1;display:flex}.sr-demo .code-lines>div{gap:var(--motion-s4);font-size:var(--motion-sm);line-height:1.6;display:flex}.sr-demo .code-lines em{color:var(--motion-code-dim);min-width:var(--motion-s3);user-select:none;font-style:normal}.sr-demo .code-lines code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--motion-mono)}.sr-demo .code-lines b{color:var(--motion-code-pink);font-weight:400}.sr-demo .code-lines code span{color:var(--motion-code-green)}.sr-demo .code-foot{justify-content:space-between;gap:var(--motion-s2);background:var(--motion-dark-deep);padding:var(--motion-s2) var(--motion-s4);font:var(--motion-tiny)/1.5 var(--motion-mono);color:var(--motion-code-blue);display:flex}.sr-demo .api-workspace{gap:var(--motion-s6);grid-template-columns:1.1fr 1fr;height:100%;display:grid}.sr-demo .request-card .code-lines>div{font-size:var(--motion-xs)}.sr-demo .route-panel{justify-content:center;align-items:center;gap:var(--motion-s6);text-align:center;flex-direction:column;display:flex}.sr-demo .route-diagram{flex-direction:column;align-items:center;width:100%;display:flex}.sr-demo .route-node{border:var(--motion-border) solid var(--motion-line);padding:var(--motion-s2) var(--motion-s4);background:var(--motion-paper);border-radius:var(--motion-r2);box-shadow:var(--motion-shadow-card);font-size:var(--motion-sm)}.sr-demo .route-node span{font:var(--motion-tiny) var(--motion-mono);color:var(--motion-muted);display:block}.sr-demo .route-line{width:var(--motion-border);height:var(--motion-s5);background:var(--motion-accent);transform-origin:top}.sr-demo .route-hub{width:var(--motion-s12);height:var(--motion-s12);color:var(--motion-accent);background:var(--motion-soft);border:var(--motion-border) solid var(--motion-line);border-radius:var(--motion-r3);place-items:center;display:grid}.sr-demo .route-hub svg{width:var(--motion-s7);height:var(--motion-s7)}.sr-demo .route-caption b{font-size:var(--motion-sm);display:block}.sr-demo .route-caption span{font-size:var(--motion-tiny);color:var(--motion-muted)}.sr-demo .stream-workspace{flex-direction:column;height:100%;display:flex}.sr-demo .stream-header{justify-content:space-between;align-items:center;gap:var(--motion-s2);font-size:var(--motion-xs);color:var(--motion-muted);display:flex}.sr-demo .stream-output{justify-content:center;align-items:flex-start;gap:var(--motion-s5);padding:var(--motion-s8) var(--motion-s6);flex:1;display:flex}.sr-demo .stream-output h2{font-size:var(--motion-xxl);letter-spacing:-.03em;font-weight:500;line-height:1.65}.sr-demo .stream-accent{color:var(--motion-accent)}.sr-demo .stream-output p{font-size:var(--motion-sm);color:var(--motion-body);margin:var(--motion-s4) 0 var(--motion-s5);line-height:1.9}.sr-demo .stream-log{align-items:center;gap:var(--motion-s4);padding:var(--motion-s3) var(--motion-s4);border-radius:var(--motion-r2);background:var(--motion-dark);color:var(--motion-code-ink);font:var(--motion-xs) var(--motion-mono);display:flex}.sr-demo .stream-log i{color:var(--motion-code-blue);font-style:normal}.sr-demo .stream-log b{font:var(--motion-tiny) var(--motion-font);color:var(--motion-code-dim);margin-left:auto}.sr-demo .api-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.sr-demo .completion-icon{background:var(--motion-soft);width:var(--motion-s12);height:var(--motion-s12);border-radius:var(--motion-r4);color:var(--motion-accent);font-size:var(--motion-xl);margin-bottom:var(--motion-s3);place-items:center;display:grid}.sr-demo .api-result h2{margin:var(--motion-s2) 0;font-size:var(--motion-xxl);font-weight:500}.sr-demo .api-result>p{color:var(--motion-muted);font-size:var(--motion-sm)}.sr-demo .pipeline{justify-content:center;align-items:center;gap:var(--motion-s4);width:100%;margin-top:var(--motion-s7);display:flex}.sr-demo .pipeline>div{background:var(--motion-wash);border:var(--motion-border) solid var(--motion-line);padding:var(--motion-s3) var(--motion-s5);border-radius:var(--motion-r3);text-align:left;flex:1}.sr-demo .pipeline span{font:var(--motion-tiny) var(--motion-mono);color:var(--motion-accent)}.sr-demo .pipeline b{margin:var(--motion-s1) 0;font-weight:500;font-size:var(--motion-sm);display:block}.sr-demo .pipeline small{font-size:var(--motion-tiny);color:var(--motion-muted)}.sr-demo .pipeline>i{color:var(--motion-accent);font-style:normal}.sr-demo .script-workspace{gap:var(--motion-s8);grid-template-columns:1fr 1.2fr;height:100%;display:grid}.sr-demo .screenplay h2{font-family:serif;font-size:var(--motion-xxl);margin-top:var(--motion-s2);letter-spacing:.06em;font-weight:550}.sr-demo .screenplay p{font-size:var(--motion-sm);color:var(--motion-body);line-height:1.9}.sr-demo .screenplay .script-location{font:var(--motion-tiny)/1.6 var(--motion-mono);color:var(--motion-accent);margin:var(--motion-s4) 0 var(--motion-s2)}.sr-demo .dialogue{margin-top:var(--motion-s4);padding-left:var(--motion-s4);border-left:var(--motion-thick) solid var(--motion-soft)}.sr-demo .dialogue b{font-size:var(--motion-xs);color:var(--motion-accent);font-weight:500}.sr-demo .script-visual{border-radius:var(--motion-r3);background:var(--motion-soft);margin:var(--motion-s6) 0;position:relative;overflow:hidden}.sr-demo .script-visual>picture{width:100%;height:100%;display:block}.sr-demo .script-visual img{object-fit:contain;width:100%;height:100%}.sr-demo .crop-corner{width:var(--motion-s4);height:var(--motion-s4);border-color:var(--motion-white-line);border-style:solid;position:absolute}.sr-demo .corner-tl{top:var(--motion-s3);left:var(--motion-s3);border-width:var(--motion-border) 0 0 var(--motion-border)}.sr-demo .corner-br{bottom:var(--motion-s3);right:var(--motion-s3);border-width:0 var(--motion-border) var(--motion-border) 0}.sr-demo .storyboard{flex-direction:column;justify-content:center;height:100%;display:flex}.sr-demo .storyboard-title{justify-content:space-between;align-items:center;gap:var(--motion-s2);margin-bottom:var(--motion-s6);display:flex}.sr-demo .storyboard-title h3{font-size:var(--motion-lg);margin-top:var(--motion-s1);font-weight:500}.sr-demo .board-grid{gap:var(--motion-s3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sr-demo .board-grid article{border:var(--motion-border) solid var(--motion-line);border-radius:var(--motion-r2);padding-bottom:var(--motion-s3);box-shadow:var(--motion-shadow-card);overflow:hidden}.sr-demo .board-art{height:calc(var(--motion-s16) * 2);position:relative;overflow:hidden}.sr-demo .board-art>picture{width:100%;height:100%;display:block}.sr-demo .board-art img{object-fit:cover;width:100%;height:100%}.sr-demo .board-art>span{top:var(--motion-s2);left:var(--motion-s2);color:var(--motion-paper);padding:0 var(--motion-s1);background:var(--motion-dark);border-radius:var(--motion-r1);font:var(--motion-tiny)/1.7 var(--motion-mono);position:absolute}.sr-demo .board-grid h4{margin:var(--motion-s3) var(--motion-s3) var(--motion-s1);font-size:var(--motion-sm);font-weight:550}.sr-demo .board-grid p{color:var(--motion-muted);font-size:var(--motion-tiny);margin:0 var(--motion-s3)}.sr-demo .board-track{margin-top:var(--motion-s6);padding:0 var(--motion-s8);align-items:center;display:flex}.sr-demo .board-track span{width:var(--motion-s2);height:var(--motion-s2);background:var(--motion-accent);border-radius:var(--motion-pill)}.sr-demo .board-track i{height:var(--motion-border);background:var(--motion-line);flex:1}.sr-demo .storyboard>.result-note{text-align:center}.sr-demo .cinema-workspace{gap:var(--motion-s5);flex-direction:column;height:100%;display:flex}.sr-demo .cinema{border-radius:var(--motion-r2);background:var(--motion-dark);flex:1;min-height:0;position:relative;overflow:hidden}.sr-demo .film-images,.sr-demo .film-frame{position:absolute;inset:0}.sr-demo .film-frame{display:block}.sr-demo .film-frame img{object-fit:contain;width:100%;height:100%}.sr-demo .film-frame:not(:first-of-type){opacity:0}.sr-demo .cinema-label{top:var(--motion-s3);left:var(--motion-s3);font:var(--motion-tiny) var(--motion-mono);padding:var(--motion-s1) var(--motion-s2);color:var(--motion-paper);background:var(--motion-dark);border-radius:var(--motion-r1);position:absolute}.sr-demo .cinema-caption{bottom:var(--motion-s5);text-align:center;width:100%;color:var(--motion-paper);font-family:serif;font-size:var(--motion-lg);text-shadow:0 var(--motion-thick) var(--motion-s2) var(--motion-dark);position:absolute;left:0}.sr-demo .film-timeline{align-items:center;gap:var(--motion-s4);font-size:var(--motion-tiny);color:var(--motion-muted);display:flex}.sr-demo .film-clips{height:var(--motion-s8);gap:var(--motion-s1);flex:1;display:flex;position:relative}.sr-demo .film-clips>i{background:linear-gradient(140deg,var(--motion-cover),var(--motion-accent));border-radius:var(--motion-r1);opacity:.7;flex:1}.sr-demo .film-clips>i:nth-child(2n){opacity:.4}.sr-demo .playhead{width:var(--motion-thick);height:calc(100% + var(--motion-s2));top:calc(-1 * var(--motion-s1));background:var(--motion-accent);position:absolute;left:0}.sr-demo .media-workspace{gap:var(--motion-s3);flex-direction:column;height:100%;display:flex}.sr-demo .creation-heading{justify-content:space-between;align-items:center;gap:var(--motion-s3);flex-shrink:0;display:flex}.sr-demo .creation-heading h3{align-items:baseline;gap:var(--motion-s1) var(--motion-s2);font-size:var(--motion-xl);letter-spacing:-.03em;flex-wrap:wrap;font-weight:500;line-height:1.6;display:flex}.sr-demo .creation-value{font-size:var(--motion-sm);color:var(--motion-accent);letter-spacing:0;line-height:1.5}.sr-demo .media-gallery{align-items:center;gap:var(--motion-s5);flex:1;grid-template-columns:.8fr 1.5fr;min-height:0;display:grid}.sr-demo .media-asset{padding:var(--motion-s2);border:var(--motion-border) solid var(--motion-line);border-radius:var(--motion-r3);background:var(--motion-paper);box-shadow:var(--motion-shadow-card);min-width:0}.sr-demo .image-asset{width:100%;max-width:var(--motion-media-still-max);justify-self:center}.sr-demo .video-asset{width:100%;max-width:var(--motion-media-video-max);justify-self:center}.sr-demo[data-motion-ready] [data-scene-key=chat0][data-media-phase=image] .video-asset{visibility:hidden}.sr-demo .asset-title{align-items:center;gap:var(--motion-s2);padding:0 var(--motion-s1) var(--motion-s2);font-size:var(--motion-xs);display:flex}.sr-demo .asset-title b{white-space:nowrap;font-weight:550}.sr-demo .asset-title>span:last-child{font-size:var(--motion-tiny);color:var(--motion-muted);white-space:nowrap;margin-left:auto}.sr-demo .asset-title .asset-type{color:var(--motion-accent);font-size:var(--motion-md)}.sr-demo .asset-art{border-radius:var(--motion-r2);background:var(--motion-dark);isolation:isolate;width:100%;position:relative;overflow:hidden}.sr-demo .still-art{aspect-ratio:var(--motion-media-still-ratio)}.sr-demo .video-art{aspect-ratio:var(--motion-media-video-ratio)}.sr-demo .asset-art>picture{display:block;position:absolute;inset:0}.sr-demo .asset-art picture>img{object-fit:cover;width:100%;height:100%;display:block}.sr-demo .video-frame:not(:first-of-type){opacity:0}.sr-demo .generation-sweep{width:var(--motion-generation-sweep-w);background:linear-gradient(90deg, transparent, var(--motion-shine), transparent);opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.sr-demo .asset-caption{justify-content:space-between;gap:var(--motion-s1);font-size:var(--motion-tiny);color:var(--motion-body);padding:var(--motion-s2) var(--motion-s1) 0;display:flex}.sr-demo .asset-caption i{color:var(--motion-green);font-style:normal}.sr-demo .video-art-badge{top:var(--motion-s2);left:var(--motion-s2);padding:var(--motion-s1) var(--motion-s2);border:var(--motion-border) solid var(--motion-white-line);border-radius:var(--motion-pill);font-size:var(--motion-tiny);color:var(--motion-paper);background:var(--motion-shadow-color);position:absolute}.sr-demo .video-viewfinder{inset:var(--motion-s3);pointer-events:none;position:absolute}.sr-demo .video-viewfinder i{width:var(--motion-s3);height:var(--motion-s3);border-color:var(--motion-white-line);border-style:solid;position:absolute}.sr-demo .video-viewfinder i:first-child{border-width:var(--motion-border) 0 0 var(--motion-border);top:0;left:0}.sr-demo .video-viewfinder i:nth-child(2){border-width:var(--motion-border) var(--motion-border) 0 0;top:0;right:0}.sr-demo .video-viewfinder i:nth-child(3){border-width:0 0 var(--motion-border) var(--motion-border);bottom:0;left:0}.sr-demo .video-viewfinder i:nth-child(4){border-width:0 var(--motion-border) var(--motion-border) 0;bottom:0;right:0}.sr-demo .media-player-line{align-items:center;gap:var(--motion-s2);padding:var(--motion-s2) var(--motion-s1) 0;color:var(--motion-accent);font-size:var(--motion-tiny);display:flex}.sr-demo .media-player-line>span:last-child{color:var(--motion-muted);white-space:nowrap}.sr-demo .media-progress{background:var(--motion-line);height:var(--motion-thick);border-radius:var(--motion-pill);flex:1;overflow:hidden}.sr-demo .media-progress>i{background:var(--motion-accent);transform-origin:0;width:100%;height:100%;display:block}.sr-demo .media-composer{border:var(--motion-border) solid var(--motion-line);background:var(--motion-wash);border-radius:var(--motion-r3);padding:var(--motion-s2) var(--motion-s3);flex-shrink:0}.sr-demo .creation-modebar{align-items:center;gap:var(--motion-s2);font-size:var(--motion-tiny);color:var(--motion-muted);display:flex}.sr-demo .creation-modebar>span{border:var(--motion-border) solid var(--motion-line);padding:0 var(--motion-s2);border-radius:var(--motion-r1);background:var(--motion-paper)}.sr-demo .creation-modebar>span[data-current=true]{color:var(--motion-accent);border-color:var(--motion-accent);background:var(--motion-soft)}.sr-demo .creation-modebar small{font-size:var(--motion-tiny);margin-left:auto}.sr-demo .creation-prompt{justify-content:space-between;align-items:center;gap:var(--motion-s2);margin-top:var(--motion-s2);font-size:var(--motion-xs);color:var(--motion-body);display:flex}.sr-demo .creation-action{color:var(--motion-paper);background:var(--motion-accent);padding:var(--motion-s1) var(--motion-s2);border-radius:var(--motion-pill);font-size:var(--motion-tiny);white-space:nowrap}.sr-demo .application-workspace{gap:var(--motion-s5);height:100%;min-height:0;display:flex}.sr-demo .app-build-rail{width:var(--motion-app-rail-w);gap:var(--motion-s3);flex-direction:column;flex-shrink:0;display:flex}.sr-demo .app-idea{align-items:flex-start;gap:var(--motion-s2);padding:var(--motion-s3);border:var(--motion-border) solid var(--motion-line);background:var(--motion-soft);border-radius:var(--motion-r3);display:flex}.sr-demo .app-idea>svg{color:var(--motion-accent);width:var(--motion-s4);height:var(--motion-s4);margin-top:var(--motion-s1);flex-shrink:0}.sr-demo .app-idea p{font-size:var(--motion-xs);line-height:1.9}.sr-demo .app-idea b{font-weight:500}.sr-demo .app-build-files{gap:var(--motion-s2);flex-direction:column;display:flex}.sr-demo .app-build-files>div{align-items:center;gap:var(--motion-s2);font-size:var(--motion-tiny);display:flex}.sr-demo .app-build-files span{width:var(--motion-s10);font:var(--motion-tiny)/1.6 var(--motion-mono);padding:var(--motion-s1) 0;color:var(--motion-accent);background:var(--motion-wash);border-radius:var(--motion-r1);text-align:center}.sr-demo .app-build-files b{color:var(--motion-body);font-weight:400}.sr-demo .app-build-files i{color:var(--motion-green);margin-left:auto;font-style:normal}.sr-demo .app-market{border-top:var(--motion-border) solid var(--motion-line);padding-top:var(--motion-s3);margin-top:auto}.sr-demo .market-title{font-size:var(--motion-tiny);margin-bottom:var(--motion-s1);justify-content:space-between;align-items:center;display:flex}.sr-demo .market-title b{font-weight:500}.sr-demo .market-title>span{color:var(--motion-muted)}.sr-demo .market-example{gap:var(--motion-s2);padding:var(--motion-s2) 0;align-items:center;display:flex}.sr-demo .market-icon{width:var(--motion-s7);height:var(--motion-s7);border-radius:var(--motion-r2);font-size:var(--motion-lg);flex-shrink:0;place-items:center;display:grid}.sr-demo .music-icon{background:var(--motion-violet);color:var(--motion-paper)}.sr-demo .script-icon{background:var(--motion-dark);color:var(--motion-market-gold)}.sr-demo .market-example b{font-size:var(--motion-xs);font-weight:500;display:block}.sr-demo .market-example div>span{font-size:var(--motion-tiny);color:var(--motion-muted);display:block}.sr-demo .generated-app{border:var(--motion-border) solid var(--motion-line);background:var(--motion-app-preview-bg);border-radius:var(--motion-r3);min-width:0;min-height:0;box-shadow:var(--motion-shadow-card);flex-direction:column;flex:1;display:flex;overflow:hidden}.sr-demo .app-preview-stage{flex:1;min-height:0;position:relative;overflow:hidden}.sr-demo .web-preview,.sr-demo .app-preview-stage>.board-preview{position:absolute;inset:0}.sr-demo .app-preview-stage>.board-preview{opacity:0}.sr-demo .web-preview{color:var(--motion-web-ink);background:radial-gradient(ellipse at 75% 40%, var(--motion-web-glow), transparent 66%), var(--motion-web-bg);flex-direction:column;display:flex;overflow:hidden}.sr-demo .web-nav{padding:var(--motion-s3) var(--motion-s4);border-bottom:var(--motion-border) solid var(--motion-web-line);font:var(--motion-tiny) var(--motion-mono);justify-content:space-between;align-items:center;gap:var(--motion-s2);display:flex}.sr-demo .web-nav b{letter-spacing:.06em;font-weight:500}.sr-demo .web-nav b>i{color:var(--motion-web-peach);margin-right:var(--motion-s1);font-style:normal}.sr-demo .web-nav>span{color:var(--motion-web-dim)}.sr-demo .web-hero{min-height:0;padding:var(--motion-s4);align-items:center;gap:var(--motion-s1);flex:1;grid-template-columns:.78fr 1.22fr;display:grid}.sr-demo .web-copy{z-index:1;position:relative}.sr-demo .web-eyebrow{font:var(--motion-tiny)/1.6 var(--motion-mono);color:var(--motion-web-dim)}.sr-demo .web-copy h4{font-size:var(--motion-web-title);letter-spacing:-.055em;margin:var(--motion-s3) 0;font-weight:500;line-height:1.25}.sr-demo .web-copy h4 em{color:var(--motion-web-peach);font-style:normal}.sr-demo .web-copy p{font-size:var(--motion-tiny);color:var(--motion-web-dim);line-height:1.8}.sr-demo .web-cta{align-items:center;gap:var(--motion-s3);padding:var(--motion-s2) var(--motion-s3);border-radius:var(--motion-r2);color:var(--motion-web-shadow-ink);background:var(--motion-web-peach);box-shadow:var(--motion-web-accent-shadow);font-size:var(--motion-tiny);margin-top:var(--motion-s3);display:inline-flex}.sr-demo .web-cta i{font-style:normal}.sr-demo .web-art{width:100%;height:var(--motion-web-art-h);min-width:0;position:relative}.sr-demo .web-mini-card{border:var(--motion-border) solid var(--motion-web-line);background:var(--motion-web-core);border-radius:var(--motion-r3);box-shadow:var(--motion-web-card-shadow)}.sr-demo .web-project-wrap{width:var(--motion-web-card-w);left:0;top:var(--motion-s2);z-index:2;position:absolute;transform:rotate(-9deg)}.sr-demo .web-project{padding:var(--motion-s3)}.sr-demo .web-card-top{justify-content:space-between;align-items:center;line-height:1;display:flex}.sr-demo .web-card-top>i{color:var(--motion-web-peach);font-style:normal}.sr-demo .web-card-label{font:var(--motion-tiny)/1.3 var(--motion-mono);letter-spacing:.035em;color:var(--motion-web-dim)}.sr-demo .web-project-title{font-size:var(--motion-sm);margin-top:var(--motion-s2);font-weight:500;line-height:1.5;display:block}.sr-demo .web-project-sub{display:none}.sr-demo .web-project-progress{align-items:center;gap:var(--motion-s2);margin-top:var(--motion-s2);display:flex}.sr-demo .web-progress-ring{width:var(--motion-s10);height:var(--motion-s10);border-radius:var(--motion-pill);border:var(--motion-progress-h) solid var(--motion-web-peach);border-left-color:var(--motion-web-inset);color:var(--motion-web-peach);font-size:var(--motion-lg);place-items:center;display:grid}.sr-demo .web-project-progress div>span{color:var(--motion-web-dim);font-size:var(--motion-tiny);line-height:1.4;display:block}.sr-demo .web-project-progress b{font-size:var(--motion-tiny);font-weight:400;line-height:1.5}.sr-demo .web-project-progress b>i{color:var(--motion-web-peach);font-style:normal}.sr-demo .web-week{height:var(--motion-s4);margin-top:var(--motion-s2);padding:0 var(--motion-s1);justify-content:space-between;align-items:end;display:flex}.sr-demo .web-week i{width:var(--motion-s2);background:var(--motion-web-peach);border-radius:var(--motion-r1);opacity:.7;height:50%}.sr-demo .web-week i:nth-child(2n){height:80%}.sr-demo .web-week i:nth-child(3n){opacity:1;height:100%}.sr-demo .web-task{align-items:center;gap:var(--motion-s2);padding:var(--motion-s1);margin-top:var(--motion-s2);border-radius:var(--motion-r2);background:var(--motion-web-inset);box-shadow:var(--motion-web-tile-shadow);display:flex}.sr-demo .web-task>span{color:var(--motion-web-peach)}.sr-demo .web-task b{font-size:var(--motion-tiny);font-weight:400;line-height:1.4;display:block}.sr-demo .web-task small{font-size:var(--motion-tiny);color:var(--motion-web-dim);line-height:1.4;display:block}.sr-demo .web-task>i{font-size:var(--motion-tiny);color:var(--motion-web-peach);margin-left:auto;font-style:normal}.sr-demo .web-project-nav{padding-top:var(--motion-s1);margin-top:var(--motion-s1);border-top:var(--motion-border) solid var(--motion-web-line);font-size:var(--motion-tiny);color:var(--motion-web-dim);justify-content:space-around;line-height:1;display:flex}.sr-demo .web-project-nav>span:first-child{color:var(--motion-web-peach)}.sr-demo .web-note-wrap{width:var(--motion-web-note-w);position:absolute;top:0;right:0;transform:rotate(12deg)}.sr-demo .web-note{padding:var(--motion-s3);padding-left:var(--motion-s8);background:var(--motion-web-peach);color:var(--motion-web-shadow-ink)}.sr-demo .web-note .web-card-label{color:var(--motion-web-shadow-ink);opacity:.6}.sr-demo .web-note-spark{font-size:var(--motion-xxl);line-height:1.5;display:block}.sr-demo .web-note>b{font-size:var(--motion-xs);font-weight:500;display:block}.sr-demo .web-note-tags{gap:var(--motion-s1);margin-top:var(--motion-s2);display:flex}.sr-demo .web-note-tags>i{font-size:var(--motion-tiny);border:var(--motion-border) solid currentColor;border-radius:var(--motion-pill);padding:0 var(--motion-s1);font-style:normal}.sr-demo .web-player-wrap{bottom:0;right:calc(-1 * var(--motion-s2));width:var(--motion-web-player-w);z-index:3;position:absolute;transform:rotate(-5deg)}.sr-demo .web-player{align-items:center;gap:var(--motion-s2);padding:var(--motion-s2);display:flex}.sr-demo .web-album{width:var(--motion-s8);height:var(--motion-s10);background:linear-gradient(140deg, var(--motion-web-avatar), var(--motion-web-peach-light));color:var(--motion-web-inset);border-radius:var(--motion-r1);font-size:var(--motion-lg);flex-shrink:0;place-items:center;display:grid}.sr-demo .web-player b{font-size:var(--motion-tiny);font-weight:400;line-height:1.4;display:block}.sr-demo .web-player .web-card-label{font-size:var(--motion-tiny)}.sr-demo .web-player-play{font-size:var(--motion-tiny);color:var(--motion-web-peach);margin-left:auto}.sr-demo .web-audio-bars{align-items:center;gap:var(--motion-border);height:var(--motion-s3);margin-top:var(--motion-s1);display:flex}.sr-demo .web-audio-bars i{width:var(--motion-thick);background:var(--motion-web-peach);border-radius:var(--motion-r1);height:100%}.sr-demo .web-marquee{border-top:var(--motion-border) solid var(--motion-web-line);padding:var(--motion-s2) 0;color:var(--motion-web-dim);font:var(--motion-tiny)/1.4 var(--motion-mono);letter-spacing:.12em;flex-shrink:0;overflow:hidden}.sr-demo .web-marquee>span{white-space:nowrap;width:max-content;display:inline-block}.sr-demo .app-preview-head{align-items:center;gap:var(--motion-s2);padding:var(--motion-s3);border-bottom:var(--motion-border) solid var(--motion-app-preview-line);background:var(--motion-dark);color:var(--motion-app-preview-ink);font-size:var(--motion-tiny);flex-shrink:0;display:flex}.sr-demo .app-preview-head b{font-weight:400}.sr-demo .app-preview-head>span:last-child{color:var(--motion-code-dim);margin-left:auto}.sr-demo .preview-live-dot{width:var(--motion-s1);height:var(--motion-s1);border-radius:var(--motion-pill);background:var(--motion-app-preview-accent)}.sr-demo .board-preview{color:var(--motion-board-ink);background:var(--motion-board-bg);flex-direction:column;display:flex;overflow:hidden}.sr-demo .board-nav{justify-content:space-between;align-items:center;gap:var(--motion-s2);padding:var(--motion-s2) var(--motion-s4);border-bottom:var(--motion-border) solid var(--motion-board-line);font:var(--motion-tiny)/1.6 var(--motion-mono);flex-shrink:0;display:flex}.sr-demo .board-nav>b{letter-spacing:.04em;font-weight:600}.sr-demo .board-nav b>span{color:var(--motion-board-muted);font-weight:400}.sr-demo .board-example{padding:0 var(--motion-s2);background:var(--motion-board-card);border-radius:var(--motion-pill);font:var(--motion-tiny)/1.6 var(--motion-font);color:var(--motion-board-muted);white-space:nowrap}.sr-demo .board-hero{align-items:center;gap:var(--motion-s1);min-height:0;padding:var(--motion-s2) var(--motion-s4);flex:1;grid-template-columns:.95fr 1.05fr;display:grid}.sr-demo .board-eyebrow{color:var(--motion-board-muted);font:var(--motion-tiny)/1.4 var(--motion-mono);letter-spacing:.04em}.sr-demo .board-copy h4{font-size:var(--motion-board-title);letter-spacing:-.04em;margin-top:var(--motion-s2);font-weight:550;line-height:1.18}.sr-demo .board-copy p{font-size:var(--motion-tiny);color:var(--motion-board-muted);margin-top:var(--motion-s2);line-height:1.6}.sr-demo .board-cta{align-items:center;gap:var(--motion-s3);color:var(--motion-paper);background:var(--motion-board-coral);border-radius:var(--motion-pill);padding:var(--motion-s1) var(--motion-s2);font-size:var(--motion-tiny);margin-top:var(--motion-s2);display:inline-flex}.sr-demo .board-cta>i{font-style:normal}.sr-demo .board-object{height:var(--motion-board-art-h);min-width:0}.sr-demo .board-object>svg{width:100%;height:100%;display:block;overflow:visible}.sr-demo .board-object-shadow{fill:var(--motion-board-shadow-ink);opacity:.12}.sr-demo .board-loose-cube{opacity:.85}.sr-demo .board-panels{gap:var(--motion-s2);padding:0 var(--motion-s3) var(--motion-s3);flex-shrink:0;grid-template-columns:1.15fr 1fr .85fr;display:grid}.sr-demo .board-panel{min-width:0;padding:var(--motion-s2);background:var(--motion-board-card);border:var(--motion-border) solid var(--motion-board-card-line);border-radius:var(--motion-r2);box-shadow:var(--motion-board-card-shadow)}.sr-demo .board-panel-title{justify-content:space-between;align-items:center;gap:var(--motion-s1);font-size:var(--motion-tiny);line-height:1.6;display:flex}.sr-demo .board-panel-title b{white-space:nowrap;font-weight:550}.sr-demo .board-panel-title>span{font-size:var(--motion-tiny);color:var(--motion-board-muted);white-space:nowrap}.sr-demo .board-chart{height:var(--motion-s10);margin-top:var(--motion-s2);transform-origin:bottom}.sr-demo .board-chart svg{width:100%;height:100%;display:block;overflow:visible}.sr-demo .board-chart-grid{fill:none;stroke:var(--motion-board-line);stroke-width:var(--motion-border)}.sr-demo .board-chart-area{fill:var(--motion-board-coral);opacity:.07}.sr-demo .board-chart-line{fill:none;stroke:var(--motion-board-coral);stroke-width:var(--motion-thick);stroke-linejoin:round;stroke-linecap:round}.sr-demo .board-chart-dot{fill:var(--motion-board-coral);stroke:var(--motion-board-card);stroke-width:var(--motion-border)}.sr-demo .board-panel-caption{color:var(--motion-board-muted);font-size:var(--motion-tiny);margin-top:var(--motion-s1);line-height:1.4}.sr-demo .board-task-list{gap:var(--motion-s1);margin-top:var(--motion-s2);display:grid}.sr-demo .board-task-list>div{justify-content:space-between;align-items:center;gap:var(--motion-s1);font-size:var(--motion-tiny);line-height:1.6;display:flex}.sr-demo .board-task-list span{align-items:center;gap:var(--motion-s1);white-space:nowrap;display:inline-flex}.sr-demo .board-task-list i{color:var(--motion-board-green);font-style:normal}.sr-demo .board-task-list b{color:var(--motion-board-green);font-weight:400;font-size:var(--motion-tiny);white-space:nowrap}.sr-demo .board-task-list .in-progress b,.sr-demo .board-task-list .in-progress i{color:var(--motion-board-coral)}.sr-demo .board-swatches{height:var(--motion-s10);margin-top:var(--motion-s2);justify-content:center;align-items:center;display:flex}.sr-demo .board-swatches>i{width:var(--motion-s8);height:var(--motion-s10);border-radius:var(--motion-r1);font-size:var(--motion-lg);color:var(--motion-board-ink);background:var(--motion-board-bg);box-shadow:var(--motion-board-card-shadow);place-items:center;font-style:normal;display:grid;transform:rotate(-12deg)}.sr-demo .board-swatches>i+i{margin-left:calc(-1 * var(--motion-s2))}.sr-demo .board-swatches>i:nth-child(2){background:var(--motion-board-coral-light);transform:rotate(4deg)}.sr-demo .board-swatches>i:last-child{background:var(--motion-board-coral);color:var(--motion-paper);transform:rotate(16deg)}.sr-demo .app-preview-foot{justify-content:space-between;align-items:center;gap:var(--motion-s2);padding:var(--motion-s3);border-top:var(--motion-border) solid var(--motion-app-preview-line);font-size:var(--motion-tiny);color:var(--motion-app-preview-accent);flex-shrink:0;display:flex}.sr-demo .app-preview-foot small{color:var(--motion-app-preview-muted);font-size:var(--motion-tiny)}@container (width<=700px){.sr-demo .window-dots{display:none}.sr-demo .app-head{padding:var(--motion-s3) var(--motion-s4);gap:var(--motion-s2)}.sr-demo .step-tabs{padding:0 var(--motion-s4);gap:var(--motion-s5)}.sr-demo .scene{padding:var(--motion-s5)}.sr-demo .chat-sidebar{width:calc(var(--motion-sidebar-w) - var(--motion-s6));padding-right:var(--motion-s3)}.sr-demo .chat-workbench,.sr-demo .api-workspace,.sr-demo .script-workspace{gap:var(--motion-s4)}.sr-demo .board-art{height:calc(var(--motion-s16) + var(--motion-s12))}.sr-demo .app-build-rail{width:calc(var(--motion-app-rail-w) - var(--motion-s8))}.sr-demo .application-workspace{gap:var(--motion-s3)}.sr-demo .app-idea{padding:var(--motion-s2)}.sr-demo .app-idea>svg{display:none}.sr-demo .app-preview-foot{flex-wrap:wrap}.sr-demo .creation-heading h3{font-size:var(--motion-lg)}.sr-demo .asset-title{gap:var(--motion-s1)}.sr-demo .asset-title>span:last-child{display:none}}@container (width<=510px){.sr-demo .step-tabs{gap:var(--motion-s3)}.sr-demo .step-tabs button{gap:var(--motion-s1);font-size:var(--motion-xs)}.sr-demo .app-head{row-gap:var(--motion-s1);min-height:var(--motion-s16);flex-wrap:wrap}.sr-demo .app-disclaimer{width:100%;margin-left:var(--motion-s6);font-size:var(--motion-tiny)}.sr-demo .chat-sidebar{display:none}.sr-demo .scene{padding:var(--motion-s4)}.sr-demo .assistant-response{gap:var(--motion-s2)}.sr-demo .response-label{font-size:var(--motion-xs)}.sr-demo .answer-list>div{gap:var(--motion-s2);padding:var(--motion-s2);font-size:var(--motion-xs)}.sr-demo .user-msg{font-size:var(--motion-xs);padding:var(--motion-s2) var(--motion-s3)}.sr-demo .composer{font-size:var(--motion-tiny)}.sr-demo .code-lines{padding:var(--motion-s3)}.sr-demo .code-lines>div{font-size:var(--motion-xs);gap:var(--motion-s2)}.sr-demo .code-foot{font-size:var(--motion-tiny);flex-wrap:wrap}.sr-demo .api-workspace{gap:var(--motion-s3);flex-direction:column;display:flex}.sr-demo .request-card{flex:1}.sr-demo .request-card .code-lines{padding:var(--motion-s2) var(--motion-s3);gap:0}.sr-demo .request-card .code-lines>div{font-size:var(--motion-tiny)}.sr-demo .route-panel{gap:var(--motion-s2)}.sr-demo .route-panel>.section-kicker{display:none}.sr-demo .route-diagram{flex-direction:row;justify-content:center}.sr-demo .route-line{width:var(--motion-s4);height:var(--motion-border);transform-origin:0}.sr-demo .route-node{font-size:var(--motion-tiny);padding:var(--motion-s1) var(--motion-s2)}.sr-demo .route-node span{font-size:var(--motion-tiny)}.sr-demo .route-hub{width:var(--motion-s8);height:var(--motion-s8);flex-shrink:0}.sr-demo .route-hub svg{width:var(--motion-s5);height:var(--motion-s5)}.sr-demo .route-caption{display:none}.sr-demo .stream-header>span:last-child{font-size:var(--motion-tiny)}.sr-demo .stream-output{gap:var(--motion-s3);padding:var(--motion-s8) 0}.sr-demo .stream-output h2{font-size:var(--motion-xl)}.sr-demo .stream-output p{font-size:var(--motion-xs)}.sr-demo .stream-log{gap:var(--motion-s2);padding:var(--motion-s3) var(--motion-s2);font-size:var(--motion-tiny)}.sr-demo .stream-log b{display:none}.sr-demo .api-result h2{font-size:var(--motion-xl)}.sr-demo .api-result>p{font-size:var(--motion-xs)}.sr-demo .pipeline{gap:var(--motion-s1)}.sr-demo .pipeline>div{padding:var(--motion-s2)}.sr-demo .pipeline>i{display:none}.sr-demo .pipeline b{font-size:var(--motion-xs)}.sr-demo .pipeline small{font-size:var(--motion-tiny)}.sr-demo .script-workspace{display:block}.sr-demo .screenplay{z-index:1;width:100%;position:relative}.sr-demo .screenplay h2{font-size:var(--motion-xl)}.sr-demo .screenplay p{font-size:var(--motion-xs)}.sr-demo .dialogue{margin-top:var(--motion-s3)}.sr-demo .script-visual{display:none}.sr-demo .storyboard-title{margin-bottom:var(--motion-s4)}.sr-demo .storyboard-title h3{font-size:var(--motion-sm)}.sr-demo .storyboard-title>.mini-tag{display:none}.sr-demo .board-grid{gap:var(--motion-s2);grid-template-columns:repeat(2,minmax(0,1fr))}.sr-demo .board-grid article:first-child{grid-column:1/-1;grid-template-columns:1.3fr 1fr;padding-bottom:0;display:grid}.sr-demo .board-grid article:first-child .board-art{height:calc(var(--motion-s16) + var(--motion-s3));grid-row:span 2}.sr-demo .board-grid article:first-child p{margin-top:0;margin-bottom:var(--motion-s2)}.sr-demo .board-art{height:var(--motion-s16)}.sr-demo .board-grid h4{font-size:var(--motion-xs);margin:var(--motion-s2)}.sr-demo .board-grid p{font-size:var(--motion-tiny);margin:0 var(--motion-s2)}.sr-demo .board-track{margin-top:var(--motion-s4)}.sr-demo .cinema-caption{font-size:var(--motion-sm);bottom:var(--motion-s6)}.sr-demo .film-timeline{gap:var(--motion-s2)}.sr-demo .film-timeline>span{font-size:var(--motion-tiny)}.sr-demo .media-workspace{gap:var(--motion-s2)}.sr-demo .creation-heading .section-kicker,.sr-demo .video-asset .asset-caption{display:none}.sr-demo .creation-value{font-size:var(--motion-tiny)}.sr-demo .media-gallery{justify-content:center;align-items:stretch;gap:var(--motion-s2);flex-direction:column;display:flex}.sr-demo .image-asset{grid-template-columns:var(--motion-s14) minmax(0, 1fr);column-gap:var(--motion-s3);grid-template-rows:1fr 1fr;max-width:none;display:grid}.sr-demo .image-asset .still-art{grid-area:1/1/3}.sr-demo .image-asset .asset-title{grid-area:1/2;align-self:end;padding:0}.sr-demo .image-asset .asset-caption{grid-area:2/2;align-self:start}.sr-demo .image-asset .asset-caption i{display:none}.sr-demo .video-asset .asset-title{padding-bottom:var(--motion-s1)}.sr-demo .asset-caption,.sr-demo .media-player-line{padding-top:var(--motion-s1)}.sr-demo .video-art-badge{font-size:var(--motion-tiny);padding:0 var(--motion-s1)}.sr-demo .creation-heading>.mini-tag,.sr-demo .creation-modebar small{display:none}.sr-demo .creation-prompt{font-size:var(--motion-tiny)}.sr-demo .application-workspace{gap:var(--motion-s3);flex-direction:column}.sr-demo .app-build-rail{gap:var(--motion-s2);grid-template-columns:1.2fr 1fr;width:auto;display:grid}.sr-demo .app-build-rail>.section-kicker{grid-column:1/-1}.sr-demo .app-idea{height:fit-content;padding:var(--motion-s1)}.sr-demo .app-idea p{font-size:var(--motion-tiny)}.sr-demo .app-market{display:none}.sr-demo .app-build-files{gap:var(--motion-s1)}.sr-demo .app-build-files span{width:var(--motion-s8);padding:0}.sr-demo .app-build-files>div{gap:var(--motion-s1)}.sr-demo .app-build-files i{display:none}.sr-demo .app-preview-head,.sr-demo .app-preview-foot{padding:var(--motion-s2) var(--motion-s3)}.sr-demo .app-preview-foot small{width:100%}.sr-demo .board-nav{padding:var(--motion-s1) var(--motion-s2)}.sr-demo .board-nav b>span{display:none}.sr-demo .board-hero{padding:var(--motion-s1) var(--motion-s2);grid-template-columns:1fr 1fr}.sr-demo .board-eyebrow,.sr-demo .board-copy p,.sr-demo .board-ideas-panel{display:none}.sr-demo .board-copy h4{font-size:var(--motion-lg);margin-top:0}.sr-demo .board-cta{padding:0 var(--motion-s2);margin-top:var(--motion-s1);gap:var(--motion-s1)}.sr-demo .board-object{height:var(--motion-board-art-phone-h)}.sr-demo .board-panels{padding:0 var(--motion-s2) var(--motion-s2);grid-template-columns:1fr 1fr}.sr-demo .board-panel{padding:var(--motion-s1)}.sr-demo .board-chart{height:var(--motion-s8);margin-top:var(--motion-s1)}.sr-demo .board-task-list{margin-top:var(--motion-s1)}.sr-demo .web-nav{padding:var(--motion-s2)}.sr-demo .web-nav>span,.sr-demo .web-eyebrow,.sr-demo .web-copy p,.sr-demo .web-note-wrap,.sr-demo .web-player-wrap,.sr-demo .web-week,.sr-demo .web-project-nav,.sr-demo .web-task small{display:none}.sr-demo .web-hero{padding:var(--motion-s2);grid-template-columns:minmax(0, 1fr) var(--motion-web-card-phone-w);gap:0}.sr-demo .web-copy h4{font-size:var(--motion-web-title-phone)}.sr-demo .web-cta{gap:var(--motion-s1);padding:var(--motion-s1) var(--motion-s2)}.sr-demo .web-art{height:100%}.sr-demo .web-project-wrap{width:var(--motion-web-card-phone-w);left:auto;right:0;top:calc(50% - var(--motion-s1));transform:translateY(-50%)rotate(-5deg)}.sr-demo .web-project{padding:var(--motion-s2)}.sr-demo .web-project-sub{display:none}.sr-demo .web-project-progress{gap:var(--motion-s1)}.sr-demo .web-project-title{margin-top:var(--motion-s1)}.sr-demo .web-task{padding:var(--motion-s1);gap:var(--motion-s1)}}.sr-demo .riff-studio{border:var(--motion-border) solid var(--motion-riff-line);border-radius:var(--motion-r4);background:var(--motion-riff-canvas);height:100%;min-height:0;color:var(--motion-riff-ink);box-shadow:var(--motion-riff-shadow);flex-direction:column;display:flex;overflow:hidden}.sr-demo .riff-studio-head{height:var(--motion-s10);justify-content:space-between;align-items:center;gap:var(--motion-s3);padding:0 var(--motion-s4);border-bottom:var(--motion-border) solid var(--motion-riff-line);flex-shrink:0;display:flex}.sr-demo .riff-brand{align-items:center;gap:var(--motion-s2);font:600 var(--motion-sm) var(--motion-font);letter-spacing:.08em;display:flex}.sr-demo .riff-brand svg{width:var(--motion-s4);height:var(--motion-s4);color:var(--motion-riff-accent)}.sr-demo .riff-brand small{font:var(--motion-tiny) var(--motion-mono);color:var(--motion-riff-muted);letter-spacing:.04em;margin-left:var(--motion-s2)}.sr-demo .riff-head-label{padding:var(--motion-s1) var(--motion-s2);border-radius:var(--motion-pill);background:var(--motion-riff-pale);font-size:var(--motion-tiny);white-space:nowrap}.sr-demo .riff-studio-foot{min-height:var(--motion-s8);justify-content:space-between;align-items:center;gap:var(--motion-s2);padding:var(--motion-s1) var(--motion-s4);border-top:var(--motion-border) solid var(--motion-riff-line);font-size:var(--motion-tiny);color:var(--motion-riff-muted);flex-shrink:0;display:flex}.sr-demo .riff-studio-foot>span:first-child{color:var(--motion-riff-accent)}.sr-demo .riff-gallery,.sr-demo .riff-dialogue-body,.sr-demo .riff-editor-body{min-height:0;padding:var(--motion-s4);gap:var(--motion-s5);flex:1;display:grid}.sr-demo .riff-gallery{grid-template-columns:1fr .98fr}.sr-demo .riff-intro{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.sr-demo .riff-eyebrow{font:var(--motion-tiny)/1.6 var(--motion-mono);letter-spacing:.05em;color:var(--motion-riff-muted)}.sr-demo .riff-intro h2{font:400 var(--motion-riff-title)/1.25 var(--motion-riff-display);letter-spacing:-.04em;margin:var(--motion-s3) 0}.sr-demo .riff-intro h2 em{color:var(--motion-riff-accent);font-style:normal}.sr-demo .riff-intro>p{font-size:var(--motion-xs);color:var(--motion-riff-muted);line-height:1.8}.sr-demo .riff-traits{gap:var(--motion-s1);margin-top:var(--motion-s4);flex-wrap:wrap;display:flex}.sr-demo .riff-traits span{padding:var(--motion-s1) var(--motion-s2);border:var(--motion-border) solid var(--motion-riff-line);border-radius:var(--motion-pill);background:var(--motion-riff-panel);font-size:var(--motion-tiny)}.sr-demo .riff-persona-line{align-items:center;gap:var(--motion-s2);margin-top:var(--motion-s5);width:100%;padding-top:var(--motion-s3);border-top:var(--motion-border) solid var(--motion-riff-line);display:flex}.sr-demo .riff-persona-symbol{width:var(--motion-s8);height:var(--motion-s8);background:var(--motion-riff-lilac);border-radius:var(--motion-r2);font-size:var(--motion-lg);flex-shrink:0;place-items:center;display:grid}.sr-demo .riff-persona-line b{font-size:var(--motion-xs);font-weight:550;display:block}.sr-demo .riff-persona-line small{font-size:var(--motion-tiny);color:var(--motion-riff-muted)}.sr-demo .riff-persona-line>span:last-child{color:var(--motion-riff-accent);margin-left:auto}.sr-demo .riff-portrait{border-radius:var(--motion-r3);background:var(--motion-riff-pale);min-width:0;min-height:0;position:relative;overflow:hidden}.sr-demo .riff-portrait picture,.sr-demo .riff-portrait img{width:100%;height:100%;display:block}.sr-demo .riff-portrait img{object-fit:cover;object-position:50% 30%}.sr-demo .riff-photo-index{top:var(--motion-s3);left:var(--motion-s3);font:var(--motion-tiny) var(--motion-mono);padding:var(--motion-s1) var(--motion-s2);border:var(--motion-border) solid var(--motion-riff-photo-line);border-radius:var(--motion-pill);color:var(--motion-riff-panel);background:var(--motion-riff-photo-shade);position:absolute}.sr-demo .riff-photo-name{padding:var(--motion-s8) var(--motion-s4) var(--motion-s4);background:linear-gradient(transparent,var(--motion-riff-photo-shade));color:var(--motion-riff-panel);position:absolute;inset:auto 0 0}.sr-demo .riff-photo-name b{font:400 var(--motion-riff-title)/1.1 var(--motion-riff-display);letter-spacing:-.03em}.sr-demo .riff-photo-name>div{justify-content:space-between;align-items:center;gap:var(--motion-s2);display:flex}.sr-demo .riff-photo-name small{font-size:var(--motion-tiny)}.sr-demo .riff-photo-name p{font-size:var(--motion-xs);margin-top:var(--motion-s2)}.sr-demo .riff-dialogue-body{grid-template-columns:.72fr 1.4fr}.sr-demo .riff-presence{gap:var(--motion-s3);flex-direction:column;min-height:0;display:flex}.sr-demo .riff-presence .riff-portrait{max-height:var(--motion-riff-presence-photo);flex:1}.sr-demo .riff-presence h3{font:400 var(--motion-xl)/1.2 var(--motion-riff-display)}.sr-demo .riff-presence p{font-size:var(--motion-tiny);color:var(--motion-riff-muted);margin-top:var(--motion-s1);line-height:1.8}.sr-demo .riff-presence .riff-traits{margin-top:var(--motion-s2)}.sr-demo .riff-conversation{min-width:0;min-height:0;padding:var(--motion-s3);background:var(--motion-riff-panel);border:var(--motion-border) solid var(--motion-riff-line);border-radius:var(--motion-r3);flex-direction:column;display:flex}.sr-demo .riff-messages{justify-content:center;align-items:flex-start;gap:var(--motion-s3);min-height:0;padding:var(--motion-s3) 0;flex-direction:column;flex:1;display:flex}.sr-demo .riff-bubble{border-radius:var(--motion-r3) var(--motion-r3) var(--motion-r3) var(--motion-s1);background:var(--motion-riff-pale);max-width:94%;padding:var(--motion-s2) var(--motion-s3);font-size:var(--motion-xs);line-height:1.8}.sr-demo .riff-bubble-user{color:var(--motion-riff-panel);background:var(--motion-riff-accent);border-radius:var(--motion-r3) var(--motion-r3) var(--motion-s1) var(--motion-r3);align-self:flex-end}.sr-demo .riff-scene-note{width:100%;padding:var(--motion-s2) var(--motion-s3);align-items:center;gap:var(--motion-s3);border:var(--motion-border) solid var(--motion-riff-line);background:var(--motion-riff-canvas);border-radius:var(--motion-r2);display:flex}.sr-demo .riff-sea-icon{width:var(--motion-s10);height:var(--motion-s10);padding:var(--motion-s1);background:var(--motion-riff-lilac);color:var(--motion-riff-accent);border-radius:var(--motion-r2);flex-shrink:0}.sr-demo .riff-scene-note b{font-size:var(--motion-xs);font-weight:500}.sr-demo .riff-scene-note p{font-size:var(--motion-tiny);color:var(--motion-riff-muted);line-height:1.7}.sr-demo .riff-message-input{border:var(--motion-border) solid var(--motion-riff-line);border-radius:var(--motion-pill);padding:var(--motion-s2) var(--motion-s3);justify-content:space-between;align-items:center;gap:var(--motion-s2);color:var(--motion-riff-muted);font-size:var(--motion-tiny);display:flex}.sr-demo .riff-message-input i{color:var(--motion-riff-accent);font-style:normal}.sr-demo .riff-editor-body{grid-template-columns:1fr 1fr}.sr-demo .riff-settings{flex-direction:column;justify-content:center;min-width:0;display:flex}.sr-demo .riff-settings h3{font:400 var(--motion-xxl)/1.25 var(--motion-riff-display);letter-spacing:-.03em;margin:var(--motion-s2) 0 var(--motion-s3)}.sr-demo .riff-settings>p{font-size:var(--motion-tiny);color:var(--motion-riff-muted);margin-bottom:var(--motion-s4)}.sr-demo .riff-fields{gap:var(--motion-s2);display:grid}.sr-demo .riff-field{padding:var(--motion-s3);align-items:center;gap:var(--motion-s4);border:var(--motion-border) solid var(--motion-riff-line);border-radius:var(--motion-r2);background:var(--motion-riff-panel);font-size:var(--motion-xs);display:flex}.sr-demo .riff-field span{min-width:var(--motion-s6);color:var(--motion-riff-muted);font-size:var(--motion-tiny)}.sr-demo .riff-field b{font-weight:500}.sr-demo .riff-created{border-radius:var(--motion-r3);background-color:var(--motion-riff-pale);background-image:radial-gradient(var(--motion-riff-dot) var(--motion-border),transparent var(--motion-border));background-size:var(--motion-s4) var(--motion-s4);min-width:0;min-height:0;padding:var(--motion-s3);position:relative}.sr-demo .riff-created .riff-portrait{border:var(--motion-border) solid var(--motion-riff-panel);height:100%;box-shadow:var(--motion-riff-shadow)}.sr-demo .riff-preview-ghost{color:var(--motion-riff-muted);font-size:var(--motion-tiny);justify-content:center;align-items:center;gap:var(--motion-s3);flex-direction:column;display:flex;position:absolute;inset:0}.sr-demo .riff-preview-ghost svg{width:var(--motion-s8);height:var(--motion-s8);color:var(--motion-riff-accent)}.sr-demo .riff-created .riff-photo-name{padding:var(--motion-s8) var(--motion-s3) var(--motion-s3)}.sr-demo .riff-created .riff-photo-name b{font-size:var(--motion-xxl)}.sr-demo .riff-created .riff-photo-index{font-size:var(--motion-tiny)}.sr-demo .riff-create-check{width:var(--motion-s6);height:var(--motion-s6);border-radius:var(--motion-pill);background:var(--motion-riff-panel);color:var(--motion-riff-accent);font-size:var(--motion-sm);place-items:center;display:grid}@container (width<=510px){.sr-demo .riff-studio-head{height:var(--motion-s8);padding:0 var(--motion-s3)}.sr-demo .riff-brand small{display:none}.sr-demo .riff-studio-foot{min-height:var(--motion-s6);padding:var(--motion-s1) var(--motion-s3)}.sr-demo .riff-studio-foot>span:last-child{display:none}.sr-demo .riff-gallery,.sr-demo .riff-dialogue-body,.sr-demo .riff-editor-body{padding:var(--motion-s3);gap:var(--motion-s3)}.sr-demo .riff-gallery{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.sr-demo .riff-intro h2{font-size:var(--motion-riff-title-phone);margin:var(--motion-s1) 0 var(--motion-s2)}.sr-demo .riff-intro h2 br,.sr-demo .riff-intro>p{display:none}.sr-demo .riff-eyebrow{font-size:var(--motion-tiny)}.sr-demo .riff-intro .riff-traits{margin-top:0}.sr-demo .riff-traits span{padding:0 var(--motion-s2);line-height:1.9}.sr-demo .riff-persona-line{margin-top:var(--motion-s2);padding-top:var(--motion-s2)}.sr-demo .riff-persona-symbol{width:var(--motion-s6);height:var(--motion-s6);font-size:var(--motion-sm)}.sr-demo .riff-persona-line small{display:none}.sr-demo .riff-photo-name{padding:var(--motion-s6) var(--motion-s3) var(--motion-s3)}.sr-demo .riff-photo-name b{font-size:var(--motion-xxl)}.sr-demo .riff-photo-name p{font-size:var(--motion-tiny);margin-top:var(--motion-s1)}.sr-demo .riff-photo-index{top:var(--motion-s2);left:var(--motion-s2)}.sr-demo .riff-dialogue-body{gap:var(--motion-s2);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.sr-demo .riff-presence{grid-template-columns:var(--motion-s12) 1fr;align-items:center;gap:var(--motion-s2);grid-template-rows:auto;display:grid}.sr-demo .riff-presence .riff-portrait{height:var(--motion-s12);border-radius:var(--motion-r2)}.sr-demo .riff-presence h3{font-size:var(--motion-lg)}.sr-demo .riff-presence .riff-traits{display:none}.sr-demo .riff-conversation{padding:var(--motion-s2)}.sr-demo .riff-messages{gap:var(--motion-s2);padding:var(--motion-s2) 0}.sr-demo .riff-bubble{font-size:var(--motion-tiny);padding:var(--motion-s2);line-height:1.7}.sr-demo .riff-scene-note{padding:var(--motion-s2);gap:var(--motion-s2)}.sr-demo .riff-sea-icon{width:var(--motion-s8);height:var(--motion-s8)}.sr-demo .riff-scene-note b{font-size:var(--motion-tiny)}.sr-demo .riff-message-input{padding:var(--motion-s1) var(--motion-s2)}.sr-demo .riff-editor-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.sr-demo .riff-settings h3{font-size:var(--motion-lg);margin:var(--motion-s1) 0 var(--motion-s2)}.sr-demo .riff-settings h3 br,.sr-demo .riff-settings>p{display:none}.sr-demo .riff-fields{gap:var(--motion-s1)}.sr-demo .riff-field{padding:var(--motion-s1) var(--motion-s2);gap:var(--motion-s2);font-size:var(--motion-tiny)}.sr-demo .riff-created{padding:var(--motion-s2)}.sr-demo .riff-created .riff-photo-name{padding:var(--motion-s6) var(--motion-s2) var(--motion-s2)}.sr-demo .riff-created .riff-photo-name b{font-size:var(--motion-xl)}.sr-demo .riff-created .riff-photo-name p{display:none}}.sr-demo .riff-chat-heading{justify-content:space-between;align-items:center;gap:var(--motion-s2);padding-bottom:var(--motion-s2);border-bottom:var(--motion-border) solid var(--motion-riff-line);font-size:var(--motion-xs);display:flex}.sr-demo .riff-chat-heading small{font-size:var(--motion-tiny);color:var(--motion-riff-muted)}@container (width<=510px){.sr-demo .riff-chat-heading{font-size:var(--motion-tiny)}.sr-demo .riff-chat-heading small{display:none}.sr-demo .step-tabs .sr-demo-tab{gap:var(--motion-s1);font-size:var(--motion-xs);white-space:nowrap}}@container (width<=350px){.sr-demo .step-tabs{gap:var(--motion-s2);padding-inline:var(--motion-s3)}}