.onboarding-shell{--primary:var(--content-primary);--primary-deep:var(--content-primary);--primary-highlight:var(--content-primary);--primary-foreground:var(--surface-raised);--control-selected:var(--surface-inset);background:var(--surface-matte);min-height:100dvh;color:var(--content-primary);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.onboarding-progress{z-index:2;width:var(--onboarding-progress);background:var(--primary);height:2px;transition:width .22s cubic-bezier(.23,1,.32,1);position:absolute;inset:0 auto auto 0}.onboarding-header,.onboarding-footer{justify-content:space-between;align-items:center;padding:28px clamp(24px,4vw,64px);display:flex}.onboarding-header{color:var(--content-tertiary);letter-spacing:.04em;font-size:12px}.onboarding-brand{color:var(--content-primary);letter-spacing:-.02em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.onboarding-brand svg{color:var(--primary)}.onboarding-stage{align-items:center;width:min(100% - 48px,1060px);min-height:0;margin:auto;display:grid}.onboarding-question,.onboarding-scene-copy,.onboarding-first-cut,.onboarding-first-project-form{width:min(100%,670px);margin-left:clamp(0px,7vw,105px);animation:.22s cubic-bezier(.23,1,.32,1) onboarding-enter}.onboarding-kicker{color:var(--primary);letter-spacing:.11em;margin:0 0 14px;font-size:11px;font-weight:700}.onboarding-question h1,.onboarding-welcome h1,.onboarding-scene-copy h1,.onboarding-first-cut h1,.onboarding-first-project-intro h1{letter-spacing:-.052em;margin:0;font-size:clamp(32px,4vw,53px);font-weight:700;line-height:1.03}.onboarding-question>p:not(.onboarding-kicker),.onboarding-welcome>div>p,.onboarding-scene-copy>p:not(.onboarding-kicker),.onboarding-first-cut>div>p,.onboarding-first-project-intro>p{color:var(--content-secondary);max-width:550px;margin:15px 0 30px;font-size:16px;line-height:1.55}.onboarding-answer-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.onboarding-answer-row{text-align:left;border:1px solid var(--outline-subtle);background:var(--surface-raised);min-height:72px;box-shadow:var(--elevation-craft);color:var(--content-primary);border-radius:12px;grid-template-columns:26px 1fr 22px;align-items:center;gap:10px;padding:12px 14px;transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1),border-color .18s cubic-bezier(.23,1,.32,1);display:grid}.onboarding-answer-row:hover{box-shadow:var(--elevation-craft-hover);border-color:var(--outline-strong);transform:translateY(-1px)}.onboarding-answer-row.is-selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary), var(--elevation-craft-hover)}.onboarding-answer-index{color:var(--content-tertiary);font-family:ui-monospace,monospace;font-size:10px}.onboarding-answer-copy{gap:2px;display:grid}.onboarding-answer-copy strong{font-size:13px;font-weight:600}.onboarding-answer-copy small{color:var(--content-secondary);font-size:11px}.onboarding-selection-indicator{border:1px solid var(--outline-strong);width:20px;height:20px;color:var(--primary-foreground);background:0 0;border-radius:999px;place-items:center;display:grid}.is-selected .onboarding-selection-indicator{border-color:var(--primary);background:var(--primary)}.onboarding-note{color:var(--content-secondary);gap:9px;margin-top:16px;font-size:12px;display:grid}.onboarding-note em{color:var(--content-tertiary);font-style:normal}.onboarding-note textarea{resize:vertical;border:1px solid var(--outline-subtle);background:var(--surface-recessed);min-height:82px;box-shadow:inset 0 1px 2px var(--surface-overlay);color:var(--content-primary);font:inherit;border-radius:12px;outline:none;padding:12px;font-size:13px}.onboarding-note textarea:focus{border-color:var(--primary);box-shadow:inset 0 1px 2px var(--surface-overlay), 0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent)}.onboarding-welcome{grid-template-columns:minmax(0,.95fr) minmax(300px,.75fr);align-items:center;gap:clamp(34px,7vw,104px);padding:20px clamp(0px,5vw,60px);animation:.22s cubic-bezier(.23,1,.32,1) onboarding-enter;display:grid}.onboarding-media-object{width:min(100%,420px);min-height:300px;position:relative}.onboarding-media-card{background:var(--surface-raised);border:1px solid var(--outline-subtle);width:214px;box-shadow:var(--elevation-craft-hover);z-index:1;border-radius:16px;padding:10px;position:relative;transform:rotate(-4deg)}.onboarding-media-poster{background:linear-gradient(135deg, var(--surface-inset), var(--control-selected));border-radius:9px;height:164px;position:relative;overflow:hidden}.onboarding-media-poster:after{content:"";background:var(--surface-overlay);border-radius:8px 26px 8px 8px;position:absolute;inset:33% 20% 18%}.onboarding-media-labels{color:var(--content-secondary);letter-spacing:.08em;justify-content:space-between;padding:9px 2px 1px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.onboarding-timeline-object{border:1px solid var(--outline-subtle);background:var(--surface-panel);width:290px;box-shadow:var(--elevation-craft);border-radius:16px;padding:13px;position:absolute;bottom:18px;right:0}.onboarding-ruler{border-bottom:1px solid var(--outline-subtle);justify-content:space-between;height:16px;display:flex}.onboarding-ruler i{background:var(--outline-strong);width:1px;height:6px}.onboarding-track{background:var(--surface-recessed);border-radius:8px;gap:5px;height:31px;margin-top:8px;padding:5px;display:flex}.onboarding-track-audio{height:22px}.onboarding-clip{border-radius:4px;height:100%;display:block}.onboarding-clip-video{background:var(--primary);box-shadow:inset 2px 0 0 var(--primary-highlight), inset -2px 0 0 var(--primary-deep);flex:1}.onboarding-clip-text{background:var(--content-tertiary);opacity:.55;width:28%}.onboarding-wave{background:repeating-linear-gradient(90deg, transparent 0 4px, var(--content-secondary) 4px 6px, transparent 6px 10px);opacity:.5;clip-path:polygon(0 55%,4% 18%,8% 75%,13% 25%,18% 62%,25% 12%,30% 80%,38% 30%,45% 65%,54% 10%,60% 78%,67% 35%,76% 62%,84% 20%,92% 76%,100% 45%,100% 60%,92% 91%,84% 35%,76% 82%,67% 49%,60% 92%,54% 23%,45% 78%,38% 46%,30% 91%,25% 28%,18% 76%,13% 39%,8% 88%,4% 36%,0 70%);width:100%;height:100%;display:block}.onboarding-scene-copy{width:min(100%,610px)}.onboarding-scene-copy .onboarding-media-object{width:390px;min-height:245px;margin:35px 0 22px}.onboarding-detail-pills{flex-wrap:wrap;gap:7px;display:flex}.onboarding-detail-pills span{border:1px solid var(--outline-subtle);background:var(--surface-raised);box-shadow:var(--elevation-pill);color:var(--content-secondary);border-radius:999px;padding:7px 10px;font-size:11px}.onboarding-format-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px;display:grid}.onboarding-format-card{border:1px solid var(--outline-subtle);background:var(--surface-raised);min-height:190px;box-shadow:var(--elevation-craft);color:var(--content-primary);text-align:left;border-radius:16px;flex-direction:column;justify-content:end;align-items:flex-start;gap:3px;padding:14px;transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.onboarding-format-card:hover,.onboarding-format-card.is-selected{box-shadow:var(--elevation-craft-hover);transform:translateY(-2px)}.onboarding-format-card.is-selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary), var(--elevation-craft-hover)}.onboarding-format-card strong{z-index:1;font-size:13px}.onboarding-format-card small{color:var(--content-secondary);z-index:1;font-size:11px}.onboarding-format-card .onboarding-selection-indicator{position:absolute;bottom:12px;right:12px}.onboarding-format-canvas{border:1px solid var(--outline-subtle);background:var(--surface-inset);box-shadow:inset 0 1px 1px var(--outline-highlight);border-radius:9px;place-items:center;display:grid;position:absolute;inset:15px 15px 56px;overflow:hidden}.onboarding-format-canvas:before{content:"";background:var(--primary);opacity:.7;border-radius:5px 16px 5px 5px;width:45%;height:45%}.onboarding-format-canvas i{background:var(--content-tertiary);opacity:.5;border-radius:2px;width:64%;height:3px;position:absolute;inset:auto 12% 14%}.onboarding-format-canvas.is-short_video{left:30%;right:30%}.onboarding-format-canvas.is-square_post{left:21%;right:21%}.onboarding-format-canvas.is-blank:before{border:1px dashed var(--outline-strong);background:0 0}.onboarding-first-project-form{width:min(100%,760px)}.onboarding-benefit{grid-template-columns:minmax(0,1.06fr) minmax(260px,.72fr);align-items:center;gap:clamp(42px,8vw,112px);width:min(100%,860px);margin-left:clamp(0px,4vw,64px);animation:.22s cubic-bezier(.23,1,.32,1) onboarding-enter;display:grid}.onboarding-benefit-copy h1,.onboarding-project-intro h1{letter-spacing:-.052em;margin:0;font-size:clamp(34px,4vw,54px);font-weight:700;line-height:1.03}.onboarding-benefit-copy>p:not(.onboarding-kicker){max-width:510px;color:var(--content-secondary);margin:15px 0 28px;font-size:16px;line-height:1.55}.onboarding-benefit-list{border-top:1px solid var(--outline-subtle);margin:0}.onboarding-benefit-list>div{border-bottom:1px solid var(--outline-subtle);padding:15px 0 16px}.onboarding-benefit-list dt{margin-bottom:4px;font-size:13px;font-weight:650}.onboarding-benefit-list dd{max-width:475px;color:var(--content-secondary);margin:0;font-size:13px;line-height:1.5}.onboarding-benefit-proof{min-height:344px;position:relative}.onboarding-benefit-raw,.onboarding-benefit-cut{border:1px solid var(--outline-subtle);background:var(--surface-raised);box-shadow:var(--elevation-craft);position:absolute}.onboarding-benefit-raw{border-radius:14px;width:202px;padding:14px;top:0;right:8px;transform:rotate(3deg)}.onboarding-benefit-raw span,.onboarding-benefit-cut>span{color:var(--content-tertiary);letter-spacing:.1em;margin-bottom:12px;font-family:ui-monospace,monospace;font-size:9px;display:block}.onboarding-benefit-raw i{background:var(--surface-inset);border-radius:5px;height:21px;margin-top:6px;display:block}.onboarding-benefit-raw i:nth-child(3){width:78%}.onboarding-benefit-raw i:nth-child(4){width:88%}.onboarding-benefit-raw i:nth-child(5){width:57%}.onboarding-benefit-spine{background:var(--outline-strong);gap:48px;width:1px;min-height:204px;display:grid;position:absolute;top:78px;left:18px}.onboarding-benefit-spine i{background:var(--surface-matte);border:1px solid var(--outline-strong);border-radius:999px;width:9px;height:9px;position:relative;left:-4px}.onboarding-benefit-cut{border-radius:15px;width:246px;padding:15px;bottom:0;right:0}.onboarding-benefit-cut>div{background:var(--surface-recessed);border-radius:8px;gap:3px;height:54px;padding:6px;display:flex}.onboarding-benefit-cut>div i{background:var(--content-primary);opacity:.16;border-radius:4px;flex:1}.onboarding-benefit-cut>div i:nth-child(2){flex:1.7}.onboarding-benefit-cut>div i:nth-child(4){flex:1.4}.onboarding-benefit-cut small{color:var(--content-secondary);margin-top:10px;font-size:10px;display:block}.onboarding-project-identity{display:contents}.onboarding-project-intro{grid-column:1/-1}.onboarding-project-fields{align-content:start;gap:18px;display:grid}.onboarding-project-fields label,.onboarding-custom-dimensions label,.onboarding-frame-rate{color:var(--content-secondary);gap:7px;font-size:12px;display:grid}.onboarding-project-fields label>span,.onboarding-custom-dimensions label>span,.onboarding-frame-rate>span{color:var(--content-primary);font-size:12px;font-weight:650}.onboarding-project-fields em{color:var(--content-tertiary);margin-left:4px;font-style:normal;font-weight:400}.onboarding-project-fields input,.onboarding-project-fields textarea,.onboarding-custom-dimensions input,.onboarding-frame-rate select{border:0;border-bottom:1px solid var(--outline-strong);width:100%;color:var(--content-primary);font:inherit;background:0 0;outline:none;padding:9px 0;font-size:15px;transition:border-color .18s cubic-bezier(.23,1,.32,1)}.onboarding-project-fields textarea{resize:vertical;min-height:78px;line-height:1.45}.onboarding-project-fields input:focus,.onboarding-project-fields textarea:focus,.onboarding-custom-dimensions input:focus,.onboarding-frame-rate select:focus{border-color:var(--content-primary)}.onboarding-field-error{color:var(--status-danger);font-size:11px}.onboarding-project-canvas{min-width:0}.onboarding-project-section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.onboarding-project-section-heading .onboarding-kicker{margin-bottom:6px}.onboarding-project-section-heading h2{letter-spacing:-.025em;margin:0;font-size:18px}.onboarding-project-section-heading>span{color:var(--content-tertiary);font-family:ui-monospace,monospace;font-size:10px}.onboarding-canvas-layout{grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:18px;display:grid}.onboarding-canvas-choices{gap:6px;display:grid}.onboarding-canvas-choice{color:var(--content-secondary);text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:8px;transition:background .18s cubic-bezier(.23,1,.32,1),border-color .18s cubic-bezier(.23,1,.32,1),color .18s cubic-bezier(.23,1,.32,1);display:grid}.onboarding-canvas-choice:hover{background:var(--surface-inset);color:var(--content-primary)}.onboarding-canvas-choice strong,.onboarding-canvas-choice small{display:block}.onboarding-canvas-choice strong{font-size:12px;font-weight:650}.onboarding-canvas-choice small{color:var(--content-tertiary);margin-top:2px;font-size:10px}.onboarding-canvas-silhouette{opacity:.75;border:1px solid;border-radius:3px;justify-self:center;display:block}.onboarding-canvas-silhouette.is-custom{border-style:dashed;place-items:center;width:18px;height:18px;font-size:14px;line-height:1;display:grid}.onboarding-canvas-preview{border-left:1px solid var(--outline-subtle);place-items:center;min-height:186px;display:grid}.onboarding-canvas-preview-frame{border:1px solid var(--outline-strong);background:var(--surface-inset);width:min(100%,102px);max-height:150px;box-shadow:var(--elevation-craft);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.onboarding-canvas-preview-frame>span{z-index:1;color:var(--content-secondary);font-family:ui-monospace,monospace;font-size:10px;position:relative}.onboarding-canvas-preview-frame i{background:var(--outline-subtle);height:1px;position:absolute;left:0;right:0}.onboarding-canvas-preview-frame i:nth-child(2){top:28%}.onboarding-canvas-preview-frame i:nth-child(3){top:58%}.onboarding-canvas-preview-frame i:nth-child(4){top:77%}.onboarding-custom-dimensions{border-top:1px solid var(--outline-subtle);grid-column:2;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;padding-top:12px;display:grid}.onboarding-project-finish{border-top:1px solid var(--outline-subtle);grid-column:1/-1;justify-content:space-between;align-items:end;gap:20px;padding-top:18px;display:flex}.onboarding-frame-rate select{appearance:none;padding-right:18px}.onboarding-project-actions{align-items:center;gap:8px;display:flex}.onboarding-first-project-form{width:min(100%,1040px);margin-left:clamp(0px,2vw,32px)}.onboarding-project-setup{grid-template-columns:none;gap:20px;animation:.22s cubic-bezier(.23,1,.32,1) onboarding-enter;display:grid}.onboarding-project-intro{padding:0 3px}.onboarding-project-intro .onboarding-kicker{margin-bottom:8px}.onboarding-project-intro h1{color:var(--content-primary);letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.1vw,40px);line-height:1.08}.onboarding-project-intro>p:not(.onboarding-kicker){max-width:510px;color:var(--content-secondary);margin:9px 0 0;font-size:14px;line-height:1.55}.onboarding-project-workspace{border:1px solid var(--outline-subtle);background:var(--surface-panel);min-height:470px;box-shadow:var(--elevation-craft);border-radius:16px;grid-template-columns:172px minmax(0,1fr) minmax(190px,.52fr);display:grid;overflow:hidden}.onboarding-project-rail{border-right:1px solid var(--outline-subtle);background:color-mix(in srgb, var(--surface-raised) 72%, var(--surface-panel));flex-direction:column;gap:24px;padding:16px 12px;display:flex}.onboarding-project-rail-header{color:var(--content-primary);align-items:center;gap:9px;padding:3px 5px;font-size:12px;font-weight:700;display:flex}.onboarding-project-rail-mark{border:1px solid var(--outline-subtle);background:var(--surface-inset);width:25px;height:25px;box-shadow:var(--elevation-pill);border-radius:7px;place-items:center;display:grid}.onboarding-project-rail-mark svg{width:14px;height:14px}.onboarding-project-rail-items{gap:4px;display:grid}.onboarding-project-rail-items>div{color:var(--content-secondary);border:1px solid #0000;border-radius:9px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;padding:9px 8px;display:grid}.onboarding-project-rail-items>div.is-current{border-color:var(--outline-subtle);background:var(--control-selected);box-shadow:var(--elevation-pill);color:var(--content-primary)}.onboarding-project-rail-items svg{width:15px;height:15px}.onboarding-project-rail-items span{gap:2px;min-width:0;display:grid}.onboarding-project-rail-items strong{font-size:11px;font-weight:650}.onboarding-project-rail-items small{color:var(--content-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.onboarding-project-rail-note{color:var(--content-tertiary);margin:auto 5px 2px;font-size:10px;line-height:1.45}.onboarding-project-main{align-content:start;gap:12px;min-width:0;padding:16px;display:grid}.onboarding-project-panel{border:1px solid var(--outline-subtle);background:var(--surface-raised);box-shadow:var(--elevation-pill);border-radius:12px;padding:15px}.onboarding-project-panel-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.onboarding-project-panel-heading h2{color:var(--content-primary);letter-spacing:-.02em;margin:0;font-size:14px}.onboarding-project-panel-heading p{color:var(--content-secondary);margin:4px 0 0;font-size:11px;line-height:1.4}.onboarding-project-panel-count{color:var(--content-tertiary);font-family:ui-monospace,monospace;font-size:10px}.onboarding-project-fields label,.onboarding-custom-dimensions label,.onboarding-frame-rate{gap:6px;font-size:11px}.onboarding-project-fields label>span,.onboarding-custom-dimensions label>span,.onboarding-frame-rate>span{font-size:11px}.onboarding-project-fields em{font-size:10px}.onboarding-project-fields input,.onboarding-project-fields textarea,.onboarding-custom-dimensions input,.onboarding-frame-rate select{border:1px solid var(--outline-subtle);background:var(--surface-inset);box-shadow:inset 0 1px 2px var(--surface-overlay);border-radius:8px;padding:9px 10px;font-size:12px}.onboarding-field-error{font-size:10px}.onboarding-canvas-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.onboarding-canvas-choice{border-color:var(--outline-subtle);background:var(--surface-inset);min-height:57px;box-shadow:inset 0 1px 1px var(--outline-highlight);grid-template-columns:25px minmax(0,1fr) 13px;gap:8px;padding:8px}.onboarding-canvas-choice:hover{border-color:var(--outline-strong);background:var(--control-hover);transform:translateY(-1px)}.onboarding-canvas-choice.is-selected{border-color:var(--content-primary);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--content-primary), var(--elevation-pill)}.onboarding-canvas-choice i{border:1px solid var(--outline-strong);border-radius:999px;width:11px;height:11px}.onboarding-canvas-choice.is-selected i{border:3px solid var(--content-primary)}.onboarding-canvas-silhouette.is-vertical{width:10px;height:20px}.onboarding-canvas-silhouette.is-landscape{width:21px;height:12px}.onboarding-canvas-silhouette.is-square{width:15px;height:15px}.onboarding-canvas-silhouette.is-custom{width:17px;height:17px;font-size:13px}.onboarding-custom-dimensions{border-top:1px solid var(--outline-subtle);grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin-top:11px;padding-top:11px;display:grid}.onboarding-custom-dimensions>span{color:var(--content-tertiary);padding-bottom:9px}.onboarding-project-preview{border-left:1px solid var(--outline-subtle);background:color-mix(in srgb, var(--surface-raised) 40%, var(--surface-panel));flex-direction:column;min-width:0;padding:16px;display:flex}.onboarding-project-preview-heading{color:var(--content-tertiary);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.onboarding-project-preview-well{border:1px solid var(--outline-subtle);background:var(--surface-recessed);min-height:270px;box-shadow:inset 0 2px 8px var(--surface-overlay);border-radius:10px;flex:1;place-items:center;margin:14px 0 12px;display:grid;overflow:hidden}.onboarding-project-preview-frame{border:1px solid var(--outline-highlight);background:var(--media-preview-surface);width:min(76%,172px);max-height:218px;box-shadow:0 9px 22px var(--surface-overlay);border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden}.onboarding-project-preview-frame>span{z-index:1;color:var(--content-inverse);font-family:ui-monospace,monospace;font-size:10px;position:relative}.onboarding-project-preview-frame i{background:color-mix(in srgb, var(--content-inverse) 17%, transparent);height:1px;position:absolute;left:0;right:0}.onboarding-project-preview-frame i:nth-child(2){top:28%}.onboarding-project-preview-frame i:nth-child(3){top:58%}.onboarding-project-preview-frame i:nth-child(4){top:77%}.onboarding-project-preview-meta{gap:3px;min-width:0;display:grid}.onboarding-project-preview-meta strong{color:var(--content-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.onboarding-project-preview-meta span{color:var(--content-tertiary);font-size:10px}.onboarding-project-finish{border-top:0;align-items:center;padding:12px 3px 0}.onboarding-frame-rate{width:164px}.onboarding-frame-rate select{appearance:auto;padding:8px 10px}.onboarding-project-creation{grid-template-columns:minmax(250px,.78fr) minmax(360px,1.22fr);align-items:start;gap:14px;display:grid}.onboarding-project-panel-canvas{min-width:0}.onboarding-project-panel-canvas .onboarding-project-preview{border:1px solid var(--outline-subtle);background:var(--surface-inset);min-width:0;box-shadow:inset 0 1px 2px var(--surface-overlay);border-radius:9px;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:10px;margin-top:12px;padding:10px;display:grid}.onboarding-project-panel-canvas .onboarding-project-preview-heading{grid-area:1/1}.onboarding-project-panel-canvas .onboarding-project-preview-well{border-radius:7px;grid-area:1/2/span 2;min-height:114px;margin:0}.onboarding-project-panel-canvas .onboarding-project-preview-frame{width:min(63%,70px);max-height:88px}.onboarding-project-panel-canvas .onboarding-project-preview-meta{grid-area:2/1}.onboarding-project-panel-canvas .onboarding-project-preview-meta span{font-size:9px}.onboarding-project-creation{border-top:0;grid-template-columns:minmax(245px,.7fr) minmax(360px,1.3fr);gap:clamp(32px,6vw,72px);padding-top:0}.onboarding-project-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.onboarding-project-details-panel{min-height:0}.onboarding-project-panel-heading{margin-bottom:18px}.onboarding-project-panel-heading h2{font-size:15px}.onboarding-project-panel-heading p{max-width:245px}.onboarding-project-panel-count{display:none}.onboarding-project-fields{gap:18px}.onboarding-project-fields input,.onboarding-project-fields textarea,.onboarding-custom-dimensions input,.onboarding-frame-rate select{border:1px solid var(--outline-subtle);background:var(--surface-inset);box-shadow:inset 0 1px 2px var(--surface-overlay);border-radius:8px;padding:9px 10px}.onboarding-project-fields textarea{min-height:94px}.onboarding-project-fields input:focus,.onboarding-project-fields textarea:focus,.onboarding-custom-dimensions input:focus,.onboarding-frame-rate select:focus{border-color:var(--content-primary);box-shadow:inset 0 1px 2px var(--surface-overlay), 0 0 0 2px color-mix(in srgb, var(--content-primary) 13%, transparent)}.onboarding-canvas-choices{border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;overflow:visible}.onboarding-canvas-choice{border:1px solid var(--outline-subtle);background:var(--surface-inset);min-height:72px;box-shadow:inset 0 1px 1px var(--outline-highlight);text-align:center;border-radius:8px;grid-template-columns:1fr;justify-items:center;gap:5px;padding:9px 5px}.onboarding-canvas-choice:last-child{border-right:1px solid var(--outline-subtle)}.onboarding-canvas-choice:hover{border-color:var(--outline-strong);background:var(--control-hover);color:var(--content-primary);transform:translateY(-1px)}.onboarding-canvas-choice.is-selected{border-color:var(--content-primary);background:var(--primary);box-shadow:inset 0 0 0 1px var(--primary), var(--elevation-pill);color:var(--primary-foreground)}.onboarding-canvas-choice.is-selected small{color:color-mix(in srgb, var(--primary-foreground) 62%, transparent)}.onboarding-canvas-choice i{display:none}.onboarding-canvas-choice strong{font-size:10px}.onboarding-canvas-choice small{font-size:8px}.onboarding-canvas-silhouette{grid-row:1}.onboarding-canvas-choice>span:nth-child(2){grid-row:2}.onboarding-project-panel-canvas .onboarding-project-preview{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.onboarding-project-panel-canvas .onboarding-project-preview-heading{padding:0 0 8px;display:flex}.onboarding-project-panel-canvas .onboarding-project-preview-well{border:1px solid var(--outline-subtle);background:var(--media-preview-surface);min-height:254px;box-shadow:inset 0 0 0 1px var(--outline-highlight);border-radius:10px;margin:0;display:grid}.onboarding-project-panel-canvas .onboarding-project-preview-frame{border-color:color-mix(in srgb, var(--content-inverse) 22%, transparent);width:min(60%,176px);max-height:204px;box-shadow:0 14px 28px var(--surface-overlay);border-radius:7px}.onboarding-project-panel-canvas .onboarding-project-preview-meta{justify-content:space-between;gap:12px;padding-top:9px;display:flex}.onboarding-project-panel-canvas .onboarding-project-preview-meta strong{font-size:11px}.onboarding-project-panel-canvas .onboarding-project-preview-meta span{text-align:right;font-size:10px}.onboarding-project-creation{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:clamp(38px,7vw,92px)}.onboarding-project-details-panel{display:block}.onboarding-project-options{gap:14px;margin-top:30px;display:grid}.onboarding-project-options .onboarding-project-panel-heading{margin-bottom:0}.onboarding-project-options .onboarding-project-panel-heading p{max-width:300px}.onboarding-project-options .onboarding-canvas-choices{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.onboarding-project-options .onboarding-canvas-choice{min-height:62px}.onboarding-project-options .onboarding-custom-dimensions{grid-column:auto;width:100%}.onboarding-project-creation>.onboarding-project-preview{min-width:0;box-shadow:none;background:0 0;border:0;padding:0;display:flex}.onboarding-project-creation>.onboarding-project-preview .onboarding-project-preview-heading{padding-bottom:10px}.onboarding-project-creation>.onboarding-project-preview .onboarding-project-preview-well{border:1px solid var(--outline-subtle);background:var(--media-preview-surface);min-height:430px;box-shadow:inset 0 0 0 1px var(--outline-highlight);border-radius:12px;flex:1;margin:0}.onboarding-project-creation>.onboarding-project-preview .onboarding-project-preview-frame{border-color:color-mix(in srgb, var(--content-primary) 36%, transparent);background:color-mix(in srgb, var(--surface-raised) 74%, var(--media-preview-surface));width:min(58%,290px);max-height:360px;box-shadow:inset 0 1px 0 var(--outline-highlight), 0 20px 42px var(--surface-overlay);border-radius:9px}.onboarding-project-creation>.onboarding-project-preview .onboarding-project-preview-frame>span{color:var(--content-primary);letter-spacing:.05em;font-weight:650}.onboarding-project-creation>.onboarding-project-preview .onboarding-project-preview-meta{justify-content:space-between;gap:16px;padding-top:10px;display:flex}.onboarding-project-creation>.onboarding-project-preview .onboarding-project-preview-meta span{text-align:right}.onboarding-project-finish{border-top:0;grid-column:auto;justify-content:space-between;align-items:end;gap:20px;padding:20px 0 0;display:flex}.onboarding-project-finish .onboarding-frame-rate{width:176px}.onboarding-project-finish .onboarding-frame-rate select{width:100%}.onboarding-project-finish .onboarding-project-actions{margin:0}.onboarding-footer{padding-top:20px}.onboarding-back{color:var(--content-secondary)}.onboarding-error{border:1px solid var(--status-danger);background:var(--status-danger-surface);max-width:min(540px,100% - 48px);color:var(--status-danger);box-shadow:var(--elevation-craft);z-index:3;border-radius:10px;padding:10px 13px;font-size:12px;position:fixed;bottom:75px;left:50%;transform:translate(-50%)}.onboarding-loading{min-height:100dvh}.onboarding-stage.is-scene,.onboarding-stage-opening{align-items:center}.onboarding-project-opening{grid-template-columns:minmax(0,1fr) minmax(250px,.64fr);align-items:center;gap:clamp(42px,9vw,112px);width:min(100%,880px);margin-left:clamp(0px,5vw,68px);animation:.22s cubic-bezier(.23,1,.32,1) onboarding-enter;display:grid}.onboarding-project-opening-copy h1{max-width:520px;color:var(--content-primary);letter-spacing:-.052em;margin:0;font-size:clamp(32px,4vw,49px);font-weight:700;line-height:1.04}.onboarding-project-opening-copy>p:not(.onboarding-kicker){max-width:430px;color:var(--content-secondary);margin:15px 0 29px;font-size:15px;line-height:1.55}.onboarding-opening-steps{gap:4px;max-width:430px;margin:0;padding:0;list-style:none;display:grid}.onboarding-opening-steps li{color:var(--content-tertiary);grid-template-columns:24px minmax(0,1fr);align-items:start;gap:11px;padding:11px 0;transition:color .18s cubic-bezier(.23,1,.32,1);display:grid}.onboarding-opening-steps li+li{border-top:1px solid var(--outline-subtle)}.onboarding-opening-step-mark{border:1px solid var(--outline-strong);background:var(--surface-raised);width:20px;height:20px;color:var(--primary-foreground);border-radius:999px;place-items:center;transition:background .18s cubic-bezier(.23,1,.32,1),border-color .18s cubic-bezier(.23,1,.32,1);display:grid}.onboarding-opening-step-mark i{opacity:.62;background:currentColor;border-radius:999px;width:5px;height:5px;display:block}.onboarding-opening-steps strong,.onboarding-opening-steps small{display:block}.onboarding-opening-steps strong{color:var(--content-secondary);font-size:12px;font-weight:650;transition:color .18s cubic-bezier(.23,1,.32,1)}.onboarding-opening-steps small{color:var(--content-tertiary);margin-top:3px;font-size:10px;line-height:1.4}.onboarding-opening-steps li.is-active{color:var(--content-primary)}.onboarding-opening-steps li.is-active .onboarding-opening-step-mark{border-color:var(--content-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--content-primary) 8%, transparent)}.onboarding-opening-steps li.is-active .onboarding-opening-step-mark i{animation:1.1s ease-in-out infinite onboarding-opening-pulse}.onboarding-opening-steps li.is-active strong{color:var(--content-primary)}.onboarding-opening-steps li.is-complete .onboarding-opening-step-mark{border-color:var(--content-primary);background:var(--content-primary)}.onboarding-opening-steps li.is-complete strong{color:var(--content-primary)}.onboarding-opening-project-card{border:1px solid var(--outline-subtle);background:var(--surface-raised);min-height:322px;box-shadow:var(--elevation-craft-hover), inset 0 1px 0 var(--outline-highlight);border-radius:14px;padding:13px;position:relative;overflow:hidden;transform:rotate(1.25deg)}.onboarding-opening-card-header{color:var(--content-tertiary);letter-spacing:.08em;justify-content:space-between;align-items:center;font-family:ui-monospace,monospace;font-size:9px;display:flex}.onboarding-opening-canvas-well{border:1px solid var(--outline-subtle);background:var(--media-preview-surface);min-height:202px;box-shadow:inset 0 1px 4px var(--surface-overlay);border-radius:9px;place-items:center;margin:12px 0 10px;display:grid;position:relative;overflow:hidden}.onboarding-opening-canvas{border:1px solid color-mix(in srgb, var(--content-inverse) 26%, transparent);background:color-mix(in srgb, var(--surface-raised) 70%, var(--media-preview-surface));width:min(56%,130px);max-height:162px;box-shadow:0 14px 26px var(--surface-overlay);border-radius:6px;place-items:center;display:grid}.onboarding-opening-canvas span{color:var(--content-primary);letter-spacing:.06em;font-family:ui-monospace,monospace;font-size:10px;font-weight:650}.onboarding-opening-playhead{background:color-mix(in srgb, var(--content-inverse) 62%, transparent);width:1px;box-shadow:0 0 0 1px color-mix(in srgb, var(--surface-overlay) 35%, transparent);animation:1.8s cubic-bezier(.23,1,.32,1) infinite alternate onboarding-opening-playhead;position:absolute;inset:18px auto 18px 35%}.onboarding-opening-card-meta{gap:3px;min-width:0;display:grid}.onboarding-opening-card-meta strong{color:var(--content-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.onboarding-opening-card-meta span{color:var(--content-tertiary);font-size:10px}.onboarding-opening-timeline{background:var(--surface-recessed);border-radius:6px;gap:4px;height:20px;margin-top:13px;padding:4px;display:flex}.onboarding-opening-timeline i{background:var(--content-primary);opacity:.21;border-radius:3px;flex:1;display:block}.onboarding-opening-timeline i:nth-child(2){opacity:.42;flex:1.7}.onboarding-opening-timeline i:nth-child(3){opacity:.13;flex:.65}@keyframes onboarding-opening-pulse{50%{opacity:.32;transform:scale(.72)}}@keyframes onboarding-opening-playhead{0%{transform:translate(-52px)}to{transform:translate(92px)}}@keyframes onboarding-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.onboarding-header,.onboarding-footer{padding:20px 24px}.onboarding-stage{width:min(100% - 32px,620px);overflow:auto}.onboarding-question,.onboarding-scene-copy,.onboarding-first-cut,.onboarding-first-project-form,.onboarding-benefit{margin:36px 0}.onboarding-answer-list{grid-template-columns:1fr}.onboarding-welcome{grid-template-columns:1fr;padding:36px 0}.onboarding-welcome .onboarding-media-object{margin-inline:auto}.onboarding-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-format-card{min-height:170px}.onboarding-benefit,.onboarding-project-setup{grid-template-columns:1fr}.onboarding-benefit-proof{max-width:300px;min-height:260px;margin:0 auto}.onboarding-project-canvas{grid-row:2}.onboarding-custom-dimensions{grid-column:1}.onboarding-project-finish{flex-direction:column;align-items:stretch}.onboarding-frame-rate{width:100%}.onboarding-project-actions{justify-content:space-between}.onboarding-canvas-preview{min-height:150px}}@media (width<=900px){.onboarding-project-workspace{grid-template-columns:152px minmax(0,1fr)}.onboarding-project-preview{border-top:1px solid var(--outline-subtle);border-left:0;grid-column:2}.onboarding-project-preview-well{min-height:170px}.onboarding-project-preview-frame{max-height:135px}}@media (width<=620px){.onboarding-project-workspace{grid-template-columns:1fr}.onboarding-project-rail{display:none}.onboarding-project-preview{grid-column:1}.onboarding-project-preview-well{min-height:190px}.onboarding-canvas-choices,.onboarding-project-creation{grid-template-columns:1fr}.onboarding-project-panel-canvas .onboarding-project-preview{display:block}}@media (width<=760px){.onboarding-project-creation{grid-template-columns:1fr;gap:30px}.onboarding-project-options .onboarding-canvas-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-project-details-panel>.onboarding-project-actions{margin-top:0;padding-top:28px}.onboarding-project-creation>.onboarding-project-preview .onboarding-project-preview-well{min-height:300px}.onboarding-project-creation>.onboarding-project-preview .onboarding-project-preview-frame{max-height:245px}.onboarding-project-opening{grid-template-columns:1fr;gap:34px;margin:36px 0}.onboarding-opening-project-card{width:min(100%,350px);min-height:275px;margin-inline:auto;transform:none}.onboarding-opening-canvas-well{min-height:165px}}@media (prefers-reduced-motion:reduce){.onboarding-shell *,.onboarding-progress{transition:none!important;animation:none!important}}