.generator-workspace{height:100dvh;min-height:0;overflow:hidden}.generator-benefits-panel{border-bottom:1px solid hsl(var(--border));background:hsl(var(--surface));width:100%;color:hsl(var(--foreground));flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.generator-benefits-panel-content{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.generator-benefits-panel-copy{flex:1;min-width:0}.generator-benefits-panel-action{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:4px;max-width:100%;display:flex}.generator-benefits-panel-action>button{flex-shrink:0}.generator-benefits-panel-note{color:hsl(var(--foreground-muted));margin:0;font-size:12px;line-height:16px}.generator-benefits-panel-title{color:hsl(var(--foreground));margin:0;font-size:14px;font-weight:500;line-height:20px}.generator-benefits-panel-points{color:hsl(var(--foreground-muted));flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;padding:0;font-size:13px;line-height:18px;list-style:none;display:flex}.generator-benefits-panel-points li{white-space:nowrap}.generator-benefits-panel-points li:not(:last-child):after{content:"·";margin-left:16px}.generator-benefits-panel-dismiss{width:32px;height:32px;color:hsl(var(--foreground-muted));cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.generator-benefits-panel-dismiss:hover{background:hsl(var(--surface-soft));color:hsl(var(--foreground))}.generator-benefits-panel-dismiss:focus-visible{outline:2px solid hsl(var(--brand));outline-offset:2px}.generator-benefits-dialog{--benefits-muted:#666c74;background:hsl(var(--surface));color:#202329;border:1px solid hsl(var(--surface));border-radius:16px;gap:23px;width:calc(100% - 40px);max-width:920px;padding:38px;font-family:KP Manrope,Inter,sans-serif;box-shadow:0 24px 80px #20232924}.generator-benefits-dialog .generator-benefits-heading{letter-spacing:-1.05px;margin:0;font-size:32px;font-weight:500;line-height:1.16}.generator-benefits-lead{color:var(--benefits-muted);margin:14px 0 0;font-size:14px;line-height:22px}.generator-benefits-body{flex-direction:column;gap:20px;margin:0;padding:0;display:flex}.generator-benefits-intro{flex-shrink:0}.generator-benefits-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.generator-benefits-copy{flex-direction:column;gap:30px;min-width:0;display:flex}.generator-benefits-list{gap:21px;margin:0;padding:0;list-style:none;display:grid}.generator-benefits-list h3{margin:0 0 6px;font-size:14px;font-weight:600;line-height:21px}.generator-benefits-list p{color:var(--benefits-muted);margin:0;font-size:13px;line-height:20px}.generator-benefits-demonstration{background:#f5f6f7;border-radius:12px;align-self:center;min-width:0;padding:18px}.generator-benefits-film{background:hsl(var(--surface));border:1px solid #e7eaec;border-radius:8px;overflow:hidden}.generator-choice-video{margin:0;padding:0}.generator-choice-video video,.generator-choice-video img{pointer-events:none;width:100%;height:auto;display:block}.generator-benefits-example{width:fit-content;min-height:44px;color:var(--benefits-muted);text-underline-offset:4px;justify-content:center;align-items:center;gap:6px;margin:10px auto 0;font-size:12px;text-decoration:underline;display:flex}.generator-benefits-example:hover{color:#064c3e}.generator-benefits-example:focus-visible{outline:2px solid hsl(var(--brand));outline-offset:3px;border-radius:4px}.generator-benefits-continue{flex-shrink:0}.generator-benefits-continue button{color:#fff;background:#064c3e;border-radius:7px;min-height:46px;padding:0 24px;font-family:inherit;font-size:14px}.generator-benefits-continue p{color:var(--benefits-muted);margin:9px 0 0;font-size:11px;line-height:17px}.generator-export-status{background:hsl(var(--surface-soft));border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:16px;font-size:14px;display:flex}.generator-export-status>svg{color:hsl(var(--brand));flex-shrink:0}.generator-export-status>div{flex:1;min-width:140px}.generator-export-status strong{font-weight:600}.generator-export-status p{color:var(--benefits-muted);margin:4px 0 0;font-size:13px}.generator-export-status[role=alert]{border:1px solid hsl(var(--danger))}@media (max-width:800px){.generator-benefits-dialog{gap:20px;width:calc(100% - 32px);padding:26px}.generator-benefits-dialog .generator-benefits-heading{letter-spacing:-.75px;padding-right:32px;font-size:27px}.generator-benefits-layout{grid-template-columns:1fr;gap:24px}.generator-benefits-copy{gap:25px}.generator-benefits-demonstration{padding:14px}.generator-benefits-continue button{width:100%}.generator-benefits-continue p{text-align:center}}@media (max-width:380px){.generator-benefits-dialog{padding:20px}.generator-benefits-continue button{white-space:normal;height:auto}}@media (prefers-reduced-motion:reduce){.generator-benefits-dialog{animation:none}}@media (max-width:767px){.generator-benefits-panel{align-items:flex-start;gap:8px;padding:12px 16px}.generator-benefits-panel-content{flex-direction:column;align-items:flex-start;gap:12px}.generator-benefits-panel-copy{width:100%}.generator-benefits-panel-points{flex-direction:column}.generator-benefits-panel-points li:not(:last-child):after{content:none}}@media (pointer:coarse){.generator-benefits-example,.generator-benefits-panel-action>button{min-height:44px}.generator-benefits-panel-dismiss{width:44px;height:44px}}