@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";@font-face{font-family:PingFang-SC-Heavy;src:url(/assets/PingFang-SC-Heavy-DR58IJJG.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}:root{color:#f2f4f5;font-synthesis:none;letter-spacing:0;--page-gutter:clamp(24px, 3.33vw, 56px);--content-max:1320px;--app-chrome-height:108px;--viewport-height:100vh;background:#0f1113;font-family:Manrope,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@supports (height:100dvh){:root{--viewport-height:100dvh}}*{box-sizing:border-box}body{min-width:0;min-height:100vh;min-height:var(--viewport-height);background:#0f1113;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit;letter-spacing:0}button,label{-webkit-tap-highlight-color:transparent}.topbar{background:#17191b;border-bottom:1px solid #303438;justify-content:space-between;align-items:center;height:62px;padding:0 22px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.brand{align-items:baseline;gap:12px;min-width:0;display:flex}.brand h1{margin:0;font-size:21px;line-height:1}.brand span{color:#9da3a8;font-size:12px}.stage-tabs{background:#141618;border-bottom:1px solid #303438;align-items:end;gap:4px;height:46px;padding:0 22px;display:flex}.stage-tabs button{color:#8f969c;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;height:38px;padding:0 16px;display:flex}.stage-tabs button span{border:1px solid #555c62;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.stage-tabs button.active{color:#f2f4f5;border-bottom-color:#48b8a2}.stage-tabs button.active span{color:#66d0bb;border-color:#48b8a2}.stage-tabs button:disabled{opacity:.4;cursor:not-allowed}.workspace{min-height:calc(var(--viewport-height) - var(--app-chrome-height));grid-template-columns:minmax(0,1fr) minmax(300px,360px);display:grid}.viewer-column{flex-direction:column;gap:10px;min-width:0;padding:20px 22px;display:flex}.viewer{width:100%;min-height:320px;max-height:calc(var(--viewport-height) - 252px);background:#030405;border:1px solid #303438;place-items:center;display:grid;position:relative;overflow:hidden}.viewer.has-video{min-height:0}.viewer canvas{width:100%;height:auto;max-height:calc(var(--viewport-height) - 252px);object-fit:contain;background:#030405;display:block}.viewer-playback-toggle{z-index:1;color:#f2f4f5;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.viewer-playback-toggle>span{opacity:0;background:#090b0cb8;border:1px solid #fff5;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;transition:opacity .12s,transform .12s;display:grid;transform:scale(.92)}.viewer-playback-toggle:hover>span,.viewer-playback-toggle:focus-visible>span{opacity:1;transform:scale(1)}.video-source{opacity:.001;pointer-events:none;width:2px;height:2px;position:absolute}.empty-state{color:#cfd3d6;cursor:pointer;justify-items:center;gap:9px;display:grid}.empty-state svg{color:#55b7a5}.empty-state strong{font-size:15px}.empty-state span{color:#7f878d;font-size:12px}.empty-state input,.command input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.split-line{z-index:2;pointer-events:none;background:#fff;width:1px;position:absolute;box-shadow:0 0 0 1px #0008}.transport{grid-template-columns:36px 36px 48px minmax(80px,1fr) 48px 36px 36px;align-items:center;gap:7px;min-height:42px;display:grid}.icon-button{color:#e6e9eb;cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-button:hover:not(:disabled){background:#25292c;border-color:#3d4348}.icon-button:disabled{color:#555b60;cursor:not-allowed}.timecode{font-variant-numeric:tabular-nums;color:#a8aeb3;text-align:center;font-size:12px}input[type=range]{accent-color:#55b7a5;min-width:0}.timeline{width:100%}.media-strip{color:#8f969c;align-items:center;gap:12px;min-width:0;font-size:12px;display:flex;overflow:hidden}.media-strip strong{text-overflow:ellipsis;white-space:nowrap;color:#d9dde0;max-width:min(42vw,380px);overflow:hidden}.message{border-left:3px solid;align-items:center;gap:9px;min-height:42px;padding:0 8px 0 12px;font-size:13px;display:flex}.message>span{flex:1;min-width:0}.message .icon-button{flex:0 0 36px}.error-message{color:#f2c7c4;background:#2a1d1e;border-color:#d96861}.success-message{color:#cce8e1;background:#172723;border-color:#54b39f}.progress-message{color:#f0d9a6;background:#292318;border-color:#d9a84d}.fallback-command{align-self:flex-start}.control-panel{min-width:0;max-height:calc(var(--viewport-height) - var(--app-chrome-height));background:#17191b;border-left:1px solid #303438;flex-direction:column;gap:16px;padding:20px;display:flex;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.panel-heading h2{margin:0;font-size:15px;font-weight:650}.panel-heading span{color:#8f969c;font-variant-numeric:tabular-nums;font-size:11px}.command{color:#eceff1;cursor:pointer;white-space:nowrap;background:#24272a;border:1px solid #444a4f;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 13px;display:inline-flex}.command:hover:not(:disabled){background:#2e3236}.command:disabled{opacity:.45;cursor:not-allowed}.command.primary{color:#07110f;background:#63c9b5;border-color:#63c9b5;font-weight:650}.command.primary:hover:not(:disabled){background:#79d5c3}.command.secondary{background:#24272a}.command.danger{color:#f2bbb7;background:#2a1d1e;border-color:#8a4542}.command.danger.subtle{background:0 0;margin-top:2px}.regenerate-command{flex:none}.full{width:100%}.keyframe-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;max-height:320px;display:grid;overflow:auto}.keyframe-list figure{background:#0d0f10;border:1px solid #34393d;border-radius:4px;margin:0;overflow:hidden}.keyframe-list img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.keyframe-list figcaption{color:#aeb4b9;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;height:34px;padding-left:9px;font-size:11px;display:flex}.consent-row{color:#aeb4b9;align-items:center;gap:8px;min-height:38px;font-size:12px;display:flex}.consent-row svg{color:#55b7a5}.field{color:#aeb4b9;gap:7px;font-size:12px;display:grid}.field textarea,.field select,.field input{color:#edf0f2;background:#101214;border:1px solid #3d4348;border-radius:4px;outline:none;width:100%}.field textarea{resize:vertical;min-height:112px;padding:10px;line-height:1.45}.field input{height:40px;padding:0 10px}.field textarea.compact{min-height:74px}.field select{height:38px;padding:0 9px}.field textarea:focus,.field select:focus,.field input:focus{border-color:#55b7a5}.auth-shell{min-height:100vh;min-height:var(--viewport-height);color:#cfd3d6;background:#0f1113;place-items:center;padding:24px;display:grid}.auth-panel{gap:18px;width:min(100%,360px);display:grid}.auth-panel .brand{margin-bottom:8px}.auth-panel h2,.account-dialog h2{margin:0;font-size:20px}.auth-result{justify-items:start}.auth-links{flex-wrap:wrap;gap:12px;display:flex}.auth-result>.spin{color:#d6ff4b}.auth-result .text-button{align-items:center;gap:8px;display:inline-flex}.account-dialog{color:#edf2ef;background:#181d1b;border:1px solid #49524d;border-radius:8px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.account-dialog::backdrop{background:#0009}.account-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-email{overflow-wrap:anywhere}.account-center{gap:18px;width:min(680px,100vw - 24px);display:grid}.account-center:not([open]){display:none}.account-center .account-email{color:#aab5b3;margin:4px 0 0;font-size:12px}.account-section{border-top:1px solid #363f3c;min-width:0;padding-top:16px}.account-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.account-section-heading h3{align-items:center;gap:7px;margin:0;font-size:14px;display:inline-flex}.account-section-heading>span,.account-empty,.account-loading{color:#aab5b3;font-size:12px}.account-loading{align-items:center;gap:8px;display:flex}.credit-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.credit-summary>div{flex-wrap:wrap;align-content:start;align-items:baseline;gap:5px;display:flex}.credit-summary .section-label,.credit-summary small{color:#aab5b3;flex-basis:100%;font-size:12px}.credit-balance{color:#eef0f2;font-variant-numeric:tabular-nums;font-size:32px}.credit-amount{vertical-align:middle;color:#e4e7eb;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.credit-amount svg{stroke-width:1.5px;flex:0 0 16px;width:16px;height:16px}.credit-amount-large{gap:8px}.credit-amount-large svg{flex-basis:24px;width:24px;height:24px}.google-mark{object-fit:contain;flex:0 0 18px;width:18px;height:18px}.identity-card{background:#ffffff05;border:1px solid #ffffff1c;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:64px;padding:12px 14px;display:grid}.identity-card-brand{color:#ececf0;align-items:center;gap:10px;min-width:0;display:flex}.identity-card-status{color:#a9d8ca;font-size:12px}.identity-card .text-button{min-height:40px}@media (width<=500px){.identity-card{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.identity-card-status{grid-area:2/1}.identity-card .text-button{grid-area:1/2/span 2}}.credit-summary time{overflow-wrap:anywhere;font-size:14px}.credit-ledger,.account-recipe-list{max-height:230px;display:grid;overflow:auto}.credit-ledger-row{border-bottom:1px solid #2c3431;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;padding:9px 0;font-size:13px;display:grid}.credit-ledger-row small{color:#aab5b3;font-size:11px}.credit-positive{color:#80d8b5}.credit-negative{color:#e3a39a}.credit-support{gap:12px;display:grid}.credit-support-copy{gap:7px;display:grid}.credit-support-copy p{color:#b9c2bf;margin:0;font-size:12px;line-height:1.65}.credit-support-copy .account-section-heading{margin-bottom:0}.credit-support-actions{flex-wrap:wrap;align-items:center;gap:8px;min-height:32px;display:flex}.credit-support-actions a{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.credit-redemption{border-top:1px solid #2c3431;gap:8px;padding-top:12px;display:grid}.credit-redemption h4{color:#e7ecea;margin:0;font-size:13px;font-weight:650}.credit-redemption-form{align-items:end;gap:10px;display:flex}.credit-redemption-form .field{flex:auto;min-width:0}.account-settings{justify-items:start;gap:10px;display:grid}.account-settings .field{width:min(100%,360px)}.account-recipe-detail{border-top:1px solid #363f3c;min-width:0;padding-top:14px}.account-recipe-detail pre{background:#101416;max-height:230px;padding:10px;font-size:11px;overflow:auto}.account-delete-trigger{color:#e3a39a;align-items:center;gap:6px;display:inline-flex}.credit-cost{color:#a8d7c6;margin:4px 0;font-size:12px}.account-confirm{align-items:flex-start;gap:10px;margin:20px 0;display:flex}.account-confirm input{flex:0 0 18px;width:18px;height:18px}.job-status{background:#101214;border:1px solid #34393d;border-radius:4px;align-content:start;gap:16px;min-height:156px;padding:16px;display:grid;overflow:hidden}.job-progress-summary{justify-content:space-between;align-items:end;gap:16px;min-height:58px;display:flex}.job-progress-copy{gap:3px;min-width:0;display:grid}.job-progress-kicker{color:#8f969c;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.job-progress-copy strong{color:#f0f5f3;font-size:14px;font-weight:650;line-height:1.3}.job-progress-detail{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.4}.job-progress-value{color:#e6f8ee;font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex:none;font-size:44px;font-weight:700;line-height:.9}.job-progress-track{isolation:isolate;background:#20282a;border:1px solid #3e494a;border-radius:99px;height:10px;position:relative;overflow:hidden}.job-progress-track:before{content:"";z-index:0;background:linear-gradient(90deg,#55b7a52e,#edcd7521);position:absolute;inset:0}.job-progress-track:after{content:"";z-index:2;filter:blur(2px);opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#eefff7c7,#0000);width:22%;position:absolute;top:-1px;bottom:-1px;left:-28%}.job-progress-track>span{z-index:1;height:100%;width:var(--job-progress);border-radius:inherit;background:linear-gradient(90deg,#55b7a5 0%,#8bd5b5 58%,#efd27e 100%);min-width:0;transition:width .42s cubic-bezier(.22,.75,.25,1);display:block;position:relative;box-shadow:0 0 14px #55b7a54d}.job-status:not(.is-succeeded):not(.is-failed):not(.is-canceled) .job-progress-track:after{opacity:.72;animation:1.7s ease-in-out infinite job-progress-sweep}.job-status.is-indeterminate .job-progress-track>span{opacity:.78;width:32%}.job-status.is-succeeded{animation:.56s ease-out both job-progress-complete}.job-status.is-failed .job-progress-track{border-color:#744a4a}.job-status.is-failed .job-progress-track>span{background:linear-gradient(90deg,#bc6a63,#e3a39a);box-shadow:0 0 14px #d9686138}.job-status.is-canceled .job-progress-track{border-color:#6b5b3a}.job-status.is-canceled .job-progress-track>span{background:linear-gradient(90deg,#b98d49,#e2c57d);box-shadow:0 0 14px #d9a84d2e}.job-progress-error{color:#df837d;font-size:11px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes job-progress-sweep{0%{transform:translate(0)}55%,to{transform:translate(620%)}}@keyframes job-progress-complete{0%{box-shadow:0 0 #55b7a500}45%{box-shadow:0 0 0 5px #55b7a524}to{box-shadow:0 0 #55b7a500}}.command-row,.export-grid{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.mode-switch{grid-template-columns:1fr 1fr;gap:6px;margin:0 0 14px;display:grid}.mode-switch button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:9px 10px}.mode-switch button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.recommendation-summary{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.6}.recommendation-summary p{color:#b7bfc4;margin:8px 0;font-size:13px}.recommendation-summary ul{color:#b7bfc4;margin:8px 0 0;padding:0;font-size:13px;list-style:none}.recommendation-summary li{margin-top:12px}.recommendation-style{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recommendation-style>span,.recommendation-alternatives-title{color:#b7bfc4;font-size:12px}.recommendation-alternatives-title{margin-top:16px;display:block}.recommendation-try{color:#bce6d3;align-items:center;gap:6px;min-height:32px;margin-top:2px;padding:0;font-size:13px;display:inline-flex}.recommendation-try:hover{color:#e4f6ee}.style-tag{color:#bce6d3;background:#253c35;border-radius:4px;max-width:100%;padding:2px 8px;font-size:13px;font-weight:600;display:inline-block}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented{background:#24272a;border:1px solid #34393d;grid-template-columns:repeat(3,1fr);padding:2px;display:grid}.segmented button{color:#9ea5aa;cursor:pointer;background:0 0;border:0;min-height:30px}.segmented button.active{color:#f2f4f5;background:#3a4044}.control-row{color:#b8bdc1;grid-template-columns:64px minmax(40px,1fr) 66px;align-items:center;gap:8px;min-height:40px;font-size:12px;display:grid}.control-row output{color:#66cfba;text-align:right;font-variant-numeric:tabular-nums}.parameter-number{color:#d6e8e3;text-align:right;width:100%;min-width:0;font:inherit;font-variant-numeric:tabular-nums;background:#101416;border:1px solid #424c50;border-radius:3px;padding:6px 4px}.parameter-number[aria-invalid=true]{border-color:#df837d}.parameter-error{color:#df837d;font-size:11px;display:block}.parameter-editor{min-width:0}.parameter-edit{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.effective-values-heading>div{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.unsaved-state{color:#c8b979;font-size:12px}.effective-values{background:#151a1d;border:1px solid #2a3236;gap:2px;margin-top:12px;padding:10px 11px;display:grid}.effective-values-heading{color:#d7dddf;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.effective-values-heading small{color:#7d878d;font-size:10px}.effective-value-row{color:#9ca5aa;justify-content:space-between;align-items:center;gap:12px;min-height:22px;font-size:11px;display:flex}.effective-value-row output{color:#66cfba;text-align:right;font-variant-numeric:tabular-nums}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.workspace{grid-template-columns:1fr}.viewer-column{padding:14px}.viewer,.viewer canvas{max-height:56vh}.control-panel{border-top:1px solid #303438;border-left:0;max-height:none}.media-strip{flex-wrap:wrap}}@media (width<=560px){.account-center{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.credit-summary{grid-template-columns:1fr;gap:12px}.credit-redemption-form,.credit-support-actions{flex-direction:column;align-items:stretch}.credit-support-actions a{justify-content:center}.credit-ledger-row{grid-template-columns:minmax(0,1fr) auto}.credit-ledger-row small{grid-column:1/-1}.topbar{padding:0 12px}.brand span{display:none}.stage-tabs{padding:0 8px}.stage-tabs button{flex:1;justify-content:center;padding:0 6px}.viewer{min-height:220px}.transport{grid-template-columns:34px minmax(70px,1fr) 42px 34px 34px}.transport .timecode:first-of-type,.transport button:nth-of-type(2){display:none}.keyframe-list{grid-template-columns:1fr}.control-row{grid-template-columns:64px minmax(40px,1fr) 66px}.export-grid{grid-template-columns:1fr}}.recommendation-summary p,.recommendation-summary .style-tag{overflow-wrap:anywhere}.workspace>.viewer-column{order:1}.workspace>.control-panel{order:2}.channel-switch{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));width:224px;margin:0 12px}.channel-switch button{white-space:nowrap}.b-stage-heading{border-bottom:1px solid #303438;align-items:center;gap:16px;height:46px;padding:0 22px;font-size:14px;display:flex}.b-stage-heading span{color:#9da3a8;font-size:12px}.b-panel{gap:12px}.b-library-intro{margin:0}.b-search{color:#9ca6ab;background:#171b1d;border:1px solid #394147;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:flex}.b-search input{color:#f2f4f5;background:0 0;border:0;outline:0;flex:1;min-width:0}.b-labels{gap:8px;display:grid}.b-labels details{border-bottom:1px solid #30363a;padding:5px 0}.b-labels summary{cursor:pointer;color:#d9dfe1;font-size:12px}.b-label-grid{flex-wrap:wrap;gap:5px;padding:8px 0 4px;display:flex}.b-label-grid button{color:#aeb8bb;cursor:pointer;background:#1a2021;border:1px solid #3b4547;border-radius:999px;padding:4px 8px;font-size:11px}.b-label-grid button.active{color:#d8fff4;background:#24544c;border-color:#5fc6b2}.b-library-list{gap:5px;max-height:300px;display:grid;overflow:auto}.b-library-item{color:#dfe5e5;text-align:left;cursor:pointer;background:#171b1d;border:1px solid #343b3e;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.b-library-item:hover,.b-library-item.selected{background:#1c302d;border-color:#57bda9}.b-library-item span:first-child{gap:3px;min-width:0;display:grid}.b-library-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.b-library-item small,.b-selected span,.b-controls small{color:#99a5a7;font-size:10px;line-height:1.45}.b-controls{background:#151a1c;border:1px solid #394147;gap:10px;padding:12px;display:grid}.b-selected{gap:3px;display:grid}.b-controls .control-row{grid-template-columns:42px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.b-controls output{color:#73d1bd;text-align:right;min-width:50px;font-size:11px}.b-panel p,.b-panel small,.b-recovery strong{overflow-wrap:anywhere}.b-panel p{color:#bac1c5;margin:8px 0;font-size:13px;line-height:1.6}.b-panel h3{margin:0 0 10px;font-size:15px}.b-steps{gap:2px;display:grid}.b-steps button{color:#b4bcc0;text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;grid-template-columns:24px 1fr 54px;align-items:center;gap:6px;min-height:34px;padding:5px 8px;font-size:13px;display:grid}.b-steps button[aria-current=step]{color:#e3f5ef;background:#23342f;border-left-color:#63c9b5}.b-steps small{text-align:right;color:#94aaa2;font-size:11px}.b-task,.b-output{border-top:1px solid #34393d;gap:12px;padding-top:16px;display:grid}.b-facts{grid-template-columns:1fr 1.2fr;gap:8px;margin:4px 0;font-size:12px;display:grid}.b-facts>div{display:contents}.b-facts dt{color:#929da3}.b-facts dd{overflow-wrap:anywhere;margin:0}.b-example{color:#d9c18b;gap:6px;font-size:12px;line-height:1.5;display:grid}.b-example span,.b-range{color:#9ca6ab;font-size:11px}.b-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.b-save-state{color:#a2afa9;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.b-revert{border-left:2px solid #c27665;padding-left:12px}.b-recovery>div{border-bottom:1px solid #34393d;flex-wrap:wrap;gap:8px;padding:12px 0;font-size:12px;display:flex}.b-recovery strong{width:100%}.b-panel button:focus-visible,.channel-switch button:focus-visible{outline-offset:2px;outline:2px solid #9fe2d1}@media (width<=560px){.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:62px;padding:10px 12px}.channel-switch{order:3;width:100%;margin:0}.app-shell{--app-chrome-height:150px}.b-stage-heading{gap:10px;padding:0 12px}.b-steps{grid-template-columns:1fr}.b-panel .command{white-space:normal;padding:8px 10px}}.landing-shell{height:100vh;height:var(--viewport-height);isolation:isolate;color:#f4f5f5;background:#050708;position:relative;overflow:hidden}.landing-shell:after{content:"";z-index:-1;pointer-events:none;background:#02040578;position:absolute;inset:0}.color-field{z-index:-2;pointer-events:none;background:#050708;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.color-field:before{content:"";background:linear-gradient(#02040576 0%,#0204052e 46%,#02040568 100%);position:absolute;inset:0}.color-orb{--orb-x:0px;--orb-y:0px;--orb-scale:1;--orb-opacity:.86;aspect-ratio:1;filter:blur(82px);mix-blend-mode:screen;width:clamp(320px,39vw,720px);opacity:var(--orb-opacity);transform:translate3d(var(--orb-x), var(--orb-y), 0) scale(var(--orb-scale));will-change:transform, opacity;border-radius:50%;display:block;position:absolute;top:0;left:0}.color-orb-cyan{background:radial-gradient(circle,#12f4ff 0%,#08c9d5 29%,#087c984a 63%,#0000 74%)}.color-orb-magenta{background:radial-gradient(circle,#ff39aa 0%,#ed207e 28%,#9b1d694c 61%,#0000 74%);width:clamp(340px,41vw,760px)}.color-orb-violet{background:radial-gradient(circle,#8574ff 0%,#5549e8 29%,#3b328c48 62%,#0000 74%);width:clamp(300px,35vw,660px)}.color-orb-orange{background:radial-gradient(circle,#ffb52f 0%,#ff6138 29%,#bd3f3f4c 63%,#0000 75%);width:clamp(350px,42vw,780px)}.color-orb-lime{background:radial-gradient(circle,#dcff3f 0%,#7ee83e 29%,#389b5648 62%,#0000 74%);width:clamp(280px,34vw,620px)}.color-orb-deep-blue{background:radial-gradient(circle,#248dff 0%,#1459e8 28%,#173c9b4c 62%,#0000 74%);width:clamp(300px,36vw,680px)}.color-orb-coral{background:radial-gradient(circle,#ff5f73 0%,#ef3e55 28%,#a42d544c 62%,#0000 74%);width:clamp(320px,38vw,700px)}.landing-nav{z-index:1;width:min(calc(100% - (2 * var(--page-gutter))), var(--content-max));border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:76px;margin:0 auto;display:flex;position:relative}.landing-brand,.hero-actions,.landing-trust{align-items:center;display:flex}.landing-brand{gap:10px}.brand-mark{background:0 0;place-items:center;width:26px;height:26px;display:grid}.brand-mark>img{object-fit:contain;width:100%;height:100%;display:block}.brand-mark[data-design-has-asset]>img{visibility:hidden}.landing-wordmark{letter-spacing:0;font-size:17px;font-weight:700}.landing-kicker{color:#c6d0cd9c;letter-spacing:.16em;margin-left:8px;font-size:9px}.text-button{color:#dce3e1c7;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px}.text-button:hover,.text-button:focus-visible{color:#fff}.landing-hero{z-index:1;width:min(calc(100% - (2 * var(--page-gutter))), 960px);min-height:calc(var(--viewport-height) - 152px);text-align:center;place-items:center;margin:0 auto;display:grid;position:relative}.hero-copy{max-width:760px;transform:translateY(-4vh)}.eyebrow{color:#e7efebbc;letter-spacing:.18em;justify-content:center;align-items:center;gap:9px;margin-bottom:24px;font-size:10px;display:flex}.hero-copy h1{color:#fff;letter-spacing:0;text-shadow:0 4px 36px #030405b8;margin:0;font-size:72px;font-weight:620;line-height:1.04}.hero-copy h1 em{color:#f3eee9;font-style:normal}.hero-lede{color:#eff4f0d1;text-shadow:0 2px 18px #030405d9;max-width:540px;margin:24px auto 0;font-size:15px;line-height:1.7}.hero-actions{justify-content:center;margin-top:30px}.hero-cta{color:#07110f;cursor:pointer;background:#effcf7;border:1px solid #f3fffa;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 19px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 10px 32px #00000042}.hero-cta:hover,.hero-cta:focus-visible{background:#fff;transform:translateY(-1px)}.landing-trust{z-index:1;right:var(--page-gutter);bottom:24px;left:var(--page-gutter);color:#e7efebb5;text-shadow:0 1px 14px #030405;justify-content:center;gap:8px;font-size:11px;position:absolute}.landing-trust svg{color:#b6f1da}@media (prefers-reduced-motion:reduce){.hero-cta{transition:none}.color-orb{will-change:auto}}@media (width<=900px){.hero-copy h1{font-size:60px}}@media (width<=560px){:root{--page-gutter:18px}.landing-nav{height:64px}.landing-kicker{display:none}.landing-hero{min-height:calc(var(--viewport-height) - 128px)}.hero-copy{transform:translateY(-2vh)}.eyebrow{letter-spacing:.14em;margin-bottom:18px;font-size:9px}.hero-copy h1{font-size:43px;line-height:1.08}.hero-lede{max-width:330px;margin-top:18px;font-size:13px;line-height:1.65}.hero-actions{margin-top:24px}.landing-trust{font-size:10px;line-height:1.45;bottom:18px;left:18px;right:18px}.color-orb{filter:blur(48px)}}@media (width<=360px){.hero-copy h1{font-size:37px}.hero-lede{max-width:290px;font-size:12px}.landing-trust{font-size:9px}.color-orb{filter:blur(40px)}}.design-surface{min-height:100vh;min-height:var(--viewport-height);position:relative}.design-surface[data-design-active=true] [data-design-id]{cursor:crosshair}.design-surface[data-design-active=true] [data-design-hover=true]{outline-offset:3px;outline:1px dashed #84e4cb}.design-surface[data-design-active=true] [data-design-selected=true]{outline-offset:4px;outline:2px solid #63c9b5}.design-surface .brand-mark[data-design-has-asset],.design-surface .workspace-logo[data-design-has-asset]{background-color:#0000;border-radius:0;position:relative;overflow:hidden;color:#0000!important;text-shadow:none!important}.workspace-logo{flex:none;align-self:center;width:26px;height:26px;display:none}.workspace-logo[data-design-has-asset]{display:block}.design-surface [data-design-has-asset]:after{content:"";pointer-events:none;background-image:var(--design-image-url);background-size:var(--design-image-fit,contain);background-repeat:no-repeat;background-position:var(--design-image-x,50%) var(--design-image-y,50%);transform:scale(var(--design-image-zoom,1));transform-origin:var(--design-image-x,50%) var(--design-image-y,50%);position:absolute;inset:0}.design-surface .color-field[data-design-has-asset]>.color-orb{visibility:hidden}.design-toggle{z-index:10001;color:#d7f5eb;cursor:pointer;background:#1b3b34ef;border:1px solid #52776d;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;display:inline-flex;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #00000045}.design-toggle:hover,.design-toggle[aria-pressed=true]{color:#06120f;background:#74d8c0;border-color:#9beada}.design-panel{z-index:10000;color:#e7efec;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141918f5;border:1px solid #46615a;border-radius:10px;flex-direction:column;width:min(344px,100vw - 24px);display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.design-panel-heading{border-bottom:1px solid #2d423c;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:flex}.design-panel-heading>div{gap:3px;min-width:0;display:grid}.design-panel-heading strong{font-size:14px;font-weight:650}.design-panel-heading span{color:#8da59d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.design-icon-button{color:#a9bbb5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;width:30px;height:30px;display:inline-grid}.design-icon-button:hover:not(:disabled){color:#e8fff6;background:#273932;border-color:#49645c}.design-icon-button:disabled{opacity:.35;cursor:not-allowed}.design-toolbar-row{border-bottom:1px solid #2d423c;align-items:center;gap:5px;min-height:46px;padding:7px 10px;display:flex}.design-toolbar-row>button:not(.design-icon-button){color:#93a8a1;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;min-height:30px;padding:0 8px;font-size:11px;display:inline-flex}.design-toolbar-row>button.active,.design-toolbar-row>button:not(.design-icon-button):hover{color:#d8fff4;background:#2b4940}.design-toolbar-spacer{flex:1}.design-inspector{flex:1;padding:12px 14px 22px;overflow:auto}.design-section{border-top:1px solid #293b37;gap:8px;padding:14px 0 4px;display:grid}.design-section h3{color:#9bb2aa;letter-spacing:.04em;margin:0 0 2px;font-size:11px;font-weight:600}.design-field{color:#a7b9b2;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:9px;font-size:11px;display:grid}.design-field textarea,.design-field input{color:#e6f3ef;width:100%;min-width:0;font:inherit;background:#0f1513;border:1px solid #354a44;border-radius:5px;outline:none}.design-field textarea{resize:vertical;min-height:64px;padding:8px;line-height:1.5}.design-field input{height:30px;padding:0 8px}.design-field textarea:focus,.design-field input:focus{border-color:#6dcab5;box-shadow:0 0 0 2px #63c9b522}.design-upload{color:#c6e7dc;cursor:pointer;background:#1a332d;border:1px solid #45665b;border-radius:5px;align-items:center;gap:7px;min-height:34px;padding:0 9px;font-size:11px;display:inline-flex}.design-upload:hover{background:#23463d}.design-upload input,.design-panel-footer input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.design-section small{color:#768d85;font-size:10px;line-height:1.5}.design-inline-button{color:#c6e7dc;cursor:pointer;background:#1a332d;border:1px solid #45665b;border-radius:5px;min-height:30px;font-size:11px}.design-inline-button:disabled{opacity:.45;cursor:not-allowed}.design-font-row{color:#c5ddd5;border:1px solid #2d423c;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding:0 7px;font-size:10px;display:flex}.design-font-row button{color:#9bb2aa;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;display:grid}.design-font-row button:hover{color:#efaaa3}.design-empty{color:#8fa69e;text-align:center;flex:1;align-content:center;place-items:center;gap:9px;padding:28px;display:grid}.design-empty svg{color:#69cbb4}.design-empty p{color:#d5e8e2;margin:0;font-size:12px}.design-empty small{color:#7f958e;max-width:230px;font-size:10px;line-height:1.6}.design-panel-footer{border-top:1px solid #2d423c;grid-template-columns:1fr 1fr;gap:6px;padding:10px;display:grid}.design-panel-footer button,.design-panel-footer label{color:#b7d0c7;cursor:pointer;background:#1b2824;border:1px solid #3c554c;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:30px;font-size:10px;display:inline-flex}.design-panel-footer button:hover,.design-panel-footer label:hover{color:#e0fff5;background:#28443b;border-color:#6aa895}.design-notice{color:#c8ebe1;background:#1a302a;border-left:2px solid #6dcab5;margin:0 10px 10px;padding:8px 9px;font-size:10px;line-height:1.5}@media (width<=560px){.design-panel{width:min(344px,100vw - 16px);top:8px;bottom:8px;right:8px}.design-toggle{bottom:12px;right:12px}}.b-panel[hidden]{display:none}.b-panel>*{flex-shrink:0}.b-selection-import{cursor:pointer;position:relative}.b-selection-import input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.b-label-grid>span{color:#adbdb7;font-size:11px}.b-library-item:disabled{opacity:.55;cursor:wait}.design-surface[data-design-active=true]>.design-live{opacity:0;pointer-events:none;position:fixed;inset:0}.design-editor{z-index:10000;background:#0b100f;grid-template-columns:minmax(0,1fr) 344px;gap:12px;padding:12px;display:grid;position:fixed;inset:0;overflow:hidden}.design-editor .design-panel{width:100%;min-width:0;min-height:0;position:static}.design-preview-host{min-width:0;overflow:auto}.design-preview-caption{color:#9bb2aa;padding:0 12px;font-size:11px;line-height:1.5}.design-preview-size{margin:0 auto 16px;position:relative}.design-preview-size iframe{transform-origin:0 0;background:#0f1113;border:0;display:block;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #45665b}.design-value-row{gap:6px;min-width:0;display:flex}.design-value-row input:not([type=color]){flex:1;min-width:0}.design-field input[type=color]{flex:0 0 32px;width:32px;padding:2px}.design-field select{color:#e0ede7;width:100%;min-width:0;font:inherit;background:#0f1513;border:1px solid #3d514a;border-radius:5px;padding:7px}.design-inspector>small,.design-field small{color:#9bb2aa;margin:7px 0;font-size:11px;line-height:1.5;display:block}.design-inspector>.design-inline-button{margin-top:10px}.design-section summary{cursor:pointer;margin-bottom:12px}.design-asset-preview{object-fit:contain;background-color:#dde1df;background-image:conic-gradient(#a2aba6 25%, transparent 0 50%, #a2aba6 0 75%, transparent 0);background-size:16px 16px;width:100%;max-height:120px}.design-image-controls{border:0;border-top:1px solid #2d423c;gap:10px;min-width:0;margin:16px 0;padding:12px 0;display:grid}.design-image-controls legend{padding:0 6px 0 0;font-size:12px}.design-image-controls small{overflow-wrap:anywhere}.design-image-controls:disabled{opacity:.6}.design-image-slider{gap:8px;font-size:11px;display:grid}.design-image-slider>span{justify-content:space-between;display:flex}.design-image-slider input{width:100%;margin:0}.design-image-slider output{color:#a6d9c9;font-variant-numeric:tabular-nums}.design-image-lock{align-items:center;gap:7px;font-size:11px;display:flex}.design-image-actions{gap:8px;display:flex}.design-image-actions button{color:#c6e7dc;cursor:pointer;background:#1a332d;border:1px solid #45665b;border-radius:5px;flex:1;min-height:30px;font-size:11px}.design-surface>[hidden]{display:none!important}.brand-home{appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0}.brand-home:focus-visible{outline-offset:5px;outline:2px solid #fff}.design-surface[data-design-active=true] [data-design-hover=true]{outline-color:#aaa}.design-surface[data-design-active=true] [data-design-selected=true]{outline-color:#fff}.design-editor{background:#050505}.design-panel{color:#eee;background:#101010f5;border-color:#3b3b3b}.design-panel-heading,.design-toolbar-row,.design-panel-footer{border-color:#303030}.design-panel-heading span,.design-preview-caption,.design-section h3,.design-field,.design-inspector>small,.design-field small,.design-icon-button,.design-toolbar-row>button:not(.design-icon-button){color:#aaa}.design-icon-button:hover:not(:disabled),.design-toolbar-row>button.active,.design-toolbar-row>button:not(.design-icon-button):hover{color:#fff;background:#292929;border-color:#666}.design-section,.design-image-controls,.design-font-row{border-color:#303030}.design-field input,.design-field textarea,.design-field select{color:#f2f2f2;background:#181818;border-color:#464646}.design-field input:focus,.design-field textarea:focus{border-color:#ccc;box-shadow:0 0 0 2px #ffffff24}.design-upload,.design-inline-button,.design-image-actions button,.design-panel-footer button,.design-panel-footer label{color:#eee;background:#242424;border-color:#555}.design-upload:hover,.design-panel-footer button:hover,.design-panel-footer label:hover{color:#fff;background:#333;border-color:#aaa}.design-font-row,.design-empty,.design-empty p,.design-empty svg,.design-image-slider output{color:#bbb}.design-section small,.design-empty small,.design-font-row button{color:#aaa}.design-notice{color:#ddd;background:#252525;border-left-color:#ccc}.design-image-lock input{accent-color:#eee}.design-panel input[type=range]{accent-color:#ddd}.design-field [aria-invalid=true]{border-color:#e18c80}.design-preview-size iframe{box-shadow:0 0 0 1px #555}.design-toggle{color:#fff;background:#242424;border-color:#777}.design-toggle:hover{color:#fff;background:#333;border-color:#bbb}.design-panel-footer,.design-panel-heading,.design-toolbar-row,.design-notice{flex-shrink:0}.design-notice{max-height:72px;overflow:auto}@media (width<=760px){.design-toggle:not(.design-toggle-inline){bottom:max(56px, calc(env(safe-area-inset-bottom) + 48px))}.design-editor{grid-template-rows:minmax(130px,42%) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.design-editor .design-panel{width:100%}}.landing-account{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.landing-email{text-overflow:ellipsis;white-space:nowrap;max-width:min(260px,50vw);overflow:hidden}.session-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.session-actions [role=alert]{color:#faadad;flex-basis:100%}@media (width<=600px){.landing-account{gap:4px;max-width:58%}.landing-account .session-actions{justify-content:flex-end;gap:10px}}.auth-shell{isolation:isolate;min-height:100dvh;padding:max(40px, env(safe-area-inset-top)) 24px max(40px, env(safe-area-inset-bottom));color:#f4f4f5;background:#050708;flex-direction:column;align-items:center;display:flex;position:relative}.auth-shell>.color-field{opacity:.46;position:fixed}.auth-panel{background:#141518;border:1px solid #ffffff21;border-radius:16px;width:min(100%,420px);min-width:0;margin:auto 0;padding:32px;animation:.22s ease-out auth-enter;display:block;box-shadow:0 24px 72px #0007}@supports ((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))){.auth-panel{-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:#121215c7}}.auth-brand{color:#f5f5f5;align-items:center;gap:10px;margin-bottom:28px;font-size:18px;font-weight:700;display:flex}.auth-brand img{object-fit:contain;display:block}.auth-step{min-width:0;animation:.15s ease-out auth-enter}.auth-heading{margin-bottom:24px}.auth-heading h1{outline:none;margin:0;font-size:24px;font-weight:650;line-height:1.35}.auth-heading p{color:#b6bbc1;margin:10px 0 0;font-size:14px;line-height:1.65}.auth-form,.auth-result{gap:18px;min-width:0;display:grid}.auth-panel p{overflow-wrap:anywhere}.auth-panel .field{color:#d6d9dd;gap:8px;min-width:0;font-size:14px}.auth-panel .field input{color:#f4f4f5;background:#0d0d10;border:1px solid #ffffff30;border-radius:8px;min-width:0;height:46px;padding:0 12px;font-size:16px;transition:border-color .12s,box-shadow .12s}.auth-panel .field input::placeholder{color:#9298a1}.auth-panel .field input:focus{border-color:#70d4bb;box-shadow:0 0 0 3px #70d4bb26}.auth-panel .field input[aria-invalid=true]{border-color:#eb9393}.auth-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-label-row .text-button{min-height:24px;padding:0}.auth-password-input{position:relative}.auth-panel .auth-password-input input{padding-right:48px}.auth-reveal{color:#aeb5bd;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:44px;display:grid;position:absolute;top:1px;bottom:1px;right:1px}.auth-reveal:hover{color:#fff}.auth-panel .command{white-space:normal;border-radius:8px;min-height:46px;padding:10px 14px;font-size:14px;line-height:1.5;transition:background .12s,transform .12s}.auth-panel .command.primary{color:#141619;background:#f4f5f5;border-color:#f4f5f5;font-weight:650}.auth-panel .command.primary:hover:not(:disabled){background:#fff;border-color:#fff}.auth-panel .command:active:not(:disabled){transform:scale(.99)}.auth-panel button:disabled{cursor:not-allowed;opacity:.55}.auth-panel button:focus-visible,.account-trigger:focus-visible,.account-popover button:focus-visible{outline-offset:3px;outline:2px solid #88e2cb}.auth-panel .text-button{color:#ced5db;min-height:36px;font-size:13px;line-height:1.5}.auth-panel .text-button:hover:not(:disabled){color:#fff;text-underline-offset:4px;text-decoration:underline}.auth-panel .auth-hint{color:#aeb5bd;margin:0;font-size:13px;line-height:1.6}.auth-panel .message{color:#c7cdd4;overflow-wrap:anywhere;background:#ffffff05;border:1px solid #ffffff1c;border-radius:8px;min-height:0;margin:0;padding:12px;font-size:13px;line-height:1.7;display:block}.auth-panel .error-message{color:#ffbdbd;background:#40212566;border-color:#e78b8b40}.auth-panel .account-email{color:#eef0f2;margin:0;font-size:15px;line-height:1.6}.auth-panel .auth-code-input{letter-spacing:.18em;font-variant-numeric:tabular-nums}.auth-panel .auth-code-input::placeholder{letter-spacing:0}.auth-footer{text-align:center;border-top:1px solid #ffffff14;padding-top:16px}.auth-links{justify-content:center;align-items:center;gap:4px 16px}.auth-links>span{color:#aeb5bd;font-size:13px}.auth-panel .auth-quiet-link{color:#b6bdc4}.auth-loading{color:#b6bbc1;align-items:center;gap:12px;font-size:14px;display:flex}.auth-result>p{color:#b6bbc1;margin:0;font-size:14px;line-height:1.7}.auth-result>svg{color:#88d6c1}.landing-nav{z-index:3}.landing-account{max-width:52%;position:relative}.account-trigger{color:#dde4e1;cursor:pointer;background:#ffffff07;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:9px;min-width:0;max-width:100%;min-height:40px;padding:8px 12px;font-size:13px;display:flex}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#ffffff10}.account-trigger svg{flex:none}.account-mobile-label{display:none}.account-popover{z-index:10;color:#ecedef;background:#17191c;border:1px solid #ffffff26;border-radius:12px;width:min(300px,100vw - 36px);max-height:calc(100dvh - 100px);padding:20px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 20px 50px #0008}.account-popover[hidden]{display:none}.account-popover-label{color:#aeb5bd;margin:0 0 6px;font-size:13px}.account-popover .account-email{margin:0 0 16px;font-size:14px;line-height:1.6}.account-popover .session-actions{border-top:1px solid #ffffff1a;gap:4px;padding-top:8px;display:grid}.account-popover .text-button{text-align:left;color:#e1e4e7;width:100%;min-height:44px}.account-popover [role=alert],.account-popover [role=status]{overflow-wrap:anywhere;font-size:13px;line-height:1.6}@keyframes auth-enter{0%{opacity:0}to{opacity:1}}@media (width<=600px){.auth-shell{padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom))}.auth-panel{padding:24px}.auth-brand{margin-bottom:24px}.auth-panel .text-button{min-height:44px}.auth-panel .auth-label-row .text-button{min-height:24px;padding-block:3px}.account-trigger .landing-email{display:none}.account-mobile-label{display:inline}.account-popover .session-actions{justify-content:stretch}.auth-shell .color-orb{will-change:auto}}@media (prefers-reduced-motion:reduce){.auth-panel,.auth-step{animation:none}.auth-panel *,.account-trigger{transition:none!important}.auth-panel .command:active:not(:disabled){transform:none}.auth-panel .spin{animation:none}}.auth-panel .field input:-webkit-autofill{-webkit-text-fill-color:#f4f4f5;caret-color:#f4f4f5;box-shadow:inset 0 0 0 1000px #171c20}.auth-panel .field input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px #171c20,0 0 0 3px #70d4bb26}.auth-methods,.auth-existing-actions{gap:12px;display:grid}.auth-methods .command{justify-content:flex-start;gap:12px;min-height:48px}.auth-methods .auth-method-unavailable:disabled{opacity:1;color:#aeb0b7;cursor:not-allowed;background:#ffffff05;border-color:#ffffff20}.auth-method-badge{color:#b7b9c0;white-space:nowrap;margin-left:auto;font-size:12px}.auth-methods+.auth-home-link{text-align:center;margin-top:24px}.app-shell{--studio-bg:#080808;--studio-surface:#121212;--studio-raised:#1c1c1c;--studio-line:#303030;--studio-muted:#a1a1a1;--studio-text:#f2f2f2;--studio-accent:#eee;height:var(--viewport-height);background:var(--studio-bg);min-height:0;color:var(--studio-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;padding:0;font-size:13px;line-height:1.55;display:flex;overflow:hidden}.app-shell [hidden]{display:none!important}.app-shell :is(section,aside,nav,div,input,textarea){min-width:0}.app-shell :is(button,input,textarea,summary):focus-visible{outline-offset:2px;outline:2px solid #ddd}.app-shell label:has(input:focus-visible){outline-offset:2px;outline:2px solid #ddd}.app-shell :is(p,small,strong,.message){overflow-wrap:anywhere}.app-shell svg{flex-shrink:0}.app-shell input[type=range]{accent-color:#ddd}.app-shell .topbar{border-color:var(--studio-line);background:#0c0c0c;flex:0 0 56px;gap:18px;height:56px;padding:0 24px}.app-shell .brand h1{font-size:20px;font-weight:600}.app-shell .design-entry:empty{display:none}.app-shell .design-toggle-inline{min-height:32px;box-shadow:none;padding:0 9px;font-size:11px;position:static}.app-shell .brand-home{align-items:center;gap:9px;display:flex}.app-shell .workspace-logo{border:0;border-radius:0;flex-shrink:0;place-items:center;display:grid}.workspace-logo>img{object-fit:contain;width:100%;height:100%;display:block}.workspace-logo[data-design-has-asset]>img{visibility:hidden}.app-shell .workspace-logo[data-design-has-asset]{border:0}.app-shell .channel-switch{background:#181818;border:1px solid #292929;border-radius:6px;flex-shrink:0;width:242px;margin:0 auto 0 16px;padding:3px}.app-shell .channel-switch button{color:#aaa;background:0 0;border:0;border-radius:3px;min-height:30px}.app-shell .channel-switch button.active{color:#fff;background:#303030}.app-shell .workspace{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 400px;gap:0;min-height:0;padding:0;display:grid;overflow:hidden}.app-shell .viewer-column{flex-direction:column;grid-area:1/1;gap:8px;width:100%;min-height:0;padding:16px 22px 12px;display:flex;position:static;overflow:hidden}.app-shell .viewer-heading{color:#aaa;flex:0 0 22px;justify-content:space-between;gap:12px;min-height:0;font-size:11px;display:flex}.app-shell .viewer-heading strong{font-weight:500}.app-shell .viewer-heading>span{white-space:nowrap;text-overflow:ellipsis;max-width:65%;overflow:hidden}.app-shell .viewer{background:#050505;border:1px solid #252525;border-radius:6px;flex:1;height:0;min-height:0;max-height:none}.app-shell .viewer canvas{object-fit:contain;background:#050505;width:100%;height:100%;max-height:none;position:absolute;inset:0}.app-shell .viewer.empty canvas{visibility:hidden}.app-shell .empty-state{z-index:1;text-align:center;color:#eee;cursor:pointer;background:#111;border:1px dashed #4a4a4a;border-radius:12px;gap:12px;width:min(560px,86%);max-height:90%;padding:clamp(12px,3vh,32px)}.app-shell .empty-state>svg{color:#ddd}.app-shell .empty-state strong{font-size:clamp(14px,1.4vw,19px);font-weight:550}.app-shell .empty-state>span{color:#aaa;font-size:12px}.app-shell .empty-state:hover,.app-shell .drag-over .empty-state{background:#1b1b1b;border-color:#ddd}.app-shell .viewer.drag-over{outline-offset:-3px;outline:2px solid #ddd}.app-shell .transport{flex:0 0 40px;grid-template-columns:32px 32px 44px minmax(0,1fr) 44px 32px 32px;gap:5px;min-height:40px;padding:0}.app-shell .transport .icon-button{width:32px;height:32px}.app-shell .transport button:nth-of-type(2),.app-shell .transport .timecode:first-of-type{display:grid}.app-shell .keyframe-strip{border-top:1px solid #2b2b2b;flex-direction:column;flex:0 0 136px;gap:8px;min-height:0;padding:8px 0 0;display:flex}.app-shell .keyframe-strip-heading{color:#aaa;justify-content:space-between;align-items:center;font-size:12px;display:flex}.app-shell .keyframe-strip-heading h2{color:#eee;margin:0;font-size:13px;font-weight:550}.app-shell .keyframe-strip .keyframe-list{flex:1;min-height:0;overflow:auto hidden}.app-shell .keyframe-strip .keyframe-list figure{flex:0 0 138px}.app-shell .keyframe-strip .keyframe-list img{aspect-ratio:auto;height:70px}.app-shell .keyframe-strip .keyframe-list figcaption{height:25px}.app-shell .keyframe-strip .keyframe-add{min-height:95px}.app-shell .preview-toolbar{border-top:1px solid #2b2b2b;flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding-top:4px;display:flex}.app-shell .preview-switch{background:0 0;border:0;flex:0 0 186px;padding:0}.app-shell .preview-switch button{color:#aaa;background:0 0;border-bottom:1px solid #0000;border-radius:0;min-height:28px}.app-shell .preview-switch button.active{color:#fff;background:0 0;border-bottom-color:#ddd}.app-shell .preview-split{color:#aaa;align-items:center;gap:8px;min-width:0;max-width:100%;font-size:11px;display:flex}.app-shell .preview-split input{width:100px}.app-shell .media-strip{color:#aaa;flex:none;font-size:10px}.app-shell .media-facts{flex-wrap:wrap;gap:4px 10px;display:flex}.app-shell .workspace-messages{scrollbar-width:thin;flex:0 auto;max-height:min(110px,22%);overflow:auto}.app-shell .workspace-messages:empty{display:none}.app-shell .message{color:#ddd;background:#202020;border-color:#aaa;min-height:36px;padding:8px 10px;font-size:12px}.app-shell .error-message,.app-shell .message.error{color:#f1c9bf;background:#291e1b;border-color:#c78570}.app-shell .progress-message{color:#eed5a1;background:#282319;border-color:#c1a366}.app-shell .success-message{color:#eee;background:#242424;border-color:#bbb}.app-shell .control-panel:not(.b-panel),.app-shell .b-inspector{background:var(--studio-surface);border:0;border-left:1px solid #303030;border-radius:0;min-height:0;max-height:none;margin:0;padding:0}.app-shell .a-flow{flex-direction:column;grid-area:1/2;gap:0;display:flex;overflow:hidden}.app-shell .a-flow .stage-tabs{background:#121212;border-color:#303030;flex:0 0 48px;align-items:stretch;gap:4px;width:100%;height:48px;margin:0;padding:0 12px;position:static}.app-shell .stage-tabs button{color:#aaa;flex:1;justify-content:center;gap:5px;height:auto;padding:0 4px;font-size:11px}.app-shell .stage-tabs button span{color:#999;border:0;width:auto;height:auto;font-size:10px}.app-shell .stage-tabs button.active{color:#fff;border-bottom-color:#eee}.app-shell .stage-tabs button.active span{color:#eee}.app-shell .a-step{scrollbar-width:thin;overscroll-behavior:contain;flex:1;min-height:0;padding:20px;overflow:auto}.app-shell .workflow-panel{flex-direction:column;gap:18px;min-height:100%;display:flex}.app-shell .panel-heading{min-height:24px}.app-shell .panel-heading h2{font-size:14px;font-weight:550}.app-shell .panel-heading span,.app-shell .section-label{color:#999;font-size:11px}.app-shell .panel-intro p{color:#aaa;font-size:12px}.app-shell .panel-section{border-color:#303030;flex-direction:column;gap:12px;display:flex}.app-shell .panel-footer{border-color:#303030;margin-top:auto;padding-top:16px}.app-shell .recipe-actions{gap:10px;display:grid}.app-shell .recipe-revision{color:#aaa;align-items:baseline;gap:10px;font-size:11px;display:flex}.app-shell .recipe-revision strong{color:#ddd;font-weight:500}.app-shell .consent-row{color:#aaa;font-size:11px}.app-shell .consent-row svg{color:#ccc}.app-shell .command{white-space:normal;color:#eee;background:#242424;border-color:#454545;min-height:36px;font-size:12px}.app-shell .command.secondary{background:#1b1b1b}.app-shell .command:hover:not(:disabled){background:#303030;border-color:#aaa}.app-shell .command.primary{color:#111;background:#eee;border-color:#eee}.app-shell .command.primary:hover:not(:disabled){background:#fff;border-color:#fff}.app-shell .command.danger{color:#e2aaa0;background:#271d1b;border-color:#68463f}.app-shell .keyframe-empty,.app-shell .b-trial-empty{color:#bbb;background:#1a1a1a;border:1px dashed #404040;border-radius:6px;gap:10px;min-height:0;padding:18px;display:grid}.app-shell .keyframe-empty strong,.app-shell .b-trial-empty strong{color:#ddd;font-size:13px}.app-shell .keyframe-empty span,.app-shell .b-trial-empty span{font-size:12px}.app-shell .keyframe-list{scrollbar-width:thin;flex:none;gap:8px;width:100%;max-height:none;padding:2px 2px 8px;display:flex;overflow-x:auto}.app-shell .keyframe-list:empty{display:none}.app-shell .keyframe-list figure{background:#171717;border-color:#404040;flex:0 0 138px}.app-shell .keyframe-list .keyframe-add{color:#ccc;cursor:pointer;background:#1c1c1c;border:1px dashed #555;border-radius:4px;flex:0 0 96px;place-content:center;justify-items:center;gap:8px;font-size:11px;display:grid}.app-shell .material-frame-note{color:#a9a9a9;margin:0;font-size:13px;line-height:1.6}.app-shell .field{color:#bbb}.app-shell .field :is(textarea,input,select){color:#eee;background:#1d1d1d;border-color:#414141}.app-shell .field textarea{min-height:120px;font-size:13px;line-height:1.65}.app-shell .field textarea.compact{min-height:76px}.app-shell :is(input,textarea)::placeholder{color:#969696}.app-shell .mode-switch{background:#1c1c1c;border:1px solid #303030;border-radius:5px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.app-shell .mode-switch button{color:#aaa;background:0 0;border:0;border-radius:3px}.app-shell .mode-switch button.active{color:#fff;background:#353535}.app-shell .generation-blocked{color:#b5b5b5;margin:0 0 10px;font-size:12px}.app-shell .control-row{color:#bbb}.app-shell .control-row output,.app-shell .b-controls output{color:#ddd}.app-shell .recipe-panel .effective-values{background:0 0;border:0;gap:0;padding:0;display:block;overflow:visible}.app-shell .recipe-panel .effective-values-heading{background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:42px;margin:0;padding:0;display:grid}.app-shell .recipe-panel .effective-values-heading strong{color:#f1f1f1;letter-spacing:.01em;font-size:13px}.app-shell .recipe-panel .effective-values-heading small{color:#929292}.app-shell .recipe-panel .parameter-reset,.app-shell .recipe-panel .parameter-edit{color:#92979a;justify-content:center;gap:5px;min-height:32px;padding-inline:7px;font-size:11px}.app-shell .recipe-panel .parameter-reset:hover,.app-shell .recipe-panel .parameter-edit:hover:not(:disabled){color:#f0f1f1}.app-shell .recipe-panel .parameter-editor{background:0 0;gap:0;padding:2px 0 12px;display:grid}.app-shell .recipe-panel .parameter-group{background:0 0;border:0;gap:0;margin-top:20px;padding:0;display:grid}.app-shell .recipe-panel .parameter-group:first-child{margin-top:0}.app-shell .recipe-panel .parameter-group-heading{border:0;align-items:center;min-height:20px;margin:0 0 8px;padding:0;display:flex}.app-shell .recipe-panel .parameter-group-heading strong{color:#71717a;letter-spacing:.04em;font-size:11px;font-weight:500}.app-shell .recipe-panel .parameter-control{box-sizing:border-box;border:0;min-width:0;height:32px;min-height:32px;padding:0;display:block}.app-shell .recipe-panel .parameter-control .control-row{align-items:center;gap:10px;height:32px;min-height:32px;display:flex}.app-shell .recipe-panel .parameter-label{color:#a9adaf;flex:0 0 58px;align-items:center;min-width:0;font-size:11px;display:flex}.app-shell .recipe-panel .parameter-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-shell .recipe-panel .parameter-range{background:0 0;flex:auto;align-items:center;min-width:0;height:32px;display:flex;position:relative}.app-shell .recipe-panel .parameter-track{inset-inline:0;pointer-events:none;background:#ffffff1f;border-radius:2px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.app-shell .recipe-panel .parameter-range input[type=range]{z-index:1;appearance:none;width:100%;height:32px;box-shadow:none;cursor:pointer;background:0 0;border:0;outline:none;margin:0;position:relative}.app-shell .recipe-panel .parameter-control[data-tone=hue]{--parameter-track-height:2px}.app-shell .recipe-panel .parameter-control[data-tone=hue] .parameter-track{background:linear-gradient(90deg,#f43f5e,#f59e0b,#facc15,#4ade80,#22d3ee,#3b82f6,#a855f7,#f43f5e);height:2px}.app-shell .recipe-panel .parameter-control[data-tone=temperature] .parameter-track{background:linear-gradient(90deg,#164e63,#3b82f6 28%,#64748b 48%,#d6a66d 68%,#f59e0b)}.app-shell .recipe-panel .parameter-control[data-tone=tint] .parameter-track{background:linear-gradient(90deg,#86b9a3,#a7d6bd 28%,#a1a1aa 50%,#e8b4c8 72%,#f2a7c4)}.app-shell .recipe-panel .parameter-range input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:2px;height:2px}.app-shell .recipe-panel .parameter-range input[type=range]::-moz-range-track{height:2px;box-shadow:none;background:0 0;border-radius:2px}.app-shell .recipe-panel .parameter-range input[type=range]::-moz-range-progress{background:0 0;border-radius:2px;height:2px}.app-shell .recipe-panel .parameter-range input[type=range]::-webkit-slider-thumb{width:11px;height:11px;box-shadow:none;-webkit-appearance:none;background:#fff;border:0;border-radius:50%;margin-top:-4px}.app-shell .recipe-panel .parameter-range input[type=range]::-moz-range-thumb{width:11px;height:11px;box-shadow:none;background:#fff;border:0;border-radius:50%}.app-shell .recipe-panel .parameter-range input[type=range]:focus,.app-shell .recipe-panel .parameter-range input[type=range]:focus-visible{box-shadow:none;outline:none}.app-shell .recipe-panel .parameter-range input[type=range]:disabled::-webkit-slider-thumb{box-shadow:none}.app-shell .recipe-panel .parameter-range input[type=range]:disabled::-moz-range-thumb{box-shadow:none}.app-shell .recipe-panel .parameter-range input[type=range]:disabled{cursor:not-allowed}:is(.app-shell .recipe-panel .parameter-control:has(.parameter-range input:focus-visible) .parameter-label,.app-shell .recipe-panel .parameter-control:has(.parameter-number:focus-visible) .parameter-label){color:#f1f1f1}.app-shell .recipe-panel .parameter-control:has(.parameter-range input:focus-visible) .parameter-track{opacity:.82}.app-shell .recipe-panel .parameter-value{box-sizing:border-box;color:#e4e4e7;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;background:0 0;border:0;border-radius:0;flex:0 0 68px;justify-content:flex-end;align-items:center;gap:4px;width:68px;min-width:0;height:32px;padding:0;font:12px/1 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.app-shell .recipe-panel .parameter-value.is-invalid{color:#f0c4bd}.app-shell .recipe-panel .parameter-number{box-sizing:border-box;width:6ch;min-width:0;height:32px;color:inherit;text-align:right;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;outline:none;flex:0 auto;padding:0}.app-shell .recipe-panel .parameter-number:focus,.app-shell .recipe-panel .parameter-number:focus-visible{box-shadow:none;outline:none}.app-shell .recipe-panel .parameter-value small{color:#71717a;white-space:nowrap;flex:none;font:10px/1 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-shell .recipe-panel .parameter-hue-dot{background:var(--hue-color);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.app-shell .recipe-panel .parameter-number[aria-invalid=true]{color:#f0c4bd}.app-shell .recipe-panel .parameter-control[data-disabled=true]{opacity:.52}.app-shell .recipe-panel .parameter-control[data-disabled=true] .parameter-label{color:#969696}.app-shell .recipe-panel .parameter-error{color:#e59b92;margin:0;font-size:10px;line-height:1.35}.app-shell .recipe-panel .parameter-control:has(.parameter-error){height:auto}.app-shell .recipe-panel .effective-values:not(:has(.parameter-editor)) .effective-value-row{border:0;min-height:30px;padding:0 14px}.app-shell .recipe-panel .effective-values:not(:has(.parameter-editor)) .effective-value-row:last-child{border:0}.app-shell .job-status{background:#1a1a1a;border-color:#3c3c3c;min-height:156px}.app-shell .job-progress-kicker{color:#8f8f8f}.app-shell .job-progress-copy strong{color:#fff}.app-shell .job-progress-detail{color:#aaa}.app-shell .job-progress-value{color:#f1f1f1}.app-shell .job-progress-track{background:#303030}.app-shell .job-progress-track>span{background:linear-gradient(90deg,#d5d5d5 0%,#f3e4aa 100%);box-shadow:0 0 14px #eeeeee29}.app-shell .style-tag{color:#eee;background:#303030}.app-shell .effective-values,.app-shell .effective-value-row{background:0 0;border-color:#303030}.app-shell .effective-value-row output{color:#ddd}.app-shell .recommendation-summary{border-color:#aaa}.app-shell .b-panel{border:0;border-left:1px solid var(--studio-line);background:var(--studio-surface);flex-direction:column;grid-area:1/2;gap:0;min-height:0;max-height:none;padding:0;display:flex;overflow:hidden}.app-shell .b-mobile-tabs{border-bottom:1px solid var(--studio-line);flex:0 0 52px;gap:10px;padding:0 18px;display:flex}.app-shell .b-mobile-tabs button{color:#aaa;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;min-width:0;font-size:13px}.app-shell .b-mobile-tabs button[aria-pressed=true]{color:#fff;border-bottom-color:#eee;font-weight:600}.app-shell .b-inspector{scrollbar-width:thin;overscroll-behavior:contain;border:0;flex:1;width:auto;min-height:0;padding:22px;overflow:auto}.app-shell .b-controls{background:0 0;border:0;gap:14px;padding:0;display:grid}.app-shell .b-selected{border-bottom:1px solid #303030;gap:8px;padding-bottom:14px;display:grid}.app-shell .b-selected strong{color:#eee;font-size:18px}.app-shell .b-style-traits{flex-wrap:wrap;gap:6px;display:flex}.app-shell .b-selected .b-style-traits span{color:#ddd;border:1px solid #fff2;border-radius:999px;padding:3px 10px;font-size:12px;line-height:1.4}.app-shell .b-selected .b-style-suits,.app-shell .b-selected span,.app-shell .panel-note,.app-shell .b-selection-details small{color:#aaa;font-size:12px}.app-shell .b-controls .control-row{grid-template-columns:42px minmax(40px,1fr) 68px}.app-shell .b-save-notice,.app-shell .b-loading{color:#bbb;font-size:12px}.app-shell .b-selection-details summary{color:#bbb;cursor:pointer}.app-shell .b-selection-details small{margin-top:8px;display:block}.app-shell .b-browser{background:var(--studio-surface);flex:1;min-height:0;padding:0;overflow:hidden}.app-shell .b-library-body{flex-direction:column;gap:12px;height:100%;min-height:0;padding:18px 18px 12px;display:flex}.app-shell .b-browser-heading{flex:none;gap:12px;display:grid}.app-shell .b-browser-title{color:#eee;justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;display:flex}.app-shell .b-browser-title span{color:#aaa;font-variant-numeric:tabular-nums;font-size:12px}.app-shell .b-search-row{align-items:center;gap:8px;display:flex}.app-shell .b-search{background:#1d1d1d;border:1px solid #414141;border-radius:4px;flex:1;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:flex}.app-shell .b-search input{color:#eee;background:0 0;border:0;outline:none;width:100%;min-width:0;height:40px;font-size:13px}.app-shell .b-filter-toggle{border:1px solid #414141;border-radius:4px;flex:0 0 42px;width:42px;height:42px;position:relative}.app-shell .b-filter-toggle[aria-pressed=true]{background:#303030;border-color:#ddd}.app-shell .b-filter-toggle span{color:#111;background:#eee;border-radius:9px;min-width:18px;padding:0 3px;font-size:11px;position:absolute;top:-7px;right:-5px}.app-shell .b-active-filters{flex-wrap:wrap;gap:6px;max-height:72px;display:flex;overflow:auto}.app-shell .b-active-filters button{color:#ddd;cursor:pointer;background:#292929;border:1px solid #555;border-radius:3px;min-height:28px;padding:3px 8px;font-size:12px}.app-shell .b-browser-content{flex-direction:column;flex:1;min-height:0;display:flex}.app-shell .b-labels{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;flex:1;min-height:0;padding-right:8px;overflow:auto}.app-shell .b-filter-heading{color:#bbb;align-items:center;gap:8px;min-height:40px;font-size:13px;display:flex}.app-shell .b-filter-heading>span{color:#999;margin-left:auto;font-size:12px}.app-shell .b-filter-heading .icon-button{width:32px;height:32px}.app-shell .b-labels details{border-bottom:1px solid #303030}.app-shell .b-labels summary{color:#ddd;cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:7px 0;font-size:13px;display:flex}.app-shell .b-label-grid{flex-wrap:wrap;gap:6px;display:flex}.app-shell .b-label-grid :is(button,span){color:#bbb;background:#202020;border:1px solid #414141;border-radius:4px;min-height:32px;padding:5px 8px;font-size:12px}.app-shell .b-label-grid button.active{color:#fff;background:#363636;border-color:#ddd}.app-shell .b-quick-filters{flex-wrap:wrap;gap:6px;display:flex}.app-shell .b-quick-filters button{color:#ccc;cursor:pointer;background:#1d1d1d;border:1px solid #414141;border-radius:999px;flex:none;min-height:32px;padding:4px 12px;font-size:12px}.app-shell .b-quick-filters button.active{color:#fff;background:#363636;border-color:#ddd}.app-shell .b-quick-filters .b-more-filters{color:#aaa;border-style:dashed;align-items:center;gap:2px;display:inline-flex}.app-shell .b-active-filters>span{color:#999;align-self:center;font-size:12px}.app-shell .b-active-filters .b-clear-filters,.app-shell .b-filter-heading .b-clear-filters{color:#d8d8d8;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:3px 4px;font-size:12px;text-decoration:underline}.app-shell .b-filter-heading strong{color:#eee;font-size:15px;font-weight:600}.app-shell .b-filter-heading .b-clear-filters{margin-left:auto}.app-shell .b-filter-group{border-bottom:1px solid #262626;padding:12px 0 4px}.app-shell .b-filter-group h3{color:#999;margin:0 0 8px;font-size:12px;font-weight:500}.app-shell .b-filter-group .b-label-grid button{border-radius:999px;padding:5px 12px}.app-shell .b-filter-group .b-label-grid button span{color:#777;background:0 0;border:0;min-height:0;margin-left:6px;padding:0;font-size:11px}.app-shell .b-filter-group .b-label-grid button.active span{color:#cfcfcf}.app-shell .b-filter-group .b-label-grid button.empty{opacity:.38;cursor:default}.app-shell .b-filter-footer{background:linear-gradient(#0000,#111 30%);padding:12px 0 4px;position:sticky;bottom:0}.app-shell .b-library-list{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;max-height:none;padding:1px 6px 4px 1px;display:flex;overflow:auto}.app-shell .b-library-item{background:#1c1c1c;border:1px solid #393939;border-radius:5px;flex:none;align-items:center;gap:10px;width:100%;min-height:76px;padding:12px;display:flex}.app-shell .b-library-item.selected{background:#303030;border-color:#ddd}.app-shell .b-library-item:hover:not(:disabled){background:#292929;border-color:#888}.app-shell .b-item-copy{flex:1;gap:7px;min-width:0;display:grid}.app-shell .b-library-item strong{color:#eee;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.35}.app-shell .b-item-tags{flex-wrap:wrap;gap:4px;display:flex}.app-shell .b-item-tags small{color:#bbb;background:#303030;border-radius:3px;padding:2px 5px;font-size:11px}.app-shell .b-item-action{color:#ddd;flex:0 0 40px;justify-items:center;gap:3px;font-size:11px;display:grid}.app-shell .b-no-results{text-align:center;color:#aaa;padding:20px 12px}.app-shell .b-no-results strong{color:#ddd;display:block}.app-shell .b-no-results p,.app-shell .library-footnote{color:#999;margin:4px 0 0;font-size:11px}.app-shell .library-footnote{flex:none}.app-shell .b-drawer-handle{display:none}.app-shell .export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .delete-selection{color:#d7aaa0}@media (width<=900px){.app-shell .topbar{flex-wrap:wrap;flex:0 0 84px;gap:4px 10px;height:84px;padding:7px 14px}.app-shell .brand h1{font-size:18px}.app-shell .topbar-actions{margin-left:auto}.app-shell .topbar-actions .command{min-height:32px;padding:0 8px;font-size:11px}.app-shell .design-toggle-inline{min-height:32px;padding:0 7px}.app-shell .design-toggle-inline span{display:none}.app-shell .channel-switch{background:0 0;border:0;order:3;width:100%;margin:0;padding:0}.app-shell .channel-switch button{min-height:28px}.app-shell .workspace{grid-template-rows:minmax(0,min(360px,46%)) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.app-shell[data-channel=a][data-has-video=true] .workspace{grid-template-rows:minmax(0,min(440px,55%)) minmax(0,1fr)}.app-shell .viewer-column{gap:4px;padding:8px 12px}.app-shell .viewer-heading{flex-basis:18px;font-size:10px}.app-shell .empty-state{border-radius:8px;gap:6px;width:min(420px,90%);padding:10px}.app-shell .empty-state>svg{display:none}.app-shell .empty-state strong{font-size:13px}.app-shell .empty-state>span{font-size:10px}.app-shell .empty-state .command{min-height:30px;font-size:11px}.app-shell .transport{flex-basis:32px;grid-template-columns:28px 28px 36px minmax(0,1fr) 36px 28px 28px;gap:2px;min-height:32px}.app-shell .transport .icon-button{width:28px;height:28px}.app-shell .keyframe-strip{flex-basis:112px;gap:4px;padding-top:4px}.app-shell .keyframe-strip .keyframe-list figure{flex-basis:112px}.app-shell .keyframe-strip .keyframe-list img{height:48px}.app-shell .keyframe-strip .keyframe-add{flex-basis:82px;min-height:75px}.app-shell .timecode{font-size:10px}.app-shell .preview-toolbar{gap:4px;padding-top:2px}.app-shell .preview-switch{flex-basis:150px}.app-shell .preview-switch button{min-height:24px;font-size:10px}.app-shell .preview-split{flex:1;gap:4px;font-size:10px}.app-shell .preview-split input{flex:1;width:55px}.app-shell .media-strip{display:none}.app-shell .workspace-messages{max-height:50px}.app-shell .message{padding:5px 8px;font-size:10px}.app-shell .job-status{gap:13px;min-height:144px;padding:12px}.app-shell .job-progress-summary{gap:10px;min-height:50px}.app-shell .job-progress-value{font-size:32px}.app-shell .job-progress-detail{font-size:10px}.app-shell .a-flow{border-top:1px solid #303030;border-left:0;grid-area:2/1}.app-shell .a-step{padding:16px 16px max(16px, env(safe-area-inset-bottom))}.app-shell .workflow-panel{gap:14px}.app-shell .b-panel{background:#121212;border:0;border-top:1px solid #303030;flex-direction:column;grid-area:2/1;gap:0;min-height:0;max-height:none;padding:0;display:flex;overflow:hidden}.app-shell .b-mobile-tabs{border-bottom:1px solid #303030;flex:0 0 42px;gap:8px;padding:0 14px;display:flex}.app-shell .b-mobile-tabs button{color:#aaa;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-size:12px}.app-shell .b-mobile-tabs button[aria-pressed=true]{color:#fff;border-bottom-color:#ddd}.app-shell .b-inspector{border:0;flex:1;min-height:0;padding:16px}.app-shell .b-browser{border:0;flex:1;min-height:0}.app-shell .b-library-body{padding:12px}.app-shell .b-browser-content{flex-direction:column;display:flex}.app-shell .b-labels{padding-right:8px}.app-shell .b-filter-heading{flex-wrap:wrap;gap:4px}.app-shell .b-filter-heading>span{margin:0}.app-shell .b-library-list{flex-direction:column;display:flex}.app-shell .recipe-panel .parameter-editor{padding-inline:0}.app-shell[data-keyboard-open]{height:var(--keyboard-height)}.app-shell[data-keyboard-open] .workspace,.app-shell[data-keyboard-open][data-channel=a][data-has-video=true] .workspace{grid-template-rows:minmax(0,110px) minmax(0,1fr)}.app-shell[data-keyboard-open] .viewer-heading,.app-shell[data-keyboard-open] .preview-toolbar,.app-shell[data-keyboard-open] .transport,.app-shell[data-keyboard-open] .workspace-messages,.app-shell[data-keyboard-open] .keyframe-strip,.app-shell[data-keyboard-open] .empty-state>span{display:none}}@media (width<=420px){.app-shell .recipe-panel .effective-values-heading{grid-template-columns:minmax(0,1fr) auto auto;gap:3px;padding-inline:0}.app-shell .recipe-panel .parameter-reset,.app-shell .recipe-panel .parameter-edit{gap:3px;padding-inline:4px;font-size:10px}.app-shell .recipe-panel .parameter-editor{padding-inline:0}.app-shell .recipe-panel .parameter-control .control-row{gap:7px}.app-shell .recipe-panel .parameter-label{flex-basis:54px;font-size:10px}.app-shell .recipe-panel .parameter-value{flex-basis:68px;width:68px}.app-shell .recipe-panel .parameter-error{margin-left:0}}@media (width<=900px) and (height<=600px){.app-shell .workspace,.app-shell[data-channel=a][data-has-video=true] .workspace{grid-template-rows:minmax(0,110px) minmax(0,1fr)}.app-shell .viewer-column{scrollbar-width:thin;overflow-y:auto}.app-shell .viewer{flex:0 0 72px;height:auto}.app-shell .empty-state{gap:2px;padding:4px}.app-shell .empty-state>span{display:none}.app-shell .empty-state .command{min-height:22px;padding:0 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.app-shell *,.app-shell :before,.app-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hero-title-line{font-style:normal}.hero-title-ink{color:inherit}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero-title-line:not([data-title-effect=solid])>.hero-title-ink{background-image:linear-gradient(180deg, #fffefa 0%, #e8e9e9 48%, var(--title-silver-end) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title-line[data-title-effect=accent]>.hero-title-accent{background-image:linear-gradient(110deg, var(--title-accent-start), var(--title-accent-end))}}.hero-copy h1{letter-spacing:-.012em;text-shadow:0 2px 20px #00000038;line-height:1.14}.hero-lede{color:#d1d0ce;margin-top:26px;font-weight:400}.hero-actions{margin-top:32px}.hero-cta{color:#141414;background:#f3f1ed;border-color:#f3f1ed}.hero-cta:hover,.hero-cta:focus-visible{background:#fff}@media (forced-colors:active){.hero-title-line>.hero-title-ink{color:canvastext!important;-webkit-text-fill-color:CanvasText!important;background:0 0!important}}:root{--motion-press:.12s;--motion-control:.22s;--motion-view:.34s;--motion-out:.17s;--motion-enter-ease:cubic-bezier(.2,.7,.2,1);--motion-exit-ease:cubic-bezier(.4,0,1,1)}.design-live,.page-view{height:var(--viewport-height);overflow:clip}.page-view[hidden]{display:none!important}.page-view[data-motion-state=enter]{z-index:1;animation:page-enter var(--motion-view) var(--motion-enter-ease) both;position:relative}.page-view[data-motion-state=exit]{z-index:0;pointer-events:none;width:100%;animation:page-exit var(--motion-out) var(--motion-exit-ease) both;position:fixed;inset:0}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.landing-shell :is(.hero-cta,.text-button,.brand-home),.app-shell :is(button,.command,summary,.empty-state){transition:color var(--motion-control) ease, background-color var(--motion-control) ease, border-color var(--motion-control) ease, box-shadow var(--motion-control) ease, opacity var(--motion-control) ease, transform var(--motion-press) ease}.landing-shell :is(button,.brand-home):active,.app-shell :is(button,.command):active:not(:disabled){transition-duration:var(--motion-press);transform:scale(.97)}.landing-shell :is(button,.brand-home):focus-visible{outline-offset:3px;outline:2px solid #fff}.landing-shell .hero-cta svg{transition:transform var(--motion-control) var(--motion-enter-ease)}.landing-shell .hero-cta:hover svg,.landing-shell .hero-cta:focus-visible svg{transform:translate(3px)}.app-shell .workspace{position:relative}.app-shell :is(.a-flow,.b-panel)[data-motion-state=enter]{z-index:2;animation:side-enter var(--motion-view) var(--motion-enter-ease) both;position:relative}.app-shell :is(.a-flow,.b-panel)[data-motion-state=exit]{z-index:1;pointer-events:none;animation:side-exit var(--motion-out) var(--motion-exit-ease) both}@keyframes side-enter{0%{transform:translate(10px)}to{transform:translate(0)}}@keyframes side-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-6px)}}.app-shell .a-flow,.app-shell .b-panel{position:relative}.app-shell .a-step[data-motion-state=enter],.app-shell :is(.b-inspector,.b-browser)[data-motion-state=enter]{z-index:2;background:var(--studio-surface);animation:panel-enter var(--motion-view) var(--motion-enter-ease) both;position:relative}.app-shell .a-step[data-motion-state=exit]{pointer-events:none;animation:panel-exit var(--motion-out) var(--motion-exit-ease) both;position:absolute;inset:48px 0 0}.app-shell :is(.b-inspector,.b-browser)[data-motion-state=exit]{pointer-events:none;animation:panel-exit var(--motion-out) var(--motion-exit-ease) both;position:absolute;inset:52px 0 0}.app-shell .a-step[data-motion-direction="-1"]{--panel-offset:-9px}@keyframes panel-enter{0%{transform:translateX(var(--panel-offset,9px))}to{transform:translate(0)}}@keyframes panel-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(calc(var(--panel-offset,9px) * -.65))}}.app-shell .channel-switch{position:relative}.app-shell .channel-switch:before{content:"";width:calc(50% - 3px);transform:translateX(calc(var(--channel-index) * 100%));transition:transform var(--motion-control) var(--motion-enter-ease);pointer-events:none;background:#303030;border-radius:3px;position:absolute;top:3px;bottom:3px;left:3px}.app-shell .channel-switch button{z-index:1;position:relative}.app-shell .channel-switch button.active{background:0 0}.app-shell .a-flow .stage-tabs{position:relative}.app-shell .a-flow .stage-tabs:after{content:"";width:calc(33.3333% - 10.6667px);height:2px;transform:translateX(calc(var(--stage-index) * (100% + 4px)));transition:transform var(--motion-control) var(--motion-enter-ease);pointer-events:none;background:#eee;position:absolute;bottom:0;left:12px}.app-shell .stage-tabs button.active{border-bottom-color:#0000}.app-shell .b-mobile-tabs{position:relative}.app-shell .b-mobile-tabs:after{content:"";width:calc(50% - 23px);height:2px;transform:translateX(calc((1 - var(--library-index)) * (100% + 10px)));transition:transform var(--motion-control) var(--motion-enter-ease);pointer-events:none;background:#eee;position:absolute;bottom:0;left:18px}.app-shell .b-mobile-tabs[data-library-open=true]{--library-index:1}.app-shell .b-mobile-tabs[data-library-open=false]{--library-index:0}.app-shell .b-mobile-tabs button[aria-pressed=true]{border-bottom-color:#0000}.app-shell .b-library-item{transition:background-color var(--motion-control) ease, border-color var(--motion-control) ease, transform var(--motion-press) ease}.app-shell .b-library-item.pending{background:#292929;border-color:#bbb}.app-shell .b-library-item.selected .b-item-action{color:#fff}.app-shell .b-labels[data-motion-state=enter],.app-shell .message,.app-shell .b-active-filters{animation:feedback-enter var(--motion-control) var(--motion-enter-ease) both}@keyframes feedback-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.app-shell :is(.b-inspector,.b-browser)[data-motion-state=exit]{top:42px}.app-shell .b-mobile-tabs:after{width:calc(50% - 18px);transform:translateX(calc((1 - var(--library-index)) * (100% + 8px)));left:14px}}@media (prefers-reduced-motion:reduce){.page-view,.landing-shell *,.landing-shell :before,.landing-shell :after{transition:none!important;animation:none!important}.page-view[data-motion-state=exit]{display:none!important}}.landing-trust{text-align:center}.landing-trust>span{font-size:12px;line-height:1.6}.landing-footer{z-index:1;inset:auto 0 max(20px, env(safe-area-inset-bottom));gap:8px;padding-inline:12px;display:grid;position:absolute}.landing-footer .landing-trust{margin:0;position:static}.legal-footer{color:#ffffff8c;letter-spacing:.02em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;min-width:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.6;display:flex}.legal-footer-primary{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.legal-footer-primary>span:first-child{white-space:nowrap}.legal-footer-separator{opacity:.4}.legal-footer a{min-width:0;max-width:100%;color:inherit;overflow-wrap:anywhere;text-decoration:none;transition:color .2s}.legal-footer a:hover,.legal-footer a:focus-visible{color:#ffffffd9}.legal-footer a:focus-visible{outline-offset:3px;border-radius:2px;outline:1px solid}.legal-footer-police{align-items:center;gap:4px;display:inline-flex}.legal-footer-police:before{content:"·";color:#ffffff38;margin-right:4px}.legal-footer-police img{flex-shrink:0;width:auto;height:13px;display:block}.legal-footer-police span{min-width:0}@media (width<=560px){.legal-footer{flex-direction:column}.legal-footer-police:before{content:none}.design-surface:has(.page-view:not([hidden])>.landing-shell)>.design-toggle{top:76px;bottom:auto;right:12px}}.hero-title-accent{white-space:nowrap}.auth-home-link{margin-top:8px}.auth-panel .auth-label-row .text-button{min-height:44px}.auth-panel .text-button,.account-popover .text-button{transition:color var(--motion-control) ease, background-color var(--motion-control) ease}.app-shell .topbar{z-index:5;position:relative}.app-shell .landing-account{max-width:240px}.app-shell .account-trigger .landing-email{max-width:160px}.app-shell .account-popover{width:min(300px,100vw - 28px)}.app-shell .account-popover .text-button{min-height:44px}.app-shell .credit-cost{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-shell .workspace-messages{flex-shrink:0;max-height:110px;overflow-y:auto}.app-shell .consent-row:has(span:empty){display:none}@media (width<=360px){.hero-copy h1{font-size:35px}}@media (height<=650px){:is(.design-live:has(.page-view:not([hidden])>.landing-shell),.page-view:has(>.landing-shell)){height:auto;min-height:var(--viewport-height);overflow:visible}.landing-shell{height:auto;min-height:var(--viewport-height);flex-direction:column;display:flex}.landing-hero{flex:1;min-height:0;padding-block:32px}.hero-copy{transform:none}.landing-trust{margin:0 var(--page-gutter) max(24px, env(safe-area-inset-bottom));position:relative;inset:auto}.landing-footer{padding-bottom:max(20px, env(safe-area-inset-bottom));flex-shrink:0;margin-top:auto;position:relative;inset:auto}}@media (width<=900px){.app-shell .topbar{flex-basis:110px;height:110px}.app-shell :is(.command,.icon-button,.text-button,.channel-switch button,.preview-switch button,.b-label-grid button,.b-active-filters button,.mode-switch button,.account-trigger){min-height:44px}.app-shell .icon-button,.app-shell .transport .icon-button,.app-shell .b-filter-heading .icon-button{width:44px;height:44px}.app-shell .topbar-actions{gap:6px}.app-shell .topbar-actions .import-video{width:44px;padding:0}.app-shell .import-video>span{display:none}.app-shell .design-toggle-inline{min-width:44px;min-height:44px}.app-shell .empty-state .command{min-height:44px}.app-shell .account-trigger{gap:5px;padding:8px}.app-shell .account-trigger .landing-email{display:none}.app-shell .account-mobile-label{display:inline}.app-shell .transport{flex-basis:44px;grid-template-columns:44px 44px 30px minmax(0,1fr) 30px 44px 44px;gap:0;min-height:44px}.app-shell .preview-toolbar{flex-wrap:nowrap}.app-shell .preview-switch{flex-basis:150px}.app-shell .preview-split input{min-height:44px}.app-shell .b-mobile-tabs{flex-basis:48px;min-height:48px}.app-shell :is(.b-inspector,.b-browser)[data-motion-state=exit]{top:48px}.app-shell .workspace{grid-template-rows:minmax(0,min(340px,46%)) minmax(0,1fr)}.app-shell[data-channel=a][data-has-video=true] .workspace{grid-template-rows:minmax(0,min(480px,66%)) minmax(0,1fr)}.app-shell .viewer-column{scrollbar-width:thin;overflow-y:auto}.app-shell .viewer.has-video{min-height:100px}.app-shell .keyframe-strip{flex-basis:126px}.app-shell .keyframe-strip .keyframe-list figcaption{height:44px}.app-shell .workspace-messages{max-height:80px}}@media (width<=900px) and (height<=600px){.app-shell .workspace,.app-shell[data-channel=a][data-has-video=true] .workspace{grid-template-rows:130px minmax(320px,1fr);overflow-y:auto}.app-shell .viewer{flex-basis:86px}}@media (width<=900px){.app-shell[data-keyboard-open] .workspace,.app-shell[data-keyboard-open][data-channel=a][data-has-video=true] .workspace{grid-template-rows:110px minmax(320px,1fr);overflow-y:auto}}@media (prefers-reduced-motion:reduce){.landing-shell :is(button,.brand-home):active,.landing-shell .hero-cta:hover,.landing-shell .hero-cta:focus-visible,.landing-shell .hero-cta svg,.app-shell :is(button,.command):active:not(:disabled){transform:none}.auth-panel .text-button,.account-popover .text-button{transition:none}}.auth-password-input input::-ms-reveal{display:none}.landing-account .account-trigger,.app-shell .account-trigger{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;padding:0;display:grid}.account-avatar{color:#e2e5e6;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:36px;height:36px;transition:background-color .22s,border-color .22s;display:grid}.account-trigger:hover .account-avatar,.account-trigger[aria-expanded=true] .account-avatar{background:#ffffff19;border-color:#ffffff50}.account-trigger:active .account-avatar{background:#ffffff26;transition-duration:.12s}.account-popover{background:#15161bf5;border-color:#ffffff20}.account-center{color:#f0f0f2;background:#111217fa;border:1px solid #ffffff24;border-radius:16px;width:min(920px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;box-shadow:0 24px 90px #0008}.account-center[open]{flex-direction:column;display:flex}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.account-center{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111217ed}}.account-center::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.account-center .account-dialog{color:#f0f0f2;background:#111217;border-color:#ffffff24;border-radius:16px}.account-center .account-dialog .account-heading{padding:0}.account-center .account-heading{flex:none;gap:20px;margin:0;padding:24px 28px 18px}.account-center .account-email{color:#b9bbc6;overflow-wrap:anywhere;margin:6px 0 0}.account-center h2{font-size:22px;font-weight:600}.account-center h3{margin:0;font-size:17px}.account-center .account-tabs{border-block:1px solid #ffffff13;flex:none;gap:24px;padding-inline:28px;display:flex}.account-center .account-tabs button{border:0;color:#b9bbc6;cursor:pointer;min-height:48px;font:inherit;background:0 0;border-bottom:2px solid #0000;padding:0 4px}.account-center .account-tabs button[aria-pressed=true]{color:#f3f1ed;border-bottom-color:#b9e5db}.account-center .account-content{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:26px 28px;overflow:auto}.account-center .account-section-heading{gap:12px;margin-bottom:20px}.account-center .account-empty,.account-center .account-footnote{color:#b9bbc6;font-size:13px;line-height:1.65}.account-center .account-footnote{margin:22px 0}.account-center .account-feedback{color:#e7c6bc;background:#eac2b009;border:1px solid #ebc3b126;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.6;display:flex}.account-center .account-feedback button{margin-left:auto}.account-center :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #88e2cb}.account-center :is(.text-button,.icon-button,.command){min-height:44px}.account-center .icon-button{color:#d6d7dc;width:44px;height:44px}.account-center .text-button{color:#c8cad2;align-items:center;gap:7px;display:inline-flex}.account-center .text-button:hover{color:#fff}.account-center .command{border-radius:8px;min-height:46px}.account-center .command.primary{color:#141414;background:#f3f1ed;border-color:#f3f1ed}.account-center .command.secondary{color:#e3e3e8;background:#ffffff07;border-color:#ffffff24}.account-center .command:active:not(:disabled){transition-duration:.12s;transform:scale(.99)}.local-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.local-recipe-card{text-align:left;color:#f0f0f2;cursor:pointer;background:#ffffff04;border:1px solid #ffffff1c;border-radius:10px;min-width:0;padding:0;transition:background-color .22s,border-color .22s;overflow:hidden}.local-recipe-card:hover{background:#ffffff09;border-color:#ffffff42}.recipe-card-cover{aspect-ratio:16/10;background:#08090d;display:grid}.recipe-card-cover img{object-fit:contain;width:100%;height:100%;max-height:190px}.recipe-no-cover{color:#969aa8;place-content:center;justify-items:center;gap:10px;min-height:100px;font-size:13px;display:grid}.recipe-card-copy{color:#a8aab6;gap:7px;padding:14px;font-size:12px;display:grid}.recipe-card-copy strong{color:#e9e9ed;overflow-wrap:anywhere;font-size:14px}.recipe-empty{text-align:center;color:#d7d8e0;background:#ffffff02;border:1px dashed #ffffff1e;border-radius:12px;justify-items:center;gap:12px;padding:40px 16px;display:grid}.recipe-empty p{color:#b9bbc6;margin:0;font-size:13px}.recipe-detail-cover{background:#08090d;border:1px solid #ffffff15;border-radius:10px;place-items:center;margin:14px 0 20px;display:grid;overflow:hidden}.recipe-detail-cover img{object-fit:contain;width:100%;max-height:360px}.local-recipe-detail .command{margin-block:12px}.recipe-title-row{align-items:center;gap:6px;min-width:0;display:flex}.recipe-title-row h3{overflow-wrap:anywhere;margin:0}.recipe-rename{align-items:center;gap:6px;display:flex}.recipe-rename input{color:#f2f2f2;min-width:0;min-height:40px;font:inherit;background:#0b0c10;border:1px solid #ffffff2a;border-radius:8px;flex:1;padding:0 12px;font-size:16px}.local-recipe-detail .recommendation-summary{border:1px solid #ffffff15;border-radius:10px;margin-top:16px;padding:14px}.recipe-remove-confirm{color:#b9bbc6;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.account-center .account-settings{gap:20px;display:grid}.account-center .account-settings input{color:#ededf2;background:#090a0e;border-color:#ffffff26;font-size:16px}.account-center .credit-balance{color:#ededf2}.app-shell{isolation:isolate;position:relative}.workspace-glow{z-index:0;isolation:isolate;pointer-events:none;opacity:.7;position:absolute;inset:0;overflow:hidden}.workspace-glow .color-field{z-index:0;background:#09090b;inset:0}.workspace-glow:after{content:"";background:radial-gradient(at 5% 0,#1e9d9d50,#0000 38%),radial-gradient(at 96% 5%,#b23d8250,#0000 38%),radial-gradient(at 65% 100%,#444fcf45,#0000 38%);position:absolute;inset:0}.app-shell .topbar{z-index:2;background:#0c0c0c80;position:relative}.app-shell .workspace{z-index:1;border-radius:0 0 10px 10px;margin:0 8px 8px;position:relative}.app-shell .viewer-column{background:#080808}@media (width<=650px){.account-center .account-heading{padding:20px 18px 16px}.account-center .account-tabs{gap:20px;padding-inline:18px}.account-center .account-content{padding:20px 18px}.local-recipe-grid{grid-template-columns:minmax(0,1fr)}.recipe-card-cover img{max-height:220px}}@media (prefers-reduced-motion:reduce){.account-center *,.account-avatar{transition:none!important}.account-center .command:active:not(:disabled){transform:none}}.recipe-source-picker{z-index:3;background:#15161bf2;border:1px solid #ffffff24;border-radius:10px;gap:12px;margin:10px 18px 0;padding:14px 16px;display:grid;position:relative;box-shadow:0 12px 36px #0006}.recipe-source-picker>div:first-child{gap:4px;display:grid}.recipe-source-picker strong{color:#f1f1f3;font-size:13px}.recipe-source-picker span,.recipe-source-picker small,.recipe-source-picker .panel-note{color:#b9bbc6;font-size:12px;line-height:1.5}.recipe-source-current{background:#ffffff06;border:1px solid #ffffff18;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.recipe-source-current span{gap:3px;min-width:0;display:grid}.recipe-source-current strong{overflow-wrap:anywhere}.recipe-source-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recipe-source-actions input{display:none}.recipe-asset-picker{border-block:1px solid #303030;gap:10px;padding:12px 0;display:grid}.recipe-asset-picker-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.recipe-asset-picker-heading strong{color:#ddd;font-size:13px;font-weight:550}.recipe-asset-picker-heading span{color:#999;font-size:11px}.recipe-asset-picker-list{scrollbar-width:thin;gap:8px;padding:2px 1px 6px;display:flex;overflow-x:auto}.recipe-asset-choice{color:#eee;text-align:left;cursor:pointer;background:#ffffff04;border:1px solid #ffffff1c;border-radius:7px;flex:0 0 132px;gap:7px;padding:0;display:grid;overflow:hidden}.recipe-asset-choice:hover,.recipe-asset-choice.pending{background:#ffffff0b;border-color:#9fe2d1}.recipe-asset-choice>span:last-child{gap:3px;padding:0 8px 8px;display:grid}.recipe-asset-choice strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.recipe-asset-choice small{color:#999;font-size:10px}.recipe-asset-cover{aspect-ratio:16/9;background:#08090d;display:block}.recipe-asset-cover img{object-fit:cover;width:100%;height:100%}.recipe-asset-cover.empty{color:#969aa8;place-items:center;font-size:10px;display:grid}@media (width<=650px){.recipe-source-picker{margin:8px 10px 0}.recipe-source-current{flex-direction:column;align-items:stretch}.recipe-source-current .command{width:100%}.recipe-asset-picker-list{margin-inline:-2px}.recipe-asset-choice{flex-basis:148px}}.identity-dialog,.ai-example-dialog{color:#e5e7eb;width:min(640px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.identity-dialog .auth-form{margin:20px 0}.ai-example-comparison{margin:20px 0;position:relative}.ai-example-comparison img{border-radius:12px;width:100%;height:auto;display:block}.ai-example-comparison .ai-example-original{position:absolute;inset:0}.recovery-code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border:1px solid #ffffff24;border-radius:10px;padding:16px;font-size:16px;display:block}.account-dialog.identity-dialog button,.account-dialog.ai-example-dialog button{min-height:44px}.account-dialog.identity-dialog .account-heading,.account-dialog.ai-example-dialog .account-heading{z-index:1;background:#121316;position:sticky;top:-1px}.account-dialog.identity-dialog,.account-dialog.ai-example-dialog{color:#f2f2f2;background:#121316fa;border-color:#ffffff26}.account-dialog.identity-dialog :focus-visible,.account-dialog.ai-example-dialog :focus-visible{outline-offset:3px;outline:2px solid #7bd3c6}.account-dialog.identity-dialog .command.primary{color:#141414;background:#f3f1ed;border-color:#f3f1ed}.account-dialog.identity-dialog .command.primary:hover:not(:disabled){background:#fff;border-color:#fff}.account-dialog.identity-dialog :focus-visible{outline-color:#e4e4e7}