:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;color:#f2f3f4;background:#08090a;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button,a{transition:color .18s,background .18s,border-color .18s,opacity .18s}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent, #e5e9ed);outline-offset:4px}img{display:block;max-width:100%}svg{flex-shrink:0;stroke-width:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}fieldset{border:0;padding:0;margin:0;min-width:0}input,select,textarea{min-width:0}::selection{color:#fff;background:#4b5157}.app{--accent: #e5e9ed;--line: #282b2d;--secondary: #dce3e8;--muted: #c7d0d7;--surface: #131517;min-height:100dvh;background:#08090a}.app[data-accent=lime]{--accent: #d1f878}.app[data-accent=cyan]{--accent: #8be5f2}.header{height:82px;padding:0 42px;display:flex;align-items:center;gap:70px;border-bottom:1px solid #202224}.brand{display:inline-flex;align-items:center;gap:13px;font-size:26px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}.brand-mark{display:flex;align-items:center;gap:4px;width:27px;height:30px;transform:skew(-19deg);color:#e1e5e7}.brand-mark i{display:block;width:10px;height:27px;background:currentColor}.brand-mark i:last-child{height:19px;margin-top:8px;opacity:.5}.main-nav{height:100%;display:flex;align-items:stretch;gap:33px}.main-nav a{display:flex;align-items:center;position:relative;color:#dce3e8;font-size:14px}.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--accent)}.main-nav a:hover{color:#fff}.header-actions{margin-left:auto;display:flex;align-items:center;gap:28px}.balance{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px;color:#b8c0c6}.balance b{color:#f2f4f5;font-weight:500;font-variant-numeric:tabular-nums}.menu-button,.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:#e9eff3;border-radius:6px;flex-shrink:0;padding:0}.icon-button:hover,.menu-button:hover{color:#fff;background:#ffffff0c}.workspace{max-width:1760px;padding:0 42px 36px;margin:0 auto}.project-head{min-height:122px;display:flex;align-items:center;justify-content:space-between;gap:24px}.project-head h1{font-size:30px;line-height:1.18;letter-spacing:-.7px;overflow-wrap:anywhere}.client-picker{display:inline-flex;align-items:center;gap:4px;position:relative;margin-top:9px}.client-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:#b8c0c5;background:transparent;padding:0 19px 0 0;font-size:13px;max-width:240px;cursor:pointer}.client-picker svg{pointer-events:none;position:absolute;right:0}.project-actions{display:flex;align-items:center;gap:10px}.secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;color:#e5eaed;border:1px solid #69737b;background:#1c2227;border-radius:5px;font-size:13px;white-space:nowrap}.secondary:hover{border-color:#7d898f;background:#303b44}.text-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;min-height:44px;padding:0;color:#e1e8ed;font-size:14px}.text-link:hover,.text-link[aria-pressed=true]{color:#fff}.text-link[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}.primary{width:100%;min-height:49px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--accent);color:#111619;border:1px solid transparent;border-radius:5px;font-size:15px;font-weight:500}.primary:hover{filter:brightness(1.07)}.editor{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:42px}.canvas-column{min-width:0}.mode-dock{display:flex;align-items:stretch;gap:27px;height:54px;border-bottom:1px solid #25282a}.mode-dock button{position:relative;color:#dbe3e9;min-height:44px;padding:0 2px;font-size:14px}.mode-dock button:hover,.mode-dock button[aria-selected=true]{color:#fff}.mode-dock button[aria-selected=true]:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.mobile-mode-trigger{display:none}.stage{width:100%;height:clamp(350px,calc(100dvh - 350px),660px);position:relative;overflow:hidden;isolation:isolate;background:#08090a;margin-top:8px}.stage-image,.compare-original{position:absolute;top:0;right:0;bottom:0;left:0}.stage-image{transition:transform .4s ease}.stage-image img{width:100%;height:100%;object-fit:contain;object-position:center}.stage.zoomed .stage-image{transform:scale(1.2)}.view-switch{position:absolute;z-index:3;top:16px;right:0;display:flex;padding:3px;border-radius:5px;background:#15191cc9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-switch button{min-height:34px;font-size:12px;color:#c0c8ce;padding:0 12px;border-radius:3px}.view-switch button[aria-pressed=true]{background:#353c40;color:#fff}.canvas-toolbar{display:flex;align-items:center;gap:30px;min-height:62px;border-top:1px solid #24282a}.canvas-toolbar .text-link{font-size:13px}.count{color:#a5afb6;font-size:12px;font-variant-numeric:tabular-nums;margin-left:2px}.canvas-utilities{display:flex;align-items:center;margin-left:auto;gap:7px}.zoom-button{min-height:44px;min-width:50px;color:#c9d0d5;font-size:12px;font-variant-numeric:tabular-nums}.comparison-line{position:absolute;z-index:2;top:0;bottom:0;width:1px;background:#f1f3f4;pointer-events:none}.comparison-line span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ecf0f2;color:#11181d;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 3px 18px #0007}.comparison-range{position:absolute;top:62px;right:0;bottom:50px;left:0;width:100%;opacity:0;z-index:3;cursor:ew-resize;margin:0}.stage:has(.comparison-range:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.before-label,.after-label{position:absolute;bottom:14px;padding:6px 9px;border-radius:3px;background:#10181dc4;font-size:12px;color:#fff}.before-label{left:12px}.after-label{right:12px}.inspector{border-left:1px solid #282d30;padding:14px 0 0 32px;min-width:0;display:flex;flex-direction:column}.inspector h2{font-size:24px;letter-spacing:-.4px;margin-bottom:28px;line-height:1.2}.inspector-controls{flex:1}.text-tabs{display:flex;align-items:center;gap:26px}.text-tabs button,.text-tabs a{color:#b8c1c7;padding:0 0 11px;min-height:40px;position:relative;border-bottom:1px solid transparent;font-size:14px}.text-tabs [aria-pressed=true],.text-tabs .active{color:#fff;border-bottom-color:var(--accent)}.input-tabs{border-bottom:1px solid #2b3033;margin-bottom:25px}.input-tabs button{margin-bottom:-1px}.color-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.color-heading h3{font-size:17px;font-weight:400}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 7px;margin:0 -3px 16px}.swatches button{width:100%;min-height:48px;position:relative;display:grid;place-items:center;border-radius:5px}.swatches button>span{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#ffffff5c,transparent 42%,#0006),var(--material);box-shadow:inset 0 0 0 1px #ffffff20}.swatches button.selected>span{outline:1px solid #e6eced;outline-offset:4px}.swatches svg{position:absolute;color:#fff;filter:drop-shadow(0 1px 2px #000c)}.swatches button:hover{background:#ffffff09}.custom-color{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 0 18px;margin-bottom:23px;border-bottom:1px solid #2b3033;color:#d2dbe1;font-size:13px}.color-value{display:flex;align-items:center;gap:10px;font-size:12px;font-variant-numeric:tabular-nums;color:#c0cbd3}.color-value input{width:32px;height:32px;padding:4px;border:0;border-radius:5px;background:transparent;cursor:pointer}.color-value input::-webkit-color-swatch-wrapper{padding:0}.color-value input::-webkit-color-swatch{border:1px solid #a2b0b66b;border-radius:3px}.finish-field legend{color:#d2dbe1;font-size:14px;margin-bottom:14px}.finish-options{display:flex;gap:0;border:1px solid #3b4348;border-radius:5px;overflow:hidden}.finish-options button{flex:1;min-height:43px;font-size:12px;color:#c8d1d7;padding:0 7px}.finish-options button[aria-pressed=true]{color:#fff;background:#30383d}.extra{margin-top:26px;padding:0;border-top:1px solid #2b3033}.extra summary{display:flex;align-items:center;justify-content:space-between;min-height:55px;color:#c8d1d7;cursor:pointer;font-size:13px;list-style:none}.extra summary::-webkit-details-marker{display:none}.extra[open] summary svg{transform:rotate(45deg)}.extra-content{padding-bottom:10px}.extra-content .field{margin-top:18px;margin-bottom:0}.inspector-footer{padding-top:29px}.inspector-footer p{margin-top:12px;text-align:center;color:#acb7bf;font-size:12px}.field{display:block;margin-bottom:22px}.field>span:first-child{display:block;color:#d8e0e5;font-size:14px;margin-bottom:10px}.field input,.field textarea,.field select{width:100%;color:#f2f5f7;background:#121619;border:1px solid #3a4349;border-radius:5px;padding:13px;min-height:46px;font-size:14px}.field input::placeholder,.field textarea::placeholder{color:#9aabb6}.field textarea{resize:vertical;min-height:90px;max-height:220px;line-height:1.65}.select-wrap{display:block;position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px}.select-wrap svg{position:absolute;right:12px;top:15px;pointer-events:none;color:#b8c7d1}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;cursor:pointer;color:#d1dce3;font-size:13px}.toggle-row input{position:absolute;right:0;width:38px;height:27px;margin:0;opacity:0;cursor:pointer}.toggle{width:34px;height:20px;border-radius:12px;background:#4c5961;pointer-events:none;position:relative}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#e6edf1;transition:transform .18s}.toggle-row input:checked+.toggle{background:var(--accent)}.toggle-row input:checked+.toggle:after{transform:translate(14px);background:#1b242a}.toggle-row input:focus-visible+.toggle{outline:2px solid var(--accent);outline-offset:3px}.reference-box{border:1px dashed #4b5b65;border-radius:5px;position:relative;margin-bottom:24px}.reference-box>button:first-child{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:132px;gap:16px;padding:20px 14px;color:#d9e3e9}.reference-box>button:first-child>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px}.reference-box img{max-height:100px;object-fit:contain}.reference-box>.icon-button{position:absolute;top:0;right:0}.tint-label{display:flex;align-items:center;justify-content:space-between;color:#d0dce4;margin:5px 0 24px}.tint-label strong{font-size:32px;font-weight:400;color:#eff4f7}.tint-range{width:100%;height:26px;cursor:pointer;accent-color:var(--accent);margin:0 0 15px}.tint-options{display:flex;gap:7px;margin-bottom:26px}.tint-options button{min-height:44px;flex:1;border:1px solid #3b4c58;border-radius:5px;color:#bfccd6}.tint-options button[aria-pressed=true]{color:#f3f7fa;border-color:#a1b2bd;background:#242e36}.black-material{display:flex;align-items:center;gap:17px;margin:0 0 31px}.black-material>span{width:48px;height:48px;border-radius:50%;border:1px solid #52616b;background:linear-gradient(135deg,#333c43,#080c10 40%,#b1b9bf 43%,#2f3a43 55%,#0a0e12 78%)}.black-material strong{font-size:16px;font-weight:400}.field-note{color:#b6c5d0;line-height:1.7;font-size:13px;margin-bottom:24px}.page{width:100%;max-width:1100px;margin:0 auto;padding-bottom:48px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:56px 0 40px}.page-head h1{font-size:38px;letter-spacing:-.9px;line-height:1.15}.page-actions{display:flex;align-items:center;gap:9px}.modes-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:center;gap:60px;padding-top:15px}.modes-photo{min-width:0}.modes-photo img{width:100%;aspect-ratio:1.25;object-fit:cover}.modes-photo .text-link{margin-top:14px;color:#e0e7ec;font-size:16px}.mode-directory h2{font-size:25px;margin-bottom:22px;letter-spacing:-.4px}.mode-directory>button{display:flex;align-items:center;width:100%;gap:17px;min-height:71px;border-bottom:1px solid #303a40;text-align:left;color:#dce6ed}.mode-directory>button>span{font-size:17px}.mode-directory>button>svg:last-child{margin-left:auto;color:#a6b7c4}.mode-directory>button:hover{color:#fff;background:#ffffff06}.search{max-width:390px;min-height:49px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #3b4b56;margin-bottom:35px;color:#b7c5cf}.search input{min-height:44px;width:100%;background:transparent;border:0;padding:0;color:#edf4f8;font-size:15px;outline:0}.search input::placeholder{color:#a7b8c4}.search:focus-within{border-color:#d0dce4}.project-tile{display:block;max-width:590px;width:100%;text-align:left;padding:0}.project-tile>img{width:100%;aspect-ratio:1.7;object-fit:cover}.project-tile>span{display:flex;align-items:center;justify-content:space-between;min-height:66px;border-bottom:1px solid #303d46}.project-tile strong{font-size:19px;font-weight:400}.empty{padding:65px 0}.empty h2{font-size:25px;margin-bottom:14px}.empty p{color:#b7c8d3;line-height:1.7;font-size:15px;margin-bottom:24px}.client-list>button{width:100%;display:flex;align-items:center;gap:21px;min-height:88px;border-bottom:1px solid #2b3943;text-align:left;padding:10px 0}.client-list>button:hover{background:#ffffff04}.client-initial{width:43px;height:43px;border-radius:50%;background:#1c2830;border:1px solid #3b4c58;display:grid;place-items:center;color:#d2dfe8;font-size:13px}.client-list strong{font-size:17px;font-weight:400}.client-list small{display:block;color:#acbfcd;margin-top:7px;font-size:13px}.client-project-count{margin-left:auto;color:#b2c3d0;font-size:13px}.back-link{margin-top:28px;font-size:13px}.back-link+.page-head{padding-top:24px}.client-contact{color:#d0dee8;font-size:16px;margin-bottom:12px}.client-note{color:#b1c2cf;font-size:14px;line-height:1.75}.section-title{font-size:20px;margin:40px 0 24px}.demo-note{color:#aabac5;font-size:12px;line-height:1.7;margin-top:30px;max-width:620px}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.history-image{width:100%;padding:0}.history-image img{width:100%;aspect-ratio:1.5;object-fit:cover}.history-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}.history-caption>button:first-child{font-size:16px;padding:0;text-align:left;min-height:44px}.saved-list{margin-top:45px}.saved-list h2{font-size:22px;margin-bottom:18px}.saved-list>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:65px;text-align:left;border-bottom:1px solid #30414c;font-size:15px}.history-original{display:flex;align-items:center;gap:12px;margin:20px 0;color:#bdcfdc;font-size:13px}.history-original img{width:80px;height:55px;object-fit:cover}.dialog-actions{display:flex;align-items:center;gap:10px;margin:20px 0 10px}.balance-summary{display:flex;align-items:flex-start;gap:70px;padding:10px 0 52px;border-bottom:1px solid #303d46}.balance-summary span{display:block;color:#afc0cc;font-size:14px;margin-bottom:13px}.balance-summary strong{font-size:31px;font-weight:400;letter-spacing:-.5px}.balance-summary small{font-size:16px;color:#d1dde6;letter-spacing:0}.plan-list{margin-top:45px}.plan-list legend{font-size:22px;margin-bottom:24px}.plan-labels,.plan-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:20px;align-items:center}.plan-labels{padding:0 31px 15px 24px;color:#aebfcb;font-size:12px}.plan-row{position:relative;padding:25px 31px 25px 24px;min-height:96px;border-top:1px solid #30404b;cursor:pointer}.plan-row:last-child{border-bottom:1px solid #30404b}.plan-row.selected{background:#ffffff05;box-shadow:inset 2px 0 var(--accent)}.plan-row>input{position:absolute;opacity:0;width:1px;height:1px}.plan-row:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.plan-row .plan-name{font-size:20px}.plan-row>span:not(.plan-name){font-size:17px;color:#d1dee7}.plan-row strong{font-size:23px;font-weight:400}.plan-row small{display:none}.plan-check{position:absolute;right:0;top:38px;opacity:0}.plan-row.selected .plan-check{opacity:1}.billing-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:34px}.billing-bottom p{font-size:14px;color:#b2c4d0}.billing-bottom .primary{max-width:265px}.purchase-summary{margin:20px 0 27px}.purchase-summary strong{font-size:32px;font-weight:400}.purchase-summary small{font-size:16px;color:#aebfcd}.purchase-summary>span{display:block;margin-top:13px;color:#bdcdd9;font-size:14px}.account-tabs{border-bottom:1px solid #2d3b46;margin-bottom:42px;gap:31px}.account-tabs a{margin-bottom:-1px;min-height:48px;padding-bottom:20px}.account-columns{display:grid;grid-template-columns:minmax(0,430px) minmax(240px,1fr);gap:100px}.account-form{max-width:430px;width:100%}.account-form h2,.appearance h2{font-size:22px;margin-bottom:28px}.accent-options{display:flex;flex-direction:column}.accent-options button{min-height:56px;display:flex;align-items:center;gap:14px;padding:0;border-bottom:1px solid #293a47;text-align:left;font-size:15px}.accent-options button>svg{margin-left:auto}.accent-sample{width:21px;height:21px;border-radius:50%;border:1px solid #ffffff30}.accent-sample.silver{background:#e5e9ed}.accent-sample.lime{background:#d1f878}.accent-sample.cyan{background:#8be5f2}.appearance .text-link{margin-top:25px}.account-form>.text-link{margin-top:20px}.auth-page{max-width:1600px;min-height:calc(100dvh - 82px);margin:0 auto;padding:40px 65px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:90px}.auth-photo{min-width:0}.auth-photo img{width:100%;aspect-ratio:1.05;object-fit:cover;object-position:45% 50%}.auth-content{max-width:390px;width:100%}.auth-content h1{font-size:34px;line-height:1.2;letter-spacing:-.7px;margin:0 0 21px}.auth-content .back-link{margin:0 0 25px}.auth-alternative{color:#b0c0cc;font-size:14px;margin-bottom:35px}.auth-alternative a{color:#eff5f9;margin-left:8px;text-decoration:underline;text-underline-offset:4px}.auth-context{color:#bbccd9;line-height:1.8;margin-bottom:27px;font-size:14px}.password-input{display:block;position:relative}.password-input input{padding-right:48px}.password-input .icon-button{position:absolute;right:2px;top:2px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.forgot-link{margin-top:17px;font-size:13px}.auth-content .demo-note{margin-top:22px}.demo-entry{margin-top:14px;font-size:13px}.form-error{color:#ffb7ac;font-size:13px;line-height:1.6;margin-bottom:20px}.dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px}.dialog{width:450px;max-width:100%;max-height:90dvh;overflow:auto;padding:26px;border:1px solid #424d55;border-radius:10px;background:#14191d;box-shadow:0 30px 100px #0006}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.dialog-head h2{font-size:25px;line-height:1.25;letter-spacing:-.4px}.dialog-head .icon-button{margin-right:-8px}.dialog>p,.dialog>form>p{color:#bdcbd5;line-height:1.8;font-size:14px;margin-bottom:24px}.dialog .field:last-of-type{margin-bottom:25px}.review-spec{padding:19px 0;margin-bottom:25px;border-top:1px solid #394751;border-bottom:1px solid #394751}.review-spec span{display:block;font-size:14px;color:#b8c9d6}.review-spec strong{display:block;font-size:18px;margin-top:12px;font-weight:400}.export-preview{width:100%;margin-bottom:24px}.image-dialog .dialog{width:1100px}.large-preview{width:100%;max-height:68dvh;object-fit:contain}.menu-dialog{place-items:stretch end;padding:0}.menu-dialog .dialog{width:370px;height:100%;max-height:100dvh;border-radius:0;border-width:0 0 0 1px;padding:26px 30px}.site-menu>section{margin-bottom:25px}.site-menu h3{color:#9eafb9;font-size:12px;font-weight:400;margin-bottom:8px}.site-menu a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:47px;font-size:16px;color:#dce7ee}.site-menu a:hover,.site-menu a.active{color:#fff}.site-menu a>svg{color:#9daeba}.about-link{font-size:12px;color:#abbcc8}.mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-picker>button{position:relative;min-height:91px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;padding:15px;border:1px solid #424e57;border-radius:6px;text-align:left;font-size:15px;line-height:1.2;color:#dbe6ee}.mode-picker>button[aria-pressed=true]{border-color:#dce5ea;background:#ffffff08;color:#fff}.mode-picker>button>svg:last-child:not(:first-child){position:absolute;top:15px;right:14px}.versions-dialog .dialog{width:750px}.version-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.version-list button{padding:0;text-align:left;position:relative;border-bottom:1px solid #394b59}.version-list button[aria-pressed=true]{border-bottom-color:#e2ebf1}.version-list img{width:100%;aspect-ratio:1.5;object-fit:cover}.version-list span{display:block;font-size:14px;line-height:1.5;padding:14px 0}.version-list svg{position:absolute;right:7px;top:7px;background:#17232bbd;padding:3px;width:25px;height:25px;border-radius:50%}.toast{position:fixed;z-index:150;bottom:24px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:12px;padding:9px 9px 9px 18px;border:1px solid #53636e;border-radius:7px;background:#233039f0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 9px 35px #0006;color:#e5eef5;font-size:13px;line-height:1.7}.mobile-navigation{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 1500px){.header{padding:0 60px}.workspace{padding-left:60px;padding-right:60px}.editor{grid-template-columns:minmax(0,1fr) 330px;gap:56px}.inspector{padding-left:40px}.mode-dock{gap:37px}.stage{min-height:480px}.project-head{min-height:140px}.project-head h1{font-size:34px}}@media (max-width: 1180px){.header{padding:0 28px;gap:40px}.workspace{padding-left:28px;padding-right:28px}.editor{gap:28px;grid-template-columns:minmax(0,1fr) 285px}.inspector{padding-left:25px}.mode-dock{gap:18px}.mode-dock button{font-size:13px}.auth-page{padding:35px;gap:45px}.modes-layout{gap:35px}.account-columns{gap:55px}.balance-summary{gap:48px}}@media (max-width: 980px){.header{gap:32px;height:74px}.brand{font-size:24px}.main-nav{gap:24px}.header-actions{gap:18px}.balance span{display:none}.editor{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.inspector{padding-left:22px}.inspector h2{font-size:22px}.mode-dock{gap:0;justify-content:space-between}.mode-dock button{font-size:12px;padding:0 3px}.stage{min-height:330px;max-height:440px}.stage-image img{object-fit:contain}.project-head h1{font-size:27px}.canvas-toolbar{gap:17px}.canvas-toolbar .text-link{font-size:12px;gap:7px}.zoom-button{display:none}.swatches{gap:3px}.finish-options button{font-size:11px;padding:0 6px}.page-head{padding-top:44px}.modes-layout{grid-template-columns:minmax(0,1fr) 270px;gap:35px}.modes-photo img{aspect-ratio:.95}.history-grid{gap:18px}.history-caption>button:first-child{font-size:14px}.auth-page{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);gap:30px;padding:35px 28px}.auth-photo img{aspect-ratio:.7;object-fit:cover}.balance-summary{gap:35px}.balance-summary strong{font-size:27px}.balance-summary small{font-size:14px}}@media (max-width: 760px){.app{padding-bottom:80px}.public-app{padding-bottom:0}.header{height:70px;padding:0 22px;gap:25px}.brand{font-size:25px}.main-nav{display:none}.header-actions{gap:17px}.balance span{display:inline;font-size:12px}.workspace{padding:0 22px 35px}.project-head{min-height:114px;gap:16px}.project-head h1{font-size:27px}.client-picker{margin-top:8px}.project-actions .secondary{width:44px;padding:0;border:0}.project-actions .secondary>span{display:none}.project-actions{gap:4px}.editor{display:block}.mode-dock{display:none}.mobile-mode-trigger{width:100%;display:flex;align-items:center;gap:13px;min-height:65px;padding:0 0 0 2px;border-top:1px solid #282e32;border-bottom:1px solid #363f45;color:#edf2f6;font-size:18px;text-align:left}.mobile-mode-trigger>span{flex:1}.mobile-mode-trigger>svg:last-child{margin-right:5px}.stage{height:380px;min-height:0;max-height:none;margin-top:8px}.stage-image img{object-fit:contain}.view-switch{top:12px}.view-switch button{min-height:37px;font-size:12px;padding:0 13px}.canvas-toolbar{min-height:64px;gap:26px}.canvas-toolbar .text-link{font-size:14px;gap:8px}.zoom-button{display:inline}.count{font-size:13px}.inspector{border:0;padding:36px 0 0;margin-top:0;max-width:none}.inspector h2{font-size:25px;margin-bottom:27px}.inspector-controls{max-width:none}.inspector-footer{max-width:none;padding-top:25px}.primary{min-height:53px;font-size:16px}.inspector-footer p{font-size:13px}.input-tabs{gap:32px}.input-tabs button{font-size:16px}.color-heading h3{font-size:19px}.swatches{grid-template-columns:repeat(8,1fr);gap:4px;margin:0 -3px 23px}.swatches button{min-height:54px}.swatches button>span{width:34px;height:34px}.custom-color{min-height:52px;margin-bottom:28px;font-size:15px}.color-value{font-size:13px}.color-value input{width:40px;height:40px}.finish-field legend{font-size:16px}.finish-options button{min-height:48px;font-size:14px}.extra{margin-top:29px}.extra summary{min-height:59px;font-size:15px}.field>span:first-child{font-size:15px}.field input,.field select,.field textarea{font-size:16px;min-height:49px}.select-wrap svg{top:17px}.toggle-row{min-height:50px;font-size:14px}.reference-box>button:first-child{min-height:145px}.reference-box>button:first-child>span{font-size:16px}.field-note{font-size:14px}.mobile-navigation{position:fixed;z-index:50;bottom:0;left:0;right:0;display:flex;align-items:stretch;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0c1013f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #2d373f}.mobile-navigation a{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;color:#b6c5d0;font-size:13px}.mobile-navigation a.active{color:#fff}.mobile-navigation a.active svg{color:var(--accent)}.page-head{padding:35px 0 30px}.page-head h1{font-size:32px}.page{padding-bottom:25px}.page-actions .secondary{font-size:12px;padding:0 11px}.modes-layout{display:block;padding-top:0}.modes-photo img{max-height:300px;aspect-ratio:1.65;object-fit:contain}.modes-photo .text-link{margin-top:0;font-size:16px}.mode-directory{margin-top:25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 23px}.mode-directory h2{grid-column:1/-1;font-size:23px;margin-bottom:9px}.mode-directory>button{min-height:75px;gap:12px}.mode-directory>button>span{font-size:15px}.mode-directory>button>svg:last-child{display:none}.search{width:100%;max-width:none;margin-bottom:22px}.search input{font-size:16px}.client-list>button{gap:16px;min-height:84px}.client-list strong{font-size:16px}.client-project-count{font-size:12px}.client-list>button>svg:last-child{width:17px}.client-initial{width:38px;height:38px;font-size:12px;flex-shrink:0}.project-tile{max-width:none}.project-tile strong{font-size:18px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.history-caption{padding-top:4px}.history-caption .icon-button{width:35px}.history-caption>button:first-child{font-size:14px}.history-grid article:last-child{max-width:none}.balance-summary{gap:35px;flex-wrap:wrap;padding-bottom:34px}.balance-summary strong{font-size:27px}.balance-summary span{font-size:13px}.plan-labels{display:none}.plan-list{margin-top:32px}.plan-list legend{font-size:22px}.plan-row{grid-template-columns:1fr 1fr;gap:22px 18px;padding:24px 25px 24px 20px}.plan-row .plan-name{grid-column:1/-1;font-size:22px}.plan-row strong{position:absolute;right:26px;top:23px;font-size:24px}.plan-row strong small{display:none}.plan-row small{display:block;font-size:12px;margin-bottom:7px;color:#b3c5d2}.plan-check{right:5px;top:29px;width:16px}.billing-bottom{display:block;padding-top:28px}.billing-bottom p{font-size:13px;margin-bottom:22px}.billing-bottom .primary{max-width:none}.account-columns{display:block}.account-form{max-width:none}.appearance{margin-top:45px}.account-tabs{gap:25px;margin-bottom:33px}.account-tabs a{font-size:14px;white-space:nowrap}.account-form h2,.appearance h2{font-size:22px}.auth-page{display:block;min-height:calc(100dvh - 70px);padding:42px 24px}.auth-photo{display:none}.auth-content{margin:0 auto;max-width:420px}.auth-content h1{font-size:33px}.auth-content .demo-note{font-size:12px}.auth-alternative{font-size:14px}.form-pair{gap:12px}.dialog-backdrop{padding:18px}.dialog{padding:23px;max-height:88dvh}.dialog-head{margin-bottom:24px}.dialog-head h2{font-size:25px}.dialog>p,.dialog>form>p{font-size:14px}.modes-dialog{padding:0;place-items:end stretch}.modes-dialog .dialog{width:100%;max-height:90dvh;border-radius:14px 14px 0 0;padding:21px 22px calc(30px + env(safe-area-inset-bottom));border-width:1px 0 0}.mode-picker{gap:11px}.mode-picker>button{min-height:96px;font-size:16px;padding:16px}.mode-picker>button>svg:last-child:not(:first-child){top:16px;right:15px}.menu-dialog{padding:0}.menu-dialog .dialog{max-width:90%;width:360px;padding:24px}.menu-dialog .dialog-head{margin-bottom:20px}.site-menu a{min-height:47px;font-size:16px}.site-menu>section{margin-bottom:21px}.versions-dialog .dialog{width:100%}.version-list{gap:12px}.version-list span{font-size:12px}.toast{bottom:83px;font-size:12px}.public-app .toast{bottom:20px}}@media (max-width: 450px){.header{height:66px;padding:0 18px;gap:15px}.brand{font-size:24px;gap:10px}.brand-mark{width:24px;height:28px;gap:3px}.brand-mark i{width:9px;height:24px}.brand-mark i:last-child{height:17px}.header-actions{gap:11px}.balance span{display:none}.balance b{font-size:14px}.header-actions>.text-link{font-size:12px;gap:5px}.header-actions>.text-link svg{width:14px}.menu-button{width:38px}.workspace{padding-left:18px;padding-right:18px}.project-head{min-height:103px;gap:10px}.project-head h1{font-size:24px;max-width:245px}.client-picker select{max-width:210px;font-size:13px}.project-actions{gap:0}.project-actions .secondary{width:38px;min-height:44px}.project-actions .secondary svg{width:17px}.project-head>div:first-child{min-width:0}.mobile-mode-trigger{min-height:64px;font-size:18px;gap:12px}.stage{height:285px;margin-top:4px}.view-switch{top:6px}.view-switch button{min-height:36px;font-size:12px;padding:0 11px}.canvas-toolbar{min-height:62px;gap:22px}.canvas-toolbar .text-link{font-size:13px;gap:7px}.canvas-toolbar .text-link>svg{width:17px}.zoom-button{display:none}.canvas-utilities{margin-left:auto}.canvas-utilities .icon-button{width:35px}.inspector{padding-top:31px}.inspector h2{font-size:25px;margin-bottom:24px}.swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 12px;margin:0 -3px 23px}.swatches button{min-height:48px}.swatches button>span{width:35px;height:35px}.color-heading{margin-bottom:12px}.color-heading h3{font-size:19px}.custom-color{font-size:14px;margin-bottom:25px}.finish-options button{font-size:14px}.extra summary{font-size:14px}.mobile-navigation a{gap:7px;font-size:13px}.mobile-navigation svg{width:20px}.page-head{padding-top:32px;gap:12px}.page-head h1{font-size:30px}.page-actions .secondary{font-size:12px;gap:6px;padding:0 9px}.page-actions .secondary svg{width:15px}.page-actions{gap:2px}.page-actions>.icon-button{width:35px}.modes-photo img{max-height:250px}.mode-directory{gap:0 18px}.mode-directory>button{min-height:76px;gap:10px}.mode-directory>button>span{font-size:15px}.mode-directory>button>svg{width:21px}.client-project-count{display:none}.client-list>button>svg:last-child{margin-left:auto}.client-list strong{font-size:17px}.history-grid{grid-template-columns:1fr;gap:30px}.history-image img{aspect-ratio:1.65}.history-caption>button:first-child{font-size:17px}.history-caption .icon-button{width:44px}.page-head:has(.text-tabs){align-items:flex-start;flex-direction:column;gap:24px}.page-head .text-tabs{gap:25px}.billing-page .page-head{flex-direction:column;align-items:flex-start;gap:22px}.balance-summary{gap:30px 35px}.balance-summary strong{font-size:27px}.balance-summary small{font-size:13px}.plan-row{padding-left:16px;padding-right:24px}.plan-row strong{font-size:23px}.account-tabs{gap:20px}.account-tabs a{font-size:13px}.form-pair{grid-template-columns:1fr 1fr}.auth-page{padding:36px 22px}.auth-content h1{font-size:31px}.auth-alternative{font-size:13px;line-height:1.8}.auth-alternative a{margin-left:5px}.dialog{padding:22px}.dialog-backdrop{padding:14px}.dialog-head h2{font-size:24px}.modes-dialog{padding:0}.modes-dialog .dialog{padding-left:20px;padding-right:20px}.mode-picker>button{min-height:96px;font-size:15px;gap:14px}.mode-picker>button>svg:first-child{width:24px}.menu-dialog{padding:0}.menu-dialog .dialog{padding:22px;max-width:91%}.version-list{grid-template-columns:1fr;gap:16px}.version-list button{display:flex;align-items:center;gap:16px;padding-bottom:16px}.version-list img{width:115px;height:76px;object-fit:cover;flex-shrink:0}.version-list span{font-size:14px;padding:0 22px 0 0}.version-list svg{top:23px;right:0}.dialog-actions{gap:6px}.dialog-actions .secondary{font-size:12px;padding:0 10px}.dialog-actions .icon-button{width:38px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.studio-home{max-width:1320px;margin:0 auto;padding:44px 0 60px}.studio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.studio-heading h1{font-size:clamp(40px,4.5vw,64px);letter-spacing:-2px;line-height:1}.studio-heading>a{display:flex;align-items:center;gap:14px;min-height:46px;font-size:15px;color:#f6f7f8}.studio-heading>a:hover{text-decoration:underline;text-underline-offset:6px}.studio-launch{position:relative;isolation:isolate;overflow:hidden;min-height:430px;border:1px solid #3c4145;border-radius:18px;background:#111315}.launch-visual{position:absolute;top:0;right:0;bottom:0;left:22%;z-index:-2}.launch-visual img{width:100%;height:100%;object-fit:cover;object-position:58% 50%}.studio-launch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#111315,#111315f7 20%,#111315a0 36%,#11131500 58%),linear-gradient(0deg,#08090aee,transparent 35%)}.launch-content{padding:48px;width:48%}.launch-content h2{font-size:clamp(40px,4.4vw,62px);line-height:1.02;letter-spacing:-1.9px;color:#fff}.launch-content p{font-size:16px;color:#e0e4e7;margin-top:22px;line-height:1.5}.launch-upload{display:flex;align-items:center;gap:12px;width:258px;max-width:100%;min-height:58px;margin-top:34px;background:#f4f7f9;color:#0a0d10;border:1px solid #fff;border-radius:9px;padding:0 18px;font-weight:500;font-size:16px;box-shadow:0 3px 25px #ffffff12}.launch-upload>svg:last-child{margin-left:auto}.launch-upload:hover{background:#fff;box-shadow:0 0 30px #ffffff2b}.resume-project{position:absolute;right:30px;bottom:26px;display:flex;align-items:center;gap:22px;text-align:left;padding:7px;border-radius:10px}.resume-project>span:first-child{color:#d9e0e4;font-size:13px}.resume-project strong{display:block;color:#fff;font-size:18px;font-weight:500;margin-top:7px}.round-arrow{width:48px;height:48px;display:grid;place-items:center;border:1px solid #b8c0c5;border-radius:50%;background:#11131599}.resume-project:hover .round-arrow{background:#f3f6f8;color:#08090a}.studio-tools{margin-top:34px}.studio-tools>header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}.studio-tools h2{font-size:22px;letter-spacing:-.5px}.studio-tools header>span{color:#c5ced4;font-size:14px}.studio-tool-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #4b5155;border-radius:12px;overflow:hidden;background:#15181b}.studio-tool-list>button{min-height:102px;padding:18px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left;color:#f4f7fa;border-right:1px solid #41474b;font-size:15px}.studio-tool-list>button:last-child{border:0}.studio-tool-list>button>svg:last-child{position:absolute;top:20px;right:15px;color:#b8c4cc}.studio-tool-list>button:hover{color:#fff;background:#2a3035}.public-app .header{border-bottom:0}.public-app .header-actions>.text-link{display:none}.access-page{min-height:calc(100dvh - 82px);padding:32px 24px 46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.access-panel{width:100%;max-width:480px;background:#141719;border:1px solid #42484d;padding:34px 36px 27px;border-radius:20px;box-shadow:0 24px 100px #0005}.access-tabs{display:grid;grid-template-columns:1fr 1fr;background:#080a0c;border:1px solid #3d4449;border-radius:9px;padding:4px;margin-bottom:36px}.access-tabs a{min-height:43px;display:grid;place-items:center;color:#d3dbe1;font-size:15px;border-radius:6px}.access-tabs a[aria-current=page]{background:#f4f6f8;color:#0b1014;font-weight:500}.access-tabs a:not([aria-current]):hover{background:#252b30;color:#fff}.access-heading{margin-bottom:30px}.access-heading h1{color:#fff;font-size:38px;line-height:1.08;letter-spacing:-1.4px;font-weight:500}.access-heading p{margin-top:15px;color:#d0d9df;font-size:15px;line-height:1.6}.access-panel .field{margin-bottom:20px}.access-panel .field>span:first-child,.access-label{color:#f0f4f7;font-size:14px}.access-panel input{width:100%;height:54px;background:#20262b;border:1px solid #65717a;border-radius:8px;padding:0 15px;color:#fff;font-size:16px;outline-offset:3px}.access-panel input::placeholder{color:#b7c2ca;opacity:1}.access-panel input:focus{background:#252e35;border-color:#eef4f9}.access-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.access-label a{color:#e2eaf0;font-size:13px;text-decoration:underline;text-underline-offset:3px}.access-password{margin-bottom:25px}.access-password .password-input input{padding-right:52px}.access-password .icon-button{top:5px;right:5px;color:#e0e7ec}.access-panel .primary{min-height:55px;border-radius:8px;background:#f4f7fa;color:#090e12;font-size:16px;box-shadow:0 2px 18px #ffffff0c}.access-panel .primary:hover{box-shadow:0 0 25px #ffffff20}.access-demo{padding-top:24px;text-align:center;font-size:12px;color:#bdc7ce;line-height:1.6}.access-explore{display:inline-flex;gap:12px;align-items:center;color:#f1f4f6;font-size:14px;min-height:44px}.access-explore:hover{text-decoration:underline;text-underline-offset:5px}.access-progress{display:flex;align-items:center;gap:6px;margin-bottom:20px}.access-progress>span{width:25px;height:3px;background:#56616a;border-radius:2px}.access-progress>.done{background:#f5f7f9}.access-progress b{font-weight:400;color:#d9e2e8;margin-left:8px;font-size:13px}.access-back{margin-bottom:25px;color:#eef3f7}.access-step-back{min-height:44px;margin:12px auto -7px;display:flex;align-items:center;justify-content:center;gap:9px;color:#e8edf1}.access-code-note{font-size:13px;line-height:1.6;color:#d5dee5;margin-bottom:20px}@media (max-width:1100px){.launch-content{padding:38px;width:55%}.studio-tool-list{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-tool-list>button{min-height:82px;flex-direction:row;align-items:center;border-bottom:1px solid #41474b;padding-right:38px}.studio-tool-list>button:nth-child(3n){border-right:0}.studio-tool-list>button:nth-child(n+4){border-bottom:0}.studio-tool-list>button>svg:last-child{top:32px}.studio-launch{min-height:420px}}@media (max-width:760px){.studio-home{padding-top:28px}.studio-heading{margin-bottom:25px}.studio-heading h1{font-size:42px;letter-spacing:-1.5px}.studio-heading>a{font-size:14px;gap:8px}.studio-launch{min-height:450px;border-radius:14px}.launch-content{padding:28px;width:100%}.launch-content h2{font-size:38px;letter-spacing:-1.2px}.launch-content h2 br{display:none}.launch-content p{margin-top:13px;font-size:15px}.launch-upload{min-height:54px;margin-top:23px;width:100%}.launch-visual{top:175px;right:0;bottom:50px;left:0}.launch-visual img{object-fit:contain}.studio-launch:after{background:linear-gradient(180deg,#111315 0%,#111315 28%,transparent 48%,transparent 78%,#08090a 95%)}.resume-project{bottom:14px;right:20px;left:20px;justify-content:space-between}.resume-project strong{font-size:17px}.studio-tools{margin-top:27px}.studio-tools>header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:17px}.studio-tools h2{font-size:22px}.studio-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-tool-list>button{flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;min-height:105px;padding:17px 12px 17px 17px;font-size:15px;border-right:1px solid #41474b;border-bottom:1px solid #41474b}.studio-tool-list>button:nth-child(3n){border-right:1px solid #41474b}.studio-tool-list>button:nth-child(2n){border-right:0}.studio-tool-list>button:nth-child(4){border-bottom:1px solid #41474b}.studio-tool-list>button:nth-child(n+5){border-bottom:0}.studio-tool-list>button>svg:last-child{top:21px;right:13px}.access-page{min-height:calc(100dvh - 70px);padding:20px 18px 30px;justify-content:flex-start;gap:17px}.access-panel{padding:25px 22px 22px;border-radius:16px}.access-tabs{margin-bottom:28px}.access-heading h1{font-size:32px;letter-spacing:-1px}.access-heading{margin-bottom:25px}.access-heading p{font-size:14px}.access-demo{font-size:12px}.access-panel .form-pair{gap:10px}.access-panel .field{margin-bottom:18px}.access-panel .field>span:first-child{font-size:14px}}@media (max-width:360px){.access-panel{padding-left:17px;padding-right:17px}.access-heading h1{font-size:29px}.launch-content{padding:24px}.launch-content h2{font-size:36px}.studio-tool-list>button{font-size:14px}}.brand-ai{font-size:12px;font-weight:750;letter-spacing:.3px;color:#0a0e12;background:#eaf3fa;border:1px solid #fff;padding:5px 6px;border-radius:5px;align-self:center;line-height:1;margin-inline-start:-5px;box-shadow:0 0 16px #cde5ff26}.header{gap:44px}.header-actions{gap:18px}.balance{background:#e6eef4;border:1px solid #fff;color:#11171c;padding:0 13px;gap:8px;border-radius:8px;box-shadow:0 0 20px #cae6ff12;min-height:42px}.balance b{color:#0d151d;font-weight:700;font-size:18px}.balance span{color:#263441;font-size:12px}.balance-add{border-inline-start:1px solid #9aaab6;padding-inline-start:8px;width:24px;height:19px}.language-select{display:flex;align-items:center;gap:9px;border:1px solid #596670;border-radius:8px;background:#20272d;color:#f0f5f9;padding:0 11px;min-height:44px}.language-select select{cursor:pointer;background:transparent;color:inherit;border:0;font-size:14px;width:100%;min-height:42px;outline-offset:0}.language-select option{color:#fff;background:#1b232a}.language-select.compact{background:transparent;border-color:transparent;padding:0 3px;gap:5px}.language-select.compact select{width:53px;font-size:12px}.menu-dialog .dialog{width:410px;padding:24px;background:#101518;display:flex;flex-direction:column}.menu-dialog .dialog-head{margin:0 0 20px}.navigation-panel{display:flex;flex-direction:column;flex:1}.menu-identity{display:flex;align-items:center;gap:14px;padding:0 9px 24px;border-bottom:1px solid #35414a}.menu-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#dce9f2;color:#182a37}.menu-identity strong{font-size:17px;font-weight:500}.menu-identity div>span{display:block;color:#bdcbd6;margin-top:5px;font-size:13px}.navigation-links section{padding:13px 0;border-bottom:1px solid #35414a}.navigation-links section>a{min-height:49px;display:flex;align-items:center;gap:13px;padding:0 12px;border-radius:7px;color:#e9f1f7;font-size:16px;margin:2px 0}.navigation-links section>a>svg:last-child{margin-inline-start:auto;color:#bbcedd}.navigation-links section>a[aria-current=page]{color:#101820;background:#eaf1f6}.navigation-links section>a[aria-current=page]>svg{color:#101820}.navigation-links .menu-auth>div{display:flex;gap:12px;padding:0 12px;flex-wrap:wrap}.menu-auth>div>a{color:#d0e1ec;font-size:13px;min-height:40px;display:inline-flex;align-items:center}.menu-footer{margin-top:auto;padding-top:20px;display:grid;gap:10px}.menu-footer>button{color:#d0dfe9;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:7px;text-align:start}.public-app{isolation:isolate}.public-app .header{position:relative;z-index:2}.access-page{position:relative;isolation:isolate}.aero-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:#080b0e}.aero-background canvas{width:100%;height:100%;display:block}.aero-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08090a 0%,transparent 18%,transparent 88%,#08090a 100%)}.access-panel{position:relative;background:#14191ef5;border-color:#4a5862;box-shadow:0 30px 100px #0008}.access-explore{position:relative}@media (hover:hover){.primary:hover,.launch-upload:hover,.access-panel .primary:hover,.balance:hover{background:#fff;color:#070e14;filter:none;box-shadow:0 0 0 1px #fff,0 0 30px #c5e4ff55}.secondary:hover,.icon-button:hover,.menu-button:hover,.language-select:hover,.mode-picker>button:hover,.studio-tool-list>button:hover{background:#354754;border-color:#d7edfc;color:#fff;box-shadow:inset 0 0 0 1px #b6d7ed55,0 0 18px #a1d6ff1a}.main-nav a:hover,.text-link:hover,.navigation-links a:hover,.menu-footer>button:hover,.menu-auth>div>a:hover{color:#fff;background:#2d3d49;border-radius:6px;text-shadow:0 0 14px #c9e7ff88}.brand:hover .brand-ai{background:#fff;box-shadow:0 0 24px #cde5ff85}.access-tabs a:not([aria-current]):hover{background:#354754;color:#fff}.swatch:hover{filter:brightness(1.3)}}@media (max-width:980px){.header{gap:22px}.header-actions{gap:9px}.main-nav{gap:18px}.balance span{display:none}}@media (max-width:760px){.header{padding-inline:18px;gap:10px}.brand{font-size:23px;gap:9px}.brand-ai{font-size:10px;padding:4px}.brand-mark{width:22px}.header-actions{gap:6px}.header-actions>.language-select{display:none}.public-app .header-actions>.language-select{display:flex}.balance{min-height:38px;padding:0 8px;gap:5px}.balance b{font-size:17px}.balance-add{display:none}.balance>svg:first-child{width:14px}.menu-button{width:36px}.menu-dialog .dialog{padding:21px;width:390px;max-width:94%}.menu-dialog .dialog-head{margin-bottom:15px}.navigation-links section{padding:9px 0}.menu-identity{padding-bottom:16px}.navigation-links section>a{min-height:46px;font-size:15px}.menu-footer{padding-top:16px}.access-panel{background:#14191ef0}}.billing-region{display:flex;gap:16px;align-items:center;margin:-12px 0 32px;color:#dae5ed;font-size:14px}.billing-region select{background:#20282e;border:1px solid #647783;border-radius:6px;min-height:42px;padding:0 12px;color:#f4f8fa}.launch-content h2{max-width:300px}.main-nav a{padding:0 7px}.studio-tool-list>button{padding-inline-end:25px}.billing-page .plan-row strong{white-space:nowrap}@media (max-width:760px){.billing-region{flex-direction:column;align-items:flex-start;gap:10px}.billing-region select{width:100%}.launch-content h2{max-width:none}.studio-tool-list>button{font-size:14px;padding-inline-end:13px}.account-tabs{flex-wrap:wrap}.access-heading h1{overflow-wrap:anywhere}.balance-summary{flex-wrap:wrap}}.mode-dock button{min-width:0;white-space:normal;line-height:1.3}.navigation-links a:focus-visible{outline-offset:1px}@media (min-width:560px) and (max-width:760px){.studio-home{padding-top:27px}.studio-heading{margin-bottom:23px}.studio-heading h1{font-size:40px}.studio-launch{min-height:335px}.launch-content{position:relative;z-index:1;width:51%;padding:30px 25px}.launch-content h2{font-size:36px;max-width:230px;line-height:1.05}.launch-content p{font-size:14px;max-width:200px}.launch-upload{width:223px;max-width:100%;font-size:14px;padding:0 13px;gap:8px;white-space:nowrap;margin-top:24px}.launch-upload svg{width:18px}.launch-visual{top:0;right:-20px;bottom:0;left:16%}.launch-visual img{width:100%;height:100%;object-fit:cover;object-position:52% center}.studio-launch:after{background:linear-gradient(90deg,#111315,#111315f0 20%,#111315aa 37%,#11131500 72%),linear-gradient(0deg,#08090aee,transparent 40%)}.resume-project{left:auto;right:16px;bottom:16px;gap:18px}.resume-project strong{font-size:15px}.resume-project>span:first-child{font-size:12px}.round-arrow{width:40px;height:40px}.studio-tools>header{flex-direction:row;align-items:baseline}.studio-tools h2{font-size:21px}.studio-tools header>span{font-size:12px}.studio-tool-list{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-tool-list>button{min-height:94px;border-right:1px solid #41474b!important;border-bottom:1px solid #41474b!important}.studio-tool-list>button:nth-child(3n){border-right:0!important}.studio-tool-list>button:nth-child(n+4){border-bottom:0!important}}@media (max-width:559px){.studio-launch{display:flex;flex-direction:column;min-height:0;background:#090c0e}.launch-content{order:0;padding:24px 24px 0;position:relative;z-index:1}.launch-content h2{font-size:clamp(29px,8.8vw,38px)}.launch-upload{margin-top:20px}.launch-visual{order:1;position:relative;inset:auto;width:100%;margin-top:0;z-index:auto}.launch-visual img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent)}.studio-launch:after{display:none}.resume-project{order:2;position:static;margin-top:-7px;padding:0 23px 20px;justify-content:space-between;width:100%}.resume-project>span:first-child{font-size:12px}.resume-project strong{font-size:16px}.round-arrow{width:42px;height:42px}}@media (max-width:760px){.access-panel{background:#14191efa}.aero-background canvas{opacity:.75}}.aero-background:after{background:linear-gradient(180deg,#08090a 0%,transparent 15%,transparent 89%,#08090a 100%)}@media (max-width:760px){.public-app .header{background:#08090ad9}.access-page{padding:62px 18px max(24px,env(safe-area-inset-bottom));gap:14px}.aero-background canvas{opacity:1}.access-panel{background:#12171cf5;padding:23px 22px 20px;border-color:#4c5e6c}.access-tabs{margin-bottom:24px}.access-heading{margin-bottom:23px}.access-heading h1{font-size:clamp(28px,8vw,32px);line-height:1.13;overflow-wrap:normal}.access-heading p{margin-top:12px;line-height:1.5}.access-demo{padding-top:19px;font-size:12px}.access-panel .field{margin-bottom:17px}.access-panel input{height:52px;font-size:16px;scroll-margin-top:20px}.access-panel .primary{min-height:54px}.access-progress{margin-bottom:16px}.access-explore{font-size:13px;min-height:44px;text-align:center}.access-label{gap:12px;align-items:baseline}.access-label a{min-height:30px;display:inline-flex;align-items:center;text-align:end}.access-password{margin-bottom:22px}}@media (max-width:760px) and (max-height:740px){.access-page{padding-top:29px}.access-tabs,.access-heading{margin-bottom:20px}}@media (max-width:360px){.public-app .header{padding-inline:14px;gap:5px}.public-app .brand{font-size:20px;gap:7px}.public-app .brand-mark{width:21px}.public-app .header-actions{gap:3px}.public-app .language-select.compact{gap:2px}.public-app .language-select.compact select{width:43px}.access-page{padding-inline:12px}.access-panel{padding-inline:18px}.access-panel .form-pair{grid-template-columns:1fr;gap:0}.access-label{flex-wrap:wrap;gap:0 12px}}.mode-dock{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:auto;border:0;padding:0 0 16px}.mode-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:78px;padding:12px 5px;background:#1e262c;border:1px solid #576670;border-radius:9px;color:#edf3f7;font-size:13px}.mode-dock button svg{flex-shrink:0}.mode-dock button[aria-selected=true]{background:#e7f1f8;color:#101b23;border-color:#fff;box-shadow:0 4px 22px #d3eaff17;font-weight:600}.mode-dock button[aria-selected=true]:after{display:none}.client-picker{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:44px;margin-top:13px;padding:0 11px;gap:9px;border:1px solid #788f9f;border-radius:8px;background:#25343f;color:#f2f7fb;box-shadow:inset 0 1px #ffffff0c}.client-picker select{color:#f2f7fb;font-size:14px;min-height:44px;padding:0;min-width:0;max-width:240px;background:transparent}.client-picker option{background:#1c2932;color:#fff}.client-picker svg{position:static;flex-shrink:0;color:#d3e7f5}.client-picker:focus-within{outline:2px solid #e3f2ff;outline-offset:3px}.studio-tool-list>button>svg:first-child{box-sizing:content-box;padding:10px;border-radius:10px;background:#2b3944;border:1px solid #60798b;color:#f1f8ff}.mode-picker>button{background:#24313b;color:#f0f6fb;border-color:#718797}.mode-picker>button[aria-pressed=true]{background:#e7f1f8;border-color:#fff;color:#101b23;font-weight:600}@media (hover:hover){.mode-dock button:hover,.mode-picker>button:hover{background:#425b6d;border-color:#e3f3ff;color:#fff;box-shadow:0 0 20px #b6dfff26}.mode-dock button[aria-selected=true]:hover,.mode-picker>button[aria-pressed=true]:hover{background:#fff;color:#101b23}.client-picker:hover{background:#3b5366;border-color:#e3f3ff;box-shadow:0 0 20px #b6dfff22}}@media (min-width:761px) and (max-width:1100px){.mode-dock{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-dock button{flex-direction:row;min-height:55px;font-size:13px;padding-inline:8px}}@media (max-width:760px){.mode-dock{display:none}.mobile-mode-trigger{background:#e7f1f8;border:1px solid #fff;color:#101b23;border-radius:10px;padding:0 17px;min-height:62px;font-weight:600;margin-bottom:12px;box-shadow:0 4px 24px #b9dcff17}.project-head{padding-block:22px}.client-picker{margin-top:11px}.client-picker select{font-size:16px;width:100%;max-width:240px}}@media (max-width:440px){.project-head{flex-wrap:wrap;align-items:center}.project-head>div:first-child{flex:1 1 100%;display:flex;flex-direction:column}.project-head h1{max-width:none}.project-head .project-actions{margin-top:4px;gap:8px}.project-head .project-actions .secondary{width:auto;min-height:40px;padding:0 12px;border:1px solid #69737b}.project-head .project-actions .secondary>span{display:inline}}.billing-tabs{display:flex;gap:8px;padding-bottom:26px;flex-wrap:wrap}.billing-tabs button{min-height:46px;padding:0 18px;border:1px solid #5a6b78;border-radius:8px;color:#eaf1f7;background:#1c252c;font-size:15px}.billing-tabs button[aria-pressed=true]{color:#101b23;border-color:#fff;background:#e7f1f8}.payment-history-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.payment-history-head h2{font-size:25px;font-weight:500}.payment-filter select{border:1px solid #697e8c;border-radius:7px;min-height:44px;color:#f0f5f9;background:#1e2a33;padding:0 12px;font:inherit;font-size:14px;max-width:100%}.payment-preview-note{color:#b9c7d1;font-size:13px;margin:14px 0 22px;line-height:1.5}.payment-list{border:1px solid #465863;border-radius:12px;overflow:hidden}.payment-row{display:grid;grid-template-columns:44px minmax(0,1fr) 180px 150px 20px;align-items:center;width:100%;gap:18px;padding:22px;text-align:left;background:#141c22;border-bottom:1px solid #3a4a56}.payment-row:last-child{border-bottom:0}.payment-row:hover{background:#253641}.payment-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #536b7d;background:#283944;border-radius:50%;color:#e4f2fc}.payment-description{min-width:0}.payment-description strong{display:block;color:#f4f7fa;font-size:16px;font-weight:500;line-height:1.4}.payment-description time{display:block;margin-top:6px;color:#bbcbd7;font-size:13px}.payment-status{display:inline-flex;align-items:center;gap:6px;color:#cfdae3;font-size:13px;line-height:1.4}.payment-status svg{flex-shrink:0}.payment-status.credited{color:#a9e4c1}.payment-status.pending,.payment-status.processing{color:#f2d49f}.payment-amount{font-size:20px;font-weight:500;text-align:right;white-space:nowrap;color:#f6f9fc}.payment-open{color:#d1e0ea}.payment-detail-total{display:flex;flex-direction:column;gap:13px;margin-bottom:30px}.payment-detail-total>strong{font-size:38px;font-weight:500}.payment-details{margin:0 0 24px}.payment-details>div{display:flex;justify-content:space-between;gap:22px;padding:16px 0;border-top:1px solid #3c4a54;font-size:14px;line-height:1.5}.payment-details dt{color:#b9cad7}.payment-details dd{margin:0;text-align:right;color:#f0f6fa;overflow-wrap:anywhere}@media (max-width:980px){.payment-row{grid-template-columns:40px minmax(0,1fr) 150px 120px 18px;gap:12px;padding:19px 16px}.payment-amount{font-size:18px}}@media (max-width:760px){.payment-row{grid-template-columns:38px minmax(0,1fr) auto;gap:8px 12px;padding:19px 14px}.payment-icon{grid-row:1 / 3;width:38px;height:38px}.payment-description{grid-column:2;grid-row:1}.payment-description strong{font-size:14px}.payment-description time{font-size:12px}.payment-row .payment-status{grid-column:2 / 4;grid-row:2;font-size:12px}.payment-amount{grid-column:3;grid-row:1;font-size:16px}.payment-open{display:none}.payment-history-head h2{font-size:22px}.payment-filter{min-width:0}.payment-filter select{font-size:13px}.billing-tabs{gap:7px}.billing-tabs button{padding:0 12px;font-size:14px}}@media (max-width:360px){.payment-row{grid-template-columns:minmax(0,1fr) auto;gap:9px}.payment-icon{display:none}.payment-description{grid-column:1}.payment-amount{grid-column:2}.payment-row .payment-status{grid-column:1 / 3}.payment-history-head{flex-wrap:wrap}}.dialog{min-width:0;max-width:100%}.payment-details dt,.payment-details dd{min-width:0}@media (max-width:440px){.payment-details>div{gap:14px}.payment-details dt{flex:0 0 38%}.payment-details dd{flex:1}.payment-detail-total>strong{font-size:32px}}.dialog-backdrop{grid-template-columns:minmax(0,1fr)}.primary,.launch-upload{justify-content:center}.launch-upload>svg:first-child{margin:0}.resume-project{padding:13px 18px;border:1px solid #8b9aa5;border-radius:9px;background:#10171de8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left}.resume-project:hover{background:#314755;border-color:#e6f4ff}.studio-heading>a{padding:0 14px;min-height:44px;border:1px solid #637582;border-radius:7px;background:#1b252c}.payment-row{grid-template-columns:44px minmax(0,1fr) 180px 150px}@media (max-width:980px) and (min-width:761px){.payment-row{grid-template-columns:40px minmax(0,1fr) 150px 120px}}@media (max-width:760px){.payment-row{grid-template-columns:38px minmax(0,1fr) auto}}@media (max-width:559px){.resume-project{width:auto;margin:0 23px 20px;padding:12px 15px}}@media (max-width:360px){.payment-row{grid-template-columns:minmax(0,1fr) auto}}.select-menu{position:relative;min-width:0;width:fit-content;max-width:100%}.select-menu>button{cursor:pointer;font:inherit}.select-menu>button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-menu-options{position:absolute;top:calc(100% + 8px);left:0;z-index:80;width:max-content;min-width:100%;max-width:min(290px,calc(100vw - 36px));max-height:min(300px,45dvh);overflow:auto;padding:6px;background:#17222b;border:1px solid #71899a;border-radius:10px;box-shadow:0 16px 45px #000a}.select-menu.right .select-menu-options{left:auto;right:0}.select-menu.up .select-menu-options{top:auto;bottom:calc(100% + 8px)}.select-menu-options>button{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;width:100%;padding:10px 12px;text-align:left;color:#e7f0f7;background:transparent;font-size:15px;border-radius:6px}.select-menu-options>button>span{overflow-wrap:anywhere}.select-menu-options>button>svg{flex-shrink:0}.select-menu-options>button[aria-selected=true]{background:#314655;color:#fff}.select-menu-options>button:hover,.select-menu-options>button:focus-visible{outline:none;color:#101b23;background:#e7f1f8}.client-picker:focus-within{outline:none}.client-picker:focus-visible,.language-select:focus-visible{outline:2px solid #e0f1ff;outline-offset:3px}.client-picker{font-size:14px!important}.client-picker>svg:last-child{margin-left:7px}.language-select.compact{border:1px solid #536875;background:#1d2a34;gap:7px;padding:0 10px;font-size:13px}.menu-footer>.select-menu,.menu-footer .language-select{width:100%}.menu-footer .language-select{justify-content:flex-start}.menu-footer .language-select>svg:last-child{margin-left:auto}.header-actions>.select-menu{flex-shrink:0}@media (max-width:760px){.header-actions>.select-menu{display:none}.public-app .header-actions>.select-menu{display:block}.language-select.compact{padding:0 8px;min-height:38px}.language-select.compact>svg:first-child{display:none}.client-picker{font-size:16px!important}.project-head .select-menu{max-width:100%}}:root[data-theme=light]{color-scheme:light;background:#f1f3f4;color:#17212a}:root[data-theme=dark]{color-scheme:dark;background:#050608;color:#f2f6fa}.app{--bg: #050608;--panel: #101418;--raised: #1b2228;--line: #53616b;--ink: #f2f6fa;--muted: #bac8d2;--accent: #f0f5f8;--on-accent: #15212a;--accent-border: #fff;--shadow: #0005;color:var(--ink);background:var(--bg)}.app[data-theme=light]{--bg: #f1f3f4;--panel: #fff;--raised: #e7ecef;--line: #abbac5;--ink: #17212a;--muted: #526370;--accent-border: #8e9fae;--shadow: #34485812}.app[data-accent=lime]{--accent: #d2f65b;--on-accent: #172103;--accent-border: #b5d544}.app[data-accent=ember]{--accent: #ff7954;--on-accent: #291006;--accent-border: #e95d37}.app{--accent-soft: color-mix(in srgb,var(--accent) 15%,var(--panel));--accent-line: color-mix(in srgb,var(--accent) 42%,var(--line));--secondary: var(--ink);--surface: var(--panel)}.header,.public-app .header{background:transparent;border-color:transparent}.brand-mark{color:var(--ink)}.brand-ai{color:var(--on-accent);background:var(--accent);border-color:var(--accent-border);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 12%,transparent)}.main-nav a,.main-nav a.active,.menu-button,.icon-button,.text-link,.zoom-button{color:var(--ink)}.app .primary,.app .launch-upload,.app .balance,.app .mobile-mode-trigger,.app .mode-dock button[aria-selected=true],.app .mode-picker>button[aria-pressed=true],.app .billing-tabs button[aria-pressed=true],.app .access-tabs a[aria-current=page],.app .navigation-links section>a[aria-current=page]{background:var(--accent);color:var(--on-accent);border-color:var(--accent-border);box-shadow:0 3px 20px var(--shadow)}.app .balance b,.app .balance span,.app .navigation-links section>a[aria-current=page]>svg{color:var(--on-accent)}.balance-add{border-color:color-mix(in srgb,var(--on-accent) 30%,transparent)}.app .secondary,.app .language-select,.app .theme-select,.app .mode-dock button,.app .mode-picker>button,.app .client-picker,.app .billing-tabs button,.app .studio-heading>a{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink);box-shadow:none}.app .mode-dock button[aria-selected=true],.app .mode-picker>button[aria-pressed=true],.app .billing-tabs button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent-border)}.client-picker svg,.select-wrap svg{color:inherit}.app .finish-options button[aria-pressed=true],.app .tint-options button[aria-pressed=true],.app .view-switch button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent-border)}.app .text-tabs [aria-pressed=true],.app .text-tabs .active{color:var(--ink);border-color:var(--accent-line);font-weight:500}.swatches button.selected>span{outline-color:var(--accent-line)}.app .plan-row.selected{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.app .accent-options button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line)}.accent-options{gap:10px}.accent-options button{border:1px solid var(--line);border-radius:9px;padding:0 16px;min-height:54px;color:var(--ink)}.accent-sample{flex-shrink:0;border-color:#85939d}.accent-sample.silver{background:#f0f5f8}.accent-sample.lime{background:#d2f65b}.accent-sample.ember{background:#ff7954}.studio-tool-list{background:var(--panel);border-color:var(--line)}.app .studio-tool-list>button{color:var(--ink);border-color:var(--line)!important;background:var(--panel)}.app .studio-tool-list>button>svg:first-child{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink)}.studio-tools header>span,.count,.demo-note,.field-note,.client-note,.client-contact,.client-list small,.client-project-count,.balance-summary span,.balance-summary small,.billing-bottom p,.plan-labels,.plan-row>span:not(.plan-name),.purchase-summary small,.purchase-summary>span,.payment-preview-note,.payment-description time,.payment-details dt,.inspector-footer p,.access-demo,.access-heading p,.access-code-note,.access-progress b{color:var(--muted)}.studio-tools h2,.access-heading h1,.client-list strong,.history-caption button,.payment-description strong,.payment-amount,.payment-details dd{color:var(--ink)}.app .canvas-toolbar,.app .inspector,.app .input-tabs,.app .custom-color,.app .extra,.app .account-tabs,.app .balance-summary,.app .plan-row,.app .client-list>button,.app .payment-details>div,.app .navigation-links section,.app .menu-identity{border-color:color-mix(in srgb,var(--line) 65%,transparent)}.text-tabs button,.text-tabs a,.custom-color,.color-value,.finish-field legend,.finish-options button,.extra summary,.toggle-row,.tint-label,.tint-options button,.field>span:first-child,.reference-box>button:first-child,.access-panel .field>span:first-child,.access-label,.access-label a,.access-back,.access-step-back,.access-explore{color:var(--ink)}.tint-label strong{color:var(--ink)}.finish-options,.reference-box,.tint-options button{border-color:var(--line)}.app .field input,.app .field textarea,.app .field select,.app .access-panel input,.app .billing-region select,.app .payment-filter select{color:var(--ink);background:var(--panel);border-color:var(--line)}.app input::placeholder,.app textarea::placeholder{color:var(--muted)}.app input:focus,.app textarea:focus{border-color:var(--accent-line)}.app .search{border-color:var(--line);color:var(--muted)}.app .search input{color:var(--ink)}.app .dialog,.app .menu-dialog .dialog,.app .select-menu-options,.app .access-panel{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:0 24px 80px var(--shadow)}.app .dialog>p,.app .dialog>form>p{color:var(--muted)}.app .select-menu-options>button,.app .navigation-links section>a,.app .menu-footer>button{color:var(--ink)}.app .select-menu-options>button[aria-selected=true]{background:var(--accent-soft)}.app .select-menu-options>button:focus-visible,.app .select-menu-options>button:hover{background:var(--accent);color:var(--on-accent)}.menu-avatar,.client-initial{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink)}.menu-identity div>span,.menu-auth>div>a{color:var(--muted)}.app .payment-row{background:var(--panel);border-color:var(--line)}.payment-list{border-color:var(--line)}.payment-icon{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink)}.payment-status{color:var(--muted)}.app[data-theme=light] .payment-status.credited{color:#236647}.app[data-theme=light] .payment-status.pending,.app[data-theme=light] .payment-status.processing{color:#815116}.app[data-theme=light] .form-error{color:#af3422}.app .access-tabs{background:var(--raised);border-color:var(--line)}.app .access-tabs a{color:var(--ink)}.app .access-tabs a[aria-current=page]{background:var(--accent);color:var(--on-accent)}.access-progress>.done{background:var(--accent)}.access-password .icon-button{color:var(--ink)}.app .access-panel{background:color-mix(in srgb,var(--panel) 96%,transparent)}.aero-background{background:var(--bg)}.aero-background:after{background:linear-gradient(180deg,var(--bg),transparent 17%,transparent 86%,var(--bg))}.app[data-theme=light] .aero-background canvas{filter:brightness(.5) saturate(.4);opacity:.8}.app .mobile-navigation{background:color-mix(in srgb,var(--panel) 96%,transparent);border-color:var(--line)}.app .mobile-navigation a{color:var(--muted)}.app .mobile-navigation a.active{color:var(--ink)}.app .toast{background:var(--panel);color:var(--ink);border-color:var(--line)}.app[data-theme=light] .project-tile>span,.app[data-theme=light] .history-caption,.app[data-theme=light] .saved-list button{color:var(--ink);border-color:var(--line)}.app .version-list button{color:var(--ink)}.app .version-list button[aria-pressed=true]{border-color:var(--accent-line)}.theme-select{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:0 11px;min-height:44px;font-size:14px}.theme-select.compact{min-height:44px;padding:0 10px}.theme-select.compact>span{font-size:13px}.menu-preferences{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.menu-preferences .select-menu,.menu-preferences .select-menu>button{width:100%}.menu-preferences .select-menu>button{min-width:0}.menu-preferences .select-menu>button>svg:last-child{margin-left:auto}.menu-preferences .select-menu-options{min-width:160px}.menu-preferences .select-menu:first-child .select-menu-options{left:0;right:auto}.client-picker:focus-visible,.language-select:focus-visible,.theme-select:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}@media (hover:hover){.app .primary:hover,.app .launch-upload:hover,.app .balance:hover,.app .mobile-mode-trigger:hover{color:var(--on-accent);background:color-mix(in srgb,var(--accent) 82%,white);border-color:var(--accent-border);box-shadow:0 0 26px color-mix(in srgb,var(--accent) 25%,transparent)}.app .secondary:hover,.app .language-select:hover,.app .theme-select:hover,.app .client-picker:hover,.app .mode-dock button:hover,.app .mode-picker>button:hover,.app .billing-tabs button:hover,.app .studio-tool-list>button:hover,.app .accent-options button:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent-border);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 16%,transparent)}.app .brand:hover .brand-ai{background:var(--accent);color:var(--on-accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 40%,transparent)}.app .main-nav a:hover,.app .text-link:hover,.app .navigation-links a:hover,.app .menu-footer>button:hover,.app .payment-row:hover,.app .icon-button:hover,.app .menu-button:hover{background:var(--accent-soft);color:var(--ink);text-shadow:none}}@media (max-width:1180px){.header{gap:22px}.header-actions{gap:8px}.theme-select.compact>span,.theme-select.compact>svg:last-child{display:none}.theme-select.compact{width:42px;justify-content:center}}@media (max-width:760px){.workspace{padding:0 18px 30px}.page{padding-bottom:28px}.page-head{padding:29px 0 24px;gap:16px}.page-head h1{font-size:27px;letter-spacing:-.65px}.page-actions .secondary{font-size:13px;min-height:42px}.studio-home{padding-top:27px}.studio-heading{margin-bottom:22px}.studio-heading h1{font-size:32px;letter-spacing:-.9px}.studio-heading>a{font-size:12px;padding:0 11px}.project-head{padding-block:20px;gap:9px}.project-head h1{font-size:23px}.client-picker{min-height:44px;font-size:14px!important;margin-top:10px}.mobile-mode-trigger{min-height:54px;font-size:16px;padding:0 15px}.mode-picker>button{min-height:90px;font-size:14px}.inspector h2{font-size:23px;margin-bottom:22px}.color-heading h3{font-size:16px}.inspector-footer{padding-top:22px}.account-tabs{gap:19px;margin-bottom:28px}.account-tabs a{font-size:13px;padding-bottom:14px;min-height:43px}.account-columns{gap:36px}.account-form h2,.appearance h2{font-size:20px;margin-bottom:20px}.field{margin-bottom:18px}.field input,.field select,.field textarea{font-size:16px}.field>span:first-child{font-size:13px;margin-bottom:8px}.client-list strong{font-size:15px}.client-list>button{min-height:76px;gap:12px}.project-tile strong,.history-caption>button:first-child{font-size:16px}.billing-page .page-head{gap:16px}.billing-region{margin:0 0 23px;gap:9px;font-size:13px}.billing-region select{font-size:14px;min-height:44px}.balance-summary{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;padding:0 0 26px;margin-bottom:20px}.balance-summary>div:last-child{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:17px;border-top:1px solid var(--line)}.balance-summary span{font-size:12px;margin-bottom:9px}.balance-summary strong{font-size:26px}.balance-summary small{display:block;font-size:12px;margin-top:5px}.balance-summary>div:last-child strong{font-size:17px}.billing-tabs{padding-bottom:22px}.plan-list{margin-top:8px}.plan-list legend{font-size:20px;margin-bottom:18px}.plan-row{min-height:0;padding:19px 22px 19px 16px;gap:17px}.plan-row .plan-name{font-size:18px}.plan-row strong{font-size:22px}.plan-row>span:not(.plan-name){font-size:16px}.billing-bottom{gap:18px;padding-top:25px}.billing-bottom p{font-size:13px;line-height:1.5}.access-heading h1{font-size:28px;letter-spacing:-.75px}.access-heading p{font-size:14px;margin-top:12px}.access-panel{padding:23px 22px}.access-tabs a{font-size:14px}.access-panel .primary{font-size:15px;min-height:50px}.access-panel input{height:50px}.dialog-head h2{font-size:22px}.payment-history-head h2{font-size:21px}.payment-detail-total>strong{font-size:30px}.menu-preferences .theme-select,.menu-preferences .language-select{font-size:13px;padding:0 9px;gap:7px}.menu-preferences .theme-select>svg:first-child,.menu-preferences .language-select>svg:first-child{width:16px}.public-app .header-actions{gap:5px}.public-app .theme-select.compact{width:35px;min-height:38px;padding:0}.public-app .brand{font-size:20px;gap:7px}.public-app .header{padding-inline:14px}.public-app .brand-mark{width:19px}.public-app .brand-ai{font-size:9px}}@media (max-width:559px){.launch-content{padding:22px 20px 0}.launch-content h2{font-size:29px;letter-spacing:-.7px}.launch-content p{font-size:14px}.launch-upload{font-size:15px;min-height:50px}.resume-project{margin-inline:20px}.studio-tools h2{font-size:21px}.studio-tool-list>button{padding:15px;min-height:109px;gap:11px;font-size:14px}.studio-tool-list>button>svg:first-child{width:23px;height:23px;padding:8px}.studio-tools header>span{font-size:13px}}@media (max-width:360px){.public-app .brand{font-size:18px;gap:6px}.public-app .brand-mark{width:16px}.public-app .header{padding-inline:10px;gap:5px}.public-app .menu-button{width:30px}.page-head h1{font-size:25px}.studio-heading h1{font-size:29px}.project-head h1{font-size:22px}.mobile-navigation a{font-size:12px}.menu-preferences{gap:6px}.menu-preferences .select-menu>button>svg:first-child{display:none}}.main-nav a.active:after{background:var(--accent-line)}.app[data-theme=light] .text-tabs [aria-pressed=true],.app[data-theme=light] .text-tabs .active{border-bottom-color:var(--ink)}.billing-region,.empty p,.history-original span{color:var(--muted)}.app .saved-list button,.app .history-caption>button:first-child{color:var(--ink)}.plan-row small,.review-spec span{color:var(--muted)}.app[data-theme=light] .mobile-navigation a.active svg{color:var(--ink)}.review-spec{border-color:var(--line)}.app .studio-upload-guide{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;min-height:420px;padding:48px 28px;border:1px dashed var(--accent-line);border-radius:14px;color:var(--ink);background:var(--accent-soft);text-align:center;cursor:pointer}.studio-upload-guide strong{max-width:460px;font-size:clamp(20px,2.2vw,28px);font-weight:500;line-height:1.4;letter-spacing:-.5px}.studio-upload-guide>span{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid var(--accent-border);border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:500}.studio-upload-guide small{color:var(--muted);font-size:13px}.studio-upload-guide:hover{border-style:solid;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 12%,transparent)}.client-gate-existing{display:grid;gap:14px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.client-gate-existing .client-picker{width:100%}.client-gate-existing h3{margin:10px 0 0;font-size:17px;font-weight:500}.app button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:760px){.app .studio-upload-guide{min-height:330px;padding:30px 22px;gap:18px}.studio-upload-guide strong{font-size:22px}.studio-upload-guide small{font-size:12px}}.generation-settings{border:0;padding:0;margin:0;min-width:0}.project-title{display:flex;align-items:center;gap:10px;min-width:0}.project-title h1{overflow-wrap:anywhere}.project-title .icon-button{flex-shrink:0}.compare-slider{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#08090a;touch-action:pan-y}.compare-image{width:100%;height:100%;object-fit:contain;object-position:center}.compare-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.compare-slider .comparison-range{top:0;right:0;bottom:0;left:0;height:100%;touch-action:none}.compare-slider:focus-within{outline:2px solid var(--accent);outline-offset:3px}.compare-slider .before-label,.compare-slider .after-label{z-index:2;pointer-events:none}.history-compare{position:relative;width:100%;height:min(60dvh,620px);min-height:260px}.generation-confirm-checkbox{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--text, inherit);cursor:pointer}.generation-confirm-checkbox input{width:20px;height:20px;accent-color:var(--accent, #fff);flex:none}.client-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.client-project-grid .project-tile{max-width:none;min-width:0;overflow:hidden;border:1px solid var(--line, #3b454c);border-radius:12px;background:var(--surface, #111518);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.client-project-grid .project-tile:hover,.client-project-grid .project-tile:focus-visible{border-color:var(--accent, #e5edf2);box-shadow:0 8px 28px #0003;transform:translateY(-2px)}.client-project-grid .project-tile>img{display:block}.client-project-grid .project-tile>span{min-height:60px;padding:14px 16px;border:0}.client-project-grid .project-tile strong{overflow-wrap:anywhere;font-size:16px;font-weight:500}@media (max-width: 900px){.client-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width: 480px){.client-project-grid{grid-template-columns:1fr;gap:12px}}@media (prefers-reduced-motion: reduce){.client-project-grid .project-tile{transition:none}}.app[data-theme=dark] .workspace{background:radial-gradient(ellipse at 50% -20%,#1c252d45,transparent 54%)}.app[data-theme=dark] .dialog,.app[data-theme=dark] .menu-dialog .dialog,.app[data-theme=dark] .select-menu-options,.app[data-theme=dark] .access-panel{background:linear-gradient(145deg,#1a2128ed,#0b0e11f2);border-color:#65768180;box-shadow:0 24px 80px #000b,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.app[data-theme=dark] .mobile-navigation{background:#0b0e12de;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app[data-theme=dark] .client-project-grid .project-tile,.app[data-theme=dark] .payment-row{background:linear-gradient(150deg,#1b2228c9,#0c0f12e8);box-shadow:inset 0 1px #ffffff0a}.app[data-theme=dark] .studio-tool-list>button{background:linear-gradient(145deg,#171d22,#0d1013)}.app[data-theme=dark] .studio-launch{box-shadow:0 24px 70px #0008,inset 0 1px #ffffff0c}h1,h2,h3,.brand{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:650}button,input,textarea,select{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.launch-content h2{max-width:none;font-size:clamp(34px,3.5vw,58px);line-height:1.08;letter-spacing:-.035em;font-weight:700;text-wrap:balance}.menu-logout{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 12px;border-radius:8px;text-align:left;color:var(--ink)}.menu-logout:hover,.menu-logout:focus-visible{background:var(--accent-soft)}@media (max-width: 760px){.launch-content h2{font-size:clamp(29px,7vw,38px)}}.app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}.app :is(h1,h2,h3){font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-wrap:balance}.app :is(.studio-heading h1,.page-head h1,.project-head h1,.access-heading h1){font-weight:700;letter-spacing:-.035em;line-height:1.12}.app :is(.studio-tools h2,.inspector h2,.section-title,.dialog-head h2,.payment-history-head h2,.account-form h2,.appearance h2){font-weight:650;letter-spacing:-.025em;line-height:1.2}.app :is(.primary,.secondary,.launch-upload,.mobile-mode-trigger,.mode-dock button,.mode-picker>button,.studio-tool-list>button,.navigation-links a){font-weight:600;letter-spacing:-.01em}.app :is(.project-tile strong,.client-list strong,.payment-description strong,.menu-identity strong,.history-caption>button:first-child){font-weight:600;line-height:1.3}.app :is(.balance-summary strong,.plan-row strong,.purchase-summary strong,.payment-amount,.payment-detail-total>strong){font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:650;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.app :is(.access-heading p,.launch-content p,.empty p,.client-note,.dialog>p){line-height:1.55}.app :is(input,textarea,select){font-weight:450;line-height:1.4}@media (max-width: 760px){.app :is(.studio-heading h1,.page-head h1,.project-head h1,.access-heading h1){letter-spacing:-.025em}.app :is(.primary,.secondary,.studio-tool-list>button){letter-spacing:0}}.aero-background{background:#050608}.aero-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at 72% 45%,#28394a4d 0%,#101a2229 24%,transparent 53%),radial-gradient(ellipse at 16% 76%,#34465428,transparent 36%)}.aero-reflection{position:absolute;width:150vw;height:24vw;left:-25vw;top:40%;border-radius:50%;transform:rotate(-17deg);pointer-events:none}.aero-reflection-one{border-top:1px solid #b6d4e240;box-shadow:0 -16px 45px #a5cde014,inset 0 12px 30px #b7d9e80a;animation:aero-drift 23s ease-in-out infinite alternate}.aero-reflection-two{top:49%;left:-14vw;border-top:1px solid #d0e6ef24;filter:blur(2px);animation:aero-drift 30s ease-in-out -8s infinite alternate-reverse}.aero-reflection-three{top:33%;left:-36vw;border-top:2px solid #c3e5f51c;filter:blur(9px);animation:aero-drift 34s ease-in-out -12s infinite alternate}@keyframes aero-drift{0%{transform:translate3d(-2%,-1%,0) rotate(-17deg);opacity:.45}to{transform:translate3d(3%,2%,0) rotate(-15deg);opacity:.9}}.app[data-theme=light] .aero-background{background:#edf0f2}.app[data-theme=light] .aero-glow{opacity:.3}.app[data-theme=light] .aero-reflection{border-color:#687b8840}.project-version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-version{overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:10px}.project-version:hover,.project-version:focus-visible{border-color:var(--accent)}.project-version img{width:100%;aspect-ratio:1.65;object-fit:cover}.project-version span{display:grid;gap:4px;padding:12px}.project-version small{color:var(--muted)}@media (max-width: 520px){.aero-reflection{width:230vw;height:55vw;left:-75vw}.project-version-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.aero-reflection{animation:none}}.aero-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 58%,#173a4e85,transparent 55%),radial-gradient(ellipse at 75% 20%,#1e3a4b63,transparent 38%),#040608}.aero-grid{position:absolute;top:50%;right:-30%;bottom:-45%;left:-30%;opacity:.27;transform:perspective(500px) rotateX(62deg);transform-origin:50% 0;background-image:linear-gradient(#9acbe33b 1px,transparent 1px),linear-gradient(90deg,#9acbe33b 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:linear-gradient(transparent,#000 38%,transparent 90%);mask-image:linear-gradient(transparent,#000 38%,transparent 90%)}.aero-car{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.9}.aero-car-glow{opacity:.48;animation:aero-breathe 7s ease-in-out infinite alternate}.aero-car-lines{opacity:.72}.aero-scan{stroke-dasharray:10 90;animation:aero-scan 8s linear infinite;filter:drop-shadow(0 0 8px #bcecff)}.aero-light-sweep{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(105deg,transparent 39%,#8ad9f406 45%,#bfeeff1c 49%,#8ad9f406 53%,transparent 59%);transform:translate(-50%);animation:aero-sweep 12s ease-in-out infinite}.aero-background:after{background:linear-gradient(180deg,#050608bb,transparent 22%,transparent 78%,#050608b5)}.app[data-theme=dark] .access-panel{background:linear-gradient(145deg,#18222be8,#090d11ee);border-color:#a5c5d574;box-shadow:0 30px 100px #000d,0 0 70px #74c7e50d,inset 0 1px #ffffff1a}@keyframes aero-scan{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes aero-breathe{0%{opacity:.24}to{opacity:.62}}@keyframes aero-sweep{0%,12%{transform:translate(-55%);opacity:0}30%{opacity:1}62%,to{transform:translate(55%);opacity:0}}@media (max-width: 760px){.aero-car{width:210%;max-width:none;left:-55%;opacity:.7}.aero-grid{opacity:.2}.aero-atmosphere{background:radial-gradient(ellipse at 50% 50%,#1d455a9c,transparent 62%),#040608}}@media (prefers-reduced-motion: reduce){.aero-car-glow,.aero-scan,.aero-light-sweep{animation:none}.aero-scan{stroke-dasharray:none;opacity:.25}}.app[data-theme=light] .aero-atmosphere{background:radial-gradient(ellipse at 50% 58%,#9bb5c566,transparent 60%),#edf0f2}.app[data-theme=light] .aero-car,.app[data-theme=light] .aero-grid{opacity:.35}.aero-orbit{position:absolute;width:115vmax;height:46vmax;left:50%;top:52%;border:1px solid #b8e4fa4a;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);box-shadow:0 0 25px #8ad9f426,inset 0 0 32px #8ad9f410}.aero-orbit-one{animation:orbit-one 18s ease-in-out infinite alternate}.aero-orbit-two{width:102vmax;height:38vmax;border-color:#c8edff3d;filter:blur(1px);animation:orbit-two 24s ease-in-out -5s infinite alternate}.aero-orbit-three{width:88vmax;height:31vmax;border-color:#d4f0ff2c;filter:blur(4px)}.aero-beam{position:absolute;width:130%;height:2px;top:50%;left:-15%;transform:rotate(-18deg);background:linear-gradient(90deg,transparent 5%,#b7ecff2b 28%,#effcffdd 50%,#82d8f233 72%,transparent 95%);box-shadow:0 0 22px #82d8f2a0,0 0 70px #61a9c94d;animation:beam-breathe 8s ease-in-out infinite alternate}.aero-beam-two{top:64%;opacity:.45;filter:blur(5px);animation-delay:-4s}@keyframes orbit-one{0%{transform:translate(-50%,-52%) rotate(-19deg) scale(.98)}to{transform:translate(-50%,-48%) rotate(-16deg) scale(1.02)}}@keyframes orbit-two{0%{transform:translate(-50%,-48%) rotate(-16deg);opacity:.55}to{transform:translate(-50%,-53%) rotate(-20deg);opacity:.9}}@keyframes beam-breathe{0%{opacity:.35}to{opacity:.9}}@media (max-width: 760px){.aero-orbit{width:190vmax;height:70vmax}.aero-orbit-two{width:170vmax;height:58vmax}.aero-orbit-three{width:150vmax;height:48vmax}}@media (prefers-reduced-motion: reduce){.aero-orbit,.aero-beam{animation:none}}.app[data-theme=dark] .aero-atmosphere{background:radial-gradient(ellipse at 50% 54%,#0b1c26a3,transparent 56%),radial-gradient(ellipse at 78% 25%,#08151e6b,transparent 38%),#000}.app[data-theme=dark] .aero-background:after{background:linear-gradient(180deg,#000e,transparent 24%,transparent 76%,#000e)}.app[data-theme=dark] .access-panel{background:linear-gradient(145deg,#10171cef,#030507f5)}@media (max-width: 760px){.app[data-theme=dark] .aero-atmosphere{background:radial-gradient(ellipse at 50% 48%,#0b202ca3,transparent 60%),#000}}.aero-tracks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.88}.track-bank{animation:track-breathe 9s ease-in-out infinite alternate}.track-bank-1{animation-delay:-4.5s}.track-glint{stroke-dasharray:7 93;filter:drop-shadow(0 0 7px #b7eaff);animation:track-sweep 10s linear infinite}.track-bank-1 .track-glint{animation-delay:-5s}.track-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 68%,#83c5ed19,transparent 32%),radial-gradient(ellipse at 85% 32%,#83c5ed19,transparent 32%);pointer-events:none}@keyframes track-sweep{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes track-breathe{0%{opacity:.62}to{opacity:1}}@media (max-width: 760px){.aero-tracks{width:180%;max-width:none;left:-40%;opacity:.8}}@media (prefers-reduced-motion: reduce){.track-bank,.track-glint{animation:none}.track-glint{stroke-dasharray:none;opacity:.3}}.app[data-theme=dark] .access-panel,.app[data-theme=dark] .dialog,.app[data-theme=dark] .menu-dialog .dialog{background:linear-gradient(145deg,#18232bd9,#05090ce8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app[data-theme=dark] .client-project-grid .project-tile,.app[data-theme=dark] .payment-row{background:linear-gradient(145deg,#1b262db8,#080d11dc);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app[data-theme=dark] .select-menu-options{background:#10171eea;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app[data-theme=dark] .access-panel,.app[data-theme=dark] .dialog,.app[data-theme=dark] .menu-dialog .dialog{background:linear-gradient(145deg,#111a2159,#03060970);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app[data-theme=dark] .client-project-grid .project-tile,.app[data-theme=dark] .payment-row{background:linear-gradient(145deg,#19242b40,#05090b59);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app[data-theme=dark] .select-menu-options{background:#0b1119c7}.app[data-theme=dark] .aero-atmosphere{background:radial-gradient(ellipse at 50% 50%,#101a2052,transparent 62%),#000}.aero-tracks{opacity:1}.track-glow{opacity:.35}.track-glint{stroke-width:1;opacity:.48;filter:drop-shadow(0 0 3px #b7eaff)}.app[data-theme=dark] .access-panel{background:#03060924;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-color:#a4bdca5c;box-shadow:0 24px 75px #0008,inset 0 1px #ffffff12}.app[data-theme=dark] .dialog,.app[data-theme=dark] .menu-dialog .dialog{background:#05090d66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app[data-theme=dark] .client-project-grid .project-tile,.app[data-theme=dark] .payment-row{background:#080d1126;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (max-width: 760px){.app[data-theme=dark] .aero-atmosphere{background:radial-gradient(ellipse at 50% 50%,#101a2052,transparent 62%),#000}}.public-app .access-page{isolation:auto}.public-app .header{background:transparent}.app[data-theme=dark] .aero-background:after{background:linear-gradient(180deg,#0005,transparent 24%,transparent 76%,#0009)}.aero-oil{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;background:radial-gradient(ellipse at 30% 42%,#1c30393b,transparent 40%),radial-gradient(ellipse at 72% 65%,#151e2d45,transparent 43%);filter:blur(28px);animation:oil-drift 18s ease-in-out infinite alternate}.aero-background canvas{position:relative}@keyframes oil-drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.08)}}@media (prefers-reduced-motion: reduce){.aero-oil{animation:none}}.app[data-theme=dark] .aero-oil{background:radial-gradient(ellipse at 24% 38%,#344d597a,transparent 37%),radial-gradient(ellipse at 76% 66%,#202f4670,transparent 41%),radial-gradient(ellipse at 50% 78%,#0d202c7a,transparent 32%);filter:blur(34px);animation-duration:9s}.app[data-theme=dark] .aero-oil{top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(ellipse at 27% 46%,#9ebbc51c 0%,#526b7510 14%,transparent 29%),radial-gradient(ellipse at 72% 58%,#a6bac419 0%,#4a65700e 17%,transparent 32%),radial-gradient(ellipse at 51% 76%,#c2d3d914 0%,transparent 20%);filter:blur(24px);animation:black-water 11s ease-in-out infinite alternate}@keyframes black-water{0%{transform:translate3d(-2%,1%,0) scale(1)}35%{transform:translate3d(2%,-2%,0) scale(1.06,.94)}70%{transform:translate3d(-1%,2%,0) scale(.96,1.05)}to{transform:translate3d(3%,-1%,0) scale(1.04,.98)}}.app[data-theme=dark] .aero-oil{top:-18%;right:-18%;bottom:-18%;left:-18%;background:#000;filter:none;opacity:.68;animation:black-water 24s ease-in-out infinite alternate;will-change:transform}@media (prefers-reduced-motion: reduce){.app[data-theme=dark] .aero-oil{animation:none}}:root[data-theme=dark]{background:#000}.app[data-theme=dark]{--bg: #000;--panel: #0c0e10;--raised: #191d20;--line: #50585d;--ink: #f4f6f7;--muted: #bbc2c7;--shadow: #000a}.app[data-theme=dark] .workspace{background:radial-gradient(ellipse at 65% -20%,#1b20242b,transparent 52%)}.app[data-theme=dark] .studio-launch{background-color:#090b0c}.app[data-theme=dark] .studio-tool-list>button{background:linear-gradient(145deg,#141719,#080a0b)}.app[data-theme=dark] .access-panel,.app[data-theme=dark] .dialog,.app[data-theme=dark] .menu-dialog .dialog{background:linear-gradient(145deg,#171b1e59,#03040570)}.app[data-theme=dark] .client-project-grid .project-tile,.app[data-theme=dark] .payment-row{background:linear-gradient(145deg,#1a1d1f40,#05060659)}.app[data-theme=dark] .mobile-navigation{background:#080a0cdc}.app[data-theme=dark] .aero-oil{filter:grayscale(1)}.app[data-theme=dark] .aero-oil{top:-15%;right:-15%;bottom:-15%;left:-15%;background:#000;filter:none;opacity:.34;animation:black-water 24s ease-in-out infinite alternate}.water-texture{width:100%;height:100%;display:block;opacity:.7}@media (prefers-reduced-motion: reduce){.app[data-theme=dark] .aero-oil{animation:none}.water-texture{visibility:hidden}}.app[data-theme=dark] .aero-background{background:#000}.aero-background .black-water{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:1}.app[data-theme=light] .aero-background .black-water{display:none}.aero-background .water-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.app[data-theme=light] .aero-background .water-video{opacity:.25;filter:grayscale(1)}.ambient-workspace{isolation:isolate}.ambient-workspace .aero-background .water-video{opacity:.19;filter:grayscale(1)}.ambient-workspace .aero-background:after{background:linear-gradient(180deg,#0009,#0003 25%,#0007)}@media (max-width: 760px){.ambient-workspace .aero-background .water-video{opacity:.13}}.app[data-theme=light] .header{background:linear-gradient(180deg,#ffffffed,#f5f7f8de);border-bottom:1px solid #b9c4ca;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app[data-theme=light] .header .brand,.app[data-theme=light] .header .brand-mark,.app[data-theme=light] .header .menu-button{color:#10191f}.app[data-theme=light] .header .brand-ai{color:#fff;background:#18252d;border-color:#18252d;box-shadow:none}.app[data-theme=light] .header .main-nav a{color:#43525b;font-weight:600}.app[data-theme=light] .header .main-nav a.active{color:#10191f}.app[data-theme=light] .header .main-nav a.active:after{background:#16252f}.app[data-theme=light] .header :is(.language-select,.theme-select){color:#17252e;background:#fff;border-color:#a4b2ba;box-shadow:0 2px 8px #1c34420d}.app[data-theme=light] .header .balance{background:#17252e;border-color:#17252e;color:#fff}.app[data-theme=light] .header .balance :is(b,span,svg){color:#fff}.app[data-theme=light] .header .balance-add{border-color:#fff5}@media (hover: hover){.app[data-theme=light] .header :is(.language-select,.theme-select,.menu-button):hover{background:#dbe4e9;color:#10191f}.app[data-theme=light] .header .balance:hover{background:#30434e;color:#fff}}.hero-light{display:none}.app[data-theme=light]{--bg: #f6f6f5;--panel: #fff;--raised: #eeeeec;--line: #a5a7a7;--ink: #171819;--muted: #525656;--shadow: #00000012}.app[data-theme=light][data-accent=silver]{--accent: #202222;--on-accent: #fff;--accent-border: #202222}.app[data-theme=light] .studio-launch{background:#fff;border-color:#d1d2d0;box-shadow:0 18px 55px #0000000d}.app[data-theme=light] .launch-visual .hero-dark{display:none}.app[data-theme=light] .launch-visual .hero-light{display:block}.app[data-theme=light] .studio-launch:after{background:linear-gradient(90deg,#fff 0%,#fffefa 22%,#ffffffb3 36%,transparent 61%),linear-gradient(0deg,#fff8,transparent 30%)}.app[data-theme=light] .launch-content h2{color:#111}.app[data-theme=light] .launch-content p{color:#444}.app[data-theme=light] .launch-upload{background:var(--accent);border-color:var(--accent-border);color:var(--on-accent)}.app[data-theme=light] .studio-tool-list,.app[data-theme=light] .studio-tool-list>button{background:#fff}.app[data-theme=light] :is(.secondary,.language-select,.theme-select,.client-picker,.mode-dock button,.mode-picker>button,.billing-tabs button,.studio-heading>a){background:#eee;border-color:#b3b3b3;color:#171717}.app[data-theme=light] .header{background:linear-gradient(180deg,#ffffffed,#f7f7f6de);border-bottom-color:#c5c5c3}.app[data-theme=light] .header :is(.language-select,.theme-select){background:#fff;border-color:#b2b2b0;color:#171717}.app[data-theme=light] .header .balance{background:#202222;border-color:#202222}.app[data-theme=light].ambient-workspace .aero-background{background:#f6f6f5}.app[data-theme=light].ambient-workspace .water-video{opacity:.1;filter:grayscale(1) invert(1)}.app[data-theme=light].ambient-workspace .aero-background:after{background:linear-gradient(180deg,#f6f6f599,#f6f6f544,#f6f6f5aa)}@media (max-width: 760px){.app[data-theme=light] .studio-launch:after{background:linear-gradient(180deg,#fff 0%,#fff 22%,transparent 48%,#fff9 100%)}}.app[data-theme=light] .studio-launch:after{background:linear-gradient(90deg,#fff 0%,#fff 18%,#ffffff94 26%,transparent 39%)}@media (max-width: 760px){.app[data-theme=light] .studio-launch:after{background:linear-gradient(180deg,#fff 0%,#fff 16%,#ffffff99 25%,transparent 39%)}}.app[data-theme=dark] .studio-launch:after{background:linear-gradient(90deg,#111315 0%,#111315f2 17%,#11131580 26%,transparent 40%),linear-gradient(0deg,#08090a70,transparent 22%)}@media (max-width: 760px){.app[data-theme=dark] .studio-launch:after{background:linear-gradient(180deg,#111315 0%,#111315ed 16%,#11131580 25%,transparent 40%,#08090a66 100%)}}.app[data-theme=dark] .studio-launch{background:#08090acc;border-color:#68707880;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app[data-theme=dark] .launch-visual img{opacity:.9}.app[data-theme=dark] .studio-launch:after{background:linear-gradient(90deg,#08090aeb 0%,#08090ad9 17%,#08090a73 26%,transparent 40%),linear-gradient(0deg,#000d 0%,#0007 12%,transparent 30%)}@media (max-width: 760px){.app[data-theme=dark] .studio-launch:after{background:linear-gradient(180deg,#08090af2 0%,#08090ae0 16%,#08090a80 25%,transparent 40%),linear-gradient(0deg,#000d 0%,#0007 12%,transparent 30%)}}.launch-visual img{object-position:58% 34%}.app[data-theme=dark] .studio-launch:after{background:linear-gradient(90deg,#08090aeb 0%,#08090ad9 17%,#08090a73 26%,transparent 40%)}@media (max-width: 760px){.app[data-theme=dark] .studio-launch:after{background:linear-gradient(180deg,#08090af2 0%,#08090ae0 16%,#08090a80 25%,transparent 40%)}}.launch-visual img{object-position:58% 76%}.app[data-theme=light] .studio-launch{background:#ffffff24;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app[data-theme=light] .studio-launch:after{background:linear-gradient(90deg,#fff 0%,#ffffffe8 17%,#ffffff55 25%,transparent 32%)}.app[data-theme=dark] .studio-launch{background:#08090a35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app[data-theme=dark] .launch-visual img{opacity:1}.app[data-theme=light] :is(.access-panel,.dialog,.menu-dialog .dialog,.client-project-grid .project-tile,.payment-row){background:#ffffff38;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app[data-theme=dark] :is(.access-panel,.dialog,.menu-dialog .dialog,.client-project-grid .project-tile,.payment-row){background:#05060738;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (min-width: 560px) and (max-width: 760px){.launch-visual img{object-position:52% 76%}}@media (max-width: 559px){.launch-visual img{object-position:50% 76%;-webkit-mask-image:none;mask-image:none}}@media (max-width: 760px){.app[data-theme=light] .studio-launch:after{background:linear-gradient(180deg,#fff 0%,#ffffffe8 13%,#ffffff55 22%,transparent 31%)}}.launch-visual img{object-position:58% 53%}@media (min-width: 560px) and (max-width: 760px){.launch-visual img{object-position:52% 53%}}@media (max-width: 559px){.launch-visual img{object-position:50% 53%}}.app[data-theme=light] .dialog-backdrop{background:#14191c66}.app[data-theme=light] :is(.dialog,.menu-dialog .dialog,.select-menu-options,.toast){background:#fffffff2;color:#171819;border-color:#c5c7c5;box-shadow:0 24px 70px #00000024;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app[data-theme=light] .dialog :is(h1,h2,h3,strong),.app[data-theme=light] .dialog .icon-button{color:#171819}.app[data-theme=light] .dialog :is(p,small),.app[data-theme=light] .menu-identity div>span{color:#505656}.app[data-theme=light] .select-menu-options>button{color:#171819}.app[data-theme=light] .select-menu-options>button[aria-selected=true]{background:#e7e8e6;color:#171819}.app[data-theme=light] .select-menu-options>button:is(:hover,:focus-visible){background:#d8dcda;color:#111}.app[data-theme=light] .header{position:relative;z-index:60}.app[data-theme=light] .header .select-menu:has(>button[aria-expanded=true]){z-index:90}.app[data-theme=light] .menu-preferences .select-menu:has(>button[aria-expanded=true]){z-index:90}.app[data-theme=light] .resume-project{background:#fffffff0;border-color:#c5c8c7;color:#1a1c1c;box-shadow:0 8px 26px #0000001a}.app[data-theme=light] .resume-project>span:first-child{color:#505656}.app[data-theme=light] .resume-project strong{color:#171919}@media (hover: hover){.app[data-theme=light] .resume-project:hover{background:#fff;border-color:#777e7b}}.app[data-theme=dark] .access-panel{background:#080a0bb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app[data-theme=light] .access-panel{background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app[data-theme=light] .header{background:#ffffff80;border-bottom-color:#c5c5c36b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app[data-theme=light] .dialog-backdrop{background:#f5f5f5a3}.app[data-theme=light] .aero-background{background:#f6f6f5}.app[data-theme=light] .aero-background .water-video{opacity:.12;filter:grayscale(1) invert(1)}.app[data-theme=light] .aero-background:after{background:linear-gradient(180deg,#ffffff70,transparent 25%,transparent 75%,#ffffff70)}.app[data-theme=dark] .access-panel{background:#090b0d}.app[data-theme=light] .header{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.app[data-theme=light] .header :is(.language-select,.theme-select){background:#1c1e1e;border-color:#1c1e1e;color:#fff;box-shadow:none}@media (hover: hover){.app[data-theme=light] .header :is(.language-select,.theme-select):hover{background:#393d3c;border-color:#393d3c;color:#fff}}.app[data-theme=dark] .access-page .access-panel{background:#1c1e208c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle{display:inline-flex;padding:3px;gap:2px;border:1px solid #747c80;border-radius:10px;background:#161a1c;flex-shrink:0}.theme-toggle button{display:grid;place-items:center;width:35px;height:35px;border-radius:7px;color:#bec5c8}.theme-toggle button[aria-pressed=true]{background:#f1f3f4;color:#141819}.app[data-theme=light] .theme-toggle{background:#202222;border-color:#202222}.app[data-theme=light] .theme-toggle button{color:#cfd4d2}.app[data-theme=light] .theme-toggle button[aria-pressed=true]{background:#fff;color:#171919}@media (max-width: 360px){.theme-toggle button{width:31px;height:32px}}.app[data-theme=dark] .header .language-select{background:#161a1c;border-color:#747c80;color:#f1f3f4;box-shadow:none}@media (hover: hover){.app[data-theme=dark] .header .language-select:hover{background:#282e31;border-color:#aeb6ba;color:#fff}}.billing-page .balance-summary{margin-bottom:24px}.billing-page .billing-tabs{padding-bottom:0;margin-bottom:32px}.billing-page .plan-list{margin-top:0}.billing-page .plan-labels,.billing-page .plan-row{padding-inline-end:64px}.billing-page .plan-check{right:24px;top:50%;transform:translateY(-50%)}@media (max-width: 760px){.billing-page .balance-summary{margin-bottom:20px}.billing-page .billing-tabs{margin-bottom:26px}.billing-page .plan-row{padding:20px 48px 20px 16px;gap:18px 12px}.billing-page .plan-row .plan-name{grid-column:1;grid-row:1;font-size:18px;overflow-wrap:anywhere}.billing-page .plan-row strong{position:static;grid-column:2;grid-row:1;text-align:end;font-size:20px}.billing-page .plan-check{inset-inline-end:16px;top:32px}}.app[data-theme=light] .billing-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent-border);color:var(--on-accent)}.session-error-panel{max-width:480px;padding:36px}.session-error-icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:28px;border:1px solid var(--accent-line);border-radius:18px;background:var(--accent-soft);color:var(--ink)}.session-error-panel .access-heading{margin-bottom:28px}.session-error-panel .access-heading h1{font-size:clamp(26px,3vw,34px);line-height:1.14;letter-spacing:-.035em}.session-error-panel .access-heading p{max-width:32ch;line-height:1.6;color:var(--muted)}.session-error-actions{display:grid;gap:12px}.session-error-actions .primary,.session-error-actions .secondary{justify-content:center;width:100%;min-height:52px;gap:10px}.session-error-details{margin-top:24px;color:var(--muted);font-size:13px;line-height:1.6}.session-error-details summary{cursor:pointer;width:fit-content;min-height:28px}.session-error-details p{margin-top:10px;overflow-wrap:anywhere}@media (max-width: 760px){.session-error-panel{padding:28px 24px}.session-error-icon{width:52px;height:52px;margin-bottom:24px;border-radius:15px}}.app .project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--project-min-width, 260px)),1fr));gap:20px;align-items:start}.project-grid>*{min-width:0}.project-grid .project-tile,.project-grid>article{max-width:none;width:100%;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.project-grid .project-tile>span{padding:14px 16px;min-height:60px;border:0}.project-grid .project-tile strong{font-size:16px;overflow-wrap:anywhere}.project-grid .project-tile:hover,.project-grid .project-tile:focus-visible{border-color:var(--accent-line)}.project-grid .history-caption{padding:8px 10px 8px 16px;border:0}.project-grid .history-caption>button:first-child{min-width:0;overflow-wrap:anywhere}.project-grid .history-image img{aspect-ratio:1.65}.project-versions-dialog .dialog{width:760px}.app .project-version-grid{--project-min-width: 180px}@media (max-width: 760px){.app .project-grid{gap:14px}}
