:root{--ink:#07131a;--navy:#07141c;--navy-2:#0a202d;--navy-3:#06354c;--paper:#eef4f7;--white:#fff;--muted:#667382;--muted-light:#9dabb9;--line:#dce1e5;--red:#00aef0;--red-dark:#007eb8;--green:#1b9b65;--amber:#e2a23a;--shadow:0 24px 70px #07142224}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}svg{width:20px;height:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:radial-gradient(circle at 80% 4%,#2a537b17,#0000 25rem),linear-gradient(#eef1f2 0,#f8f8f6 34rem,#f3f4f2 100%);min-height:100vh;overflow-x:hidden}.topbar{z-index:50;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071422f0;border-bottom:1px solid #ffffff17;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:76px;padding:0 clamp(20px,4vw,64px);display:grid;position:sticky;top:0}.brand{width:max-content;color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;letter-spacing:-.04em;width:42px;height:42px;box-shadow:inset -5px -5px 0 var(--red);background:linear-gradient(145deg,#173b60,#0c2036);border:1px solid #ffffff47;border-radius:12px 12px 4px;place-items:center;font-size:.875rem;font-weight:900;display:grid}.brand>span:last-child{align-items:baseline;gap:5px;display:flex}.brand strong{letter-spacing:-.045em;font-size:21px}.brand em{color:#aab8c7;font-size:14px;font-style:normal;font-weight:500}.topbar-center{align-items:center;gap:14px;display:flex}.product-name{color:#d9e2ea;letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:800}.engine-badge{color:#adbac7;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font-size:.875rem;font-weight:700;display:inline-flex}.engine-badge i{background:#718093;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #7180931c}.engine-badge.ready{color:#aee8cd;border-color:#5dcf9740}.engine-badge.ready i{background:#48cf8d;box-shadow:0 0 0 4px #48cf8d1f}.engine-badge.needs-setup{color:#f2c87e;border-color:#e2a23a47}.engine-badge.needs-setup i{background:var(--amber);box-shadow:0 0 0 4px #e2a23a1f}.topbar-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.text-button,.topbar-cta{letter-spacing:.02em;border-radius:10px;min-height:39px;font-size:.875rem;font-weight:800}.activation-toplink{color:#62d3ff;background:#00aef01a;border:1px solid #00aef04d;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:.875rem;font-weight:900;text-decoration:none;display:inline-flex}.activation-toplink svg{width:14px}.text-button{color:#cad4de;background:0 0;border:1px solid #ffffff26;padding:0 13px}.topbar-cta{background:linear-gradient(135deg, #12baf8, var(--red-dark));color:#fff;border:0;padding:0 16px;box-shadow:0 8px 24px #00aef03d}.workspace-heading{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:clamp(34px,4vw,60px);margin-bottom:34px;display:grid}.public-launch-bar{background:linear-gradient(90deg,#00aef017,#ffffffd1);border:1px solid #00aef038;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:54px;margin:-12px 0 28px;padding:10px 16px;display:grid;box-shadow:0 10px 30px #0714220d}.public-launch-bar span{color:var(--red-dark);align-items:center;gap:8px;display:inline-flex}.public-launch-bar span svg{width:17px}.public-launch-bar p{color:#536270;margin:0;font-size:.875rem}.public-launch-bar b{color:#0b6d47;font-size:.875rem}.legal-page{background:linear-gradient(#07141c 0,#0a202d 250px,#eef4f7 250px);min-height:100vh;padding:42px 20px 80px}.legal-brand{width:min(860px,100%);margin:0 auto 32px;display:block}.legal-brand img{object-fit:contain;object-position:left center;width:210px;max-height:72px}.legal-page article{width:min(860px,100%);box-shadow:var(--shadow);background:#fff;border-radius:22px;margin:0 auto;padding:clamp(28px,5vw,58px)}.legal-page h1{letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(38px,7vw,64px)}.legal-page h2{letter-spacing:-.025em;margin:32px 0 8px;font-size:20px}.legal-page p{color:#556573;font-size:15px;line-height:1.75}.legal-page a{color:var(--red-dark)}.legal-return{background:var(--navy);border-radius:10px;margin-top:30px;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-flex;color:#fff!important}footer a{color:inherit}@media (width<=720px){.public-launch-bar{grid-template-columns:1fr auto;gap:6px 12px}.public-launch-bar p{grid-area:2/1/auto/-1}.legal-page{padding-top:28px}}.eyebrow{color:var(--red);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:.875rem;font-weight:900;line-height:1.45}.workspace-heading h1{max-width:980px;color:var(--navy);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(38px,5vw,69px);line-height:1.02}.workspace-heading>p{max-width:560px;color:var(--muted);margin:0 0 6px;font-size:15px;line-height:1.7}.step-bar{align-items:center;gap:12px;margin-bottom:18px;padding:0 4px;display:flex}.step-bar>span{color:#88939e;align-items:center;gap:8px;font-size:.875rem;font-weight:800;display:flex}.step-bar>span b{background:#f9faf9;border:1px solid #cfd6dc;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.875rem;display:grid}.step-bar>span b svg{width:13px}.step-bar>span.complete{color:var(--green)}.step-bar>span.complete b{background:#eaf7f1;border-color:#b7dfcd}.step-bar>i{background:#ccd4da;width:38px;height:1px}.studio-grid{grid-template-columns:minmax(0,1.5fr) minmax(390px,.72fr);align-items:start;gap:18px;display:grid}.visual-stage,.vision-panel{box-shadow:var(--shadow);border:1px solid #0e253d17;border-radius:22px}.visual-stage{color:#fff;background:#071524;position:sticky;top:94px;overflow:hidden}.stage-header{background:linear-gradient(#102943,#0b2035);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px 18px;display:flex}.stage-header>div:first-child{min-width:0}.stage-kicker,.stage-header strong{align-items:center;display:flex}.stage-kicker{color:#8fa2b4;letter-spacing:.1em;text-transform:uppercase;gap:6px;font-size:.875rem;font-weight:800}.stage-kicker svg{width:14px}.stage-header strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:420px;margin-top:4px;font-size:14px;overflow:hidden}.stage-tools{align-items:center;gap:8px;display:flex}.comparison-ready{color:#b9f1d7;background:#2faa701c;border:1px solid #5cd3973d;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:.875rem;font-weight:900;display:inline-flex}.comparison-ready svg{width:14px}.view-switcher{background:#020b1459;border:1px solid #ffffff21;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.view-switcher button{color:#8fa1b4;text-transform:uppercase;background:0 0;border:0;border-radius:6px;min-width:70px;min-height:32px;padding:0 10px;font-size:.875rem;font-weight:900}.view-switcher button.active{color:var(--navy);background:#fff;box-shadow:0 4px 12px #00000038}.stage-upload{color:#fff;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:9px;align-items:center;gap:7px;min-height:39px;padding:0 12px;font-size:.875rem;font-weight:800;display:inline-flex}.stage-upload svg{width:16px}.image-canvas{background-color:#050f1a;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.image-canvas.comparison-mode{min-height:0;max-height:none;padding:14px;display:block}.before-after-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.before-after-grid figure{background:#020a12;border:1px solid #ffffff1f;border-radius:13px;min-width:0;margin:0;position:relative;overflow:hidden}.before-after-grid figure:last-child{border-color:#5cd3975c;box-shadow:0 0 0 1px #5cd39714,0 16px 35px #00000047}.before-after-grid .project-image{object-fit:contain;position:absolute;inset:0}.before-after-grid figcaption{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020a12c7;border:1px solid #ffffff24;border-radius:9px;flex-direction:column;justify-content:center;min-height:44px;padding:7px 10px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.before-after-grid figcaption span{letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;font-weight:950}.before-after-grid figcaption small{color:#aab8c6;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.875rem;overflow:hidden}.project-image{object-fit:contain;background:#050f1a;width:100%;height:100%;animation:.25s ease-out image-in;display:block;position:absolute;inset:0}@keyframes image-in{0%{opacity:.15;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.empty-state{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.empty-state>img{object-fit:cover;opacity:.78;filter:saturate(.75);width:100%;height:100%;position:absolute;inset:0}.empty-shade{background:linear-gradient(90deg,#030d17f0,#04101cc7 53%,#04101c6b);position:absolute;inset:0}.empty-content{z-index:2;text-align:center;flex-direction:column;align-items:center;width:min(440px,100% - 50px);display:flex;position:relative}.empty-icon{color:#67d8ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff3d;border-radius:18px;place-items:center;width:66px;height:66px;display:grid;box-shadow:inset -5px -5px #00aef08c}.empty-content h2{letter-spacing:-.04em;margin:22px 0 8px;font-size:clamp(25px,3vw,38px)}.empty-content p{color:#aab8c6;max-width:370px;margin:0;font-size:.875rem;line-height:1.6}.empty-content button{min-height:48px;color:var(--navy);background:#fff;border:0;border-radius:11px;align-items:center;gap:10px;margin-top:20px;padding:0 18px;font-size:.875rem;font-weight:900;display:inline-flex;box-shadow:0 12px 30px #00000045}.empty-content button svg{width:16px}.empty-content small{color:#7f91a2;margin-top:12px;font-size:.875rem}.image-mode{z-index:4;color:#fff;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030d17bd;border:1px solid #fff3;border-radius:8px;align-items:center;min-height:29px;padding:0 10px;font-size:.875rem;font-weight:900;display:inline-flex;position:absolute;bottom:14px;left:14px}.image-mode.after{color:#b9f1d7;border-color:#5dcf9766}.generation-overlay{z-index:8;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030d17d1;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.vision-orb{color:#67d8ff;background:radial-gradient(circle at 30% 25%,#2b5a84,#102944 62%,#081929);border:1px solid #fff3;border-radius:23px;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 0 0 10px #ffffff09,0 20px 60px #0000006b}.vision-orb.active{animation:1.8s ease-in-out infinite orb-pulse}@keyframes orb-pulse{50%{transform:translateY(-4px)scale(1.04);box-shadow:0 0 0 17px #00aef012,0 23px 70px #00000080}}.generation-overlay strong{letter-spacing:-.035em;margin-top:22px;font-size:clamp(20px,2.5vw,30px)}.generation-overlay p{color:#9fafbd;margin:7px 0 0;font-size:.875rem}.generation-progress{grid-template-columns:repeat(4,1fr);gap:6px;width:min(330px,70%);margin-top:24px;display:grid}.generation-progress span{background:#ffffff24;border-radius:999px;height:3px;overflow:hidden}.generation-progress span.filled{background:linear-gradient(90deg, var(--red), #66d8ff)}.stage-footer{background:linear-gradient(#091b2e,#071725);border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:20px;min-height:71px;padding:13px 18px;display:flex}.stage-note{color:#8496a8;align-items:center;gap:9px;display:flex}.stage-note>svg{width:18px}.stage-note strong,.stage-note small{display:block}.stage-note strong{color:#c8d2dc;font-size:.875rem}.stage-note small{margin-top:2px;font-size:.875rem}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.result-actions button{color:#d8e0e8;background:#ffffff0a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;min-height:37px;padding:0 11px;font-size:.875rem;font-weight:800;display:inline-flex}.result-actions button svg{width:14px}.result-actions .estimate-link{color:var(--navy);background:#fff;border-color:#fff}.vision-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;padding:clamp(20px,2.1vw,30px)}.panel-heading{border-bottom:1px solid #e5e9ec;grid-template-columns:auto 1fr;gap:14px;padding-bottom:22px;display:grid}.assistant-mark{background:linear-gradient(145deg, var(--navy-3), var(--navy));color:#67d8ff;border-radius:14px;place-items:center;width:47px;height:47px;display:grid;box-shadow:inset -4px -4px #00aef0b3}.assistant-mark svg{width:22px}.panel-heading small{color:var(--red);letter-spacing:.13em;font-size:.875rem;font-weight:900}.panel-heading h2{color:var(--navy);letter-spacing:-.04em;margin:4px 0;font-size:24px;line-height:1.05}.panel-heading p{color:#7a8793;margin:0;font-size:.875rem}.surface-block,.prompt-block,.detected-block,.example-block{margin-top:21px}.surface-block{border-radius:14px}.surface-block.surface-picker-active{animation:1.25s ease-out surface-picker-cue}@keyframes surface-picker-cue{0%{background:#00aef029;margin-left:-12px;margin-right:-12px;padding:12px;box-shadow:0 0 0 2px #00aef080,0 12px 30px #00aef029}72%{background:#00aef014;margin-left:-12px;margin-right:-12px;padding:12px;box-shadow:0 0 0 2px #00aef038,0 8px 22px #00aef014}to{box-shadow:none;background:0 0;margin-left:0;margin-right:0;padding:0}}.surface-block>label,.prompt-block>label,.detected-label,.example-block>span{color:#536171;letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:900}.surface-chips{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.surface-chips button{color:#657282;background:#fff;border:1px solid #d8dee3;border-radius:999px;min-height:35px;padding:0 12px;font-size:.875rem;font-weight:800;transition:all .15s}.surface-chips button:hover{border-color:#9eabb6}.surface-chips button.active{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 6px 14px #0b1d3126}.prompt-block>label,.detected-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.prompt-block>label small,.detected-label small{color:#9ba5af;letter-spacing:.04em;font-size:.875rem;font-weight:700}.prompt-box{margin-top:9px;position:relative}.prompt-box textarea{resize:vertical;width:100%;min-height:139px;color:var(--navy);background:#fbfcfc;border:1px solid #ccd5dc;border-radius:14px;outline:0;padding:16px 43px 16px 15px;font-size:.875rem;font-weight:550;line-height:1.58;display:block;box-shadow:inset 0 1px 2px #0a1d3108}.prompt-box textarea:focus{border-color:var(--navy-3);box-shadow:0 0 0 4px #173a5d14}.prompt-spark{color:var(--red);position:absolute;top:13px;right:13px}.prompt-spark svg{width:17px}.instruction-suggestions{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.instruction-suggestions>small{color:#8c97a2;margin-right:3px;font-size:.875rem}.instruction-suggestions button{min-height:28px;color:var(--navy);background:#fff;border:1px solid #dce2e6;border-radius:8px;align-items:center;gap:5px;padding:0 8px;font-size:.875rem;display:inline-flex}.instruction-suggestions button>span{border-radius:4px;width:14px;height:14px}.instruction-suggestions button em{color:#8c97a2;font-style:normal}.detected-label>span{align-items:center;gap:6px;display:inline-flex}.detected-label svg{width:15px}.detected-color{width:100%;min-height:72px;color:var(--navy);text-align:left;background:linear-gradient(135deg,#fff,#f5f7f7);border:1px solid #dce2e6;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:9px;padding:10px;display:grid}.detected-color:hover{border-color:#aeb9c2}.detected-swatch{border:3px solid #fff;border-radius:12px;place-items:center;width:49px;height:49px;display:grid;box-shadow:0 5px 15px #0b1d312e}.detected-color small,.detected-color strong,.detected-color em{display:block}.detected-color small{color:#8a96a1;letter-spacing:.06em;text-transform:uppercase;font-size:.875rem;font-weight:800}.detected-color strong{margin-top:2px;font-size:14px}.detected-color em{color:#74808c;margin-top:3px;font-size:.875rem;font-style:normal}.detected-color b{color:#5f6d7a;background:#edf0f2;border-radius:7px;padding:7px 9px;font-size:.875rem}.empty-color .detected-swatch{color:#8e9aa5;box-shadow:none;background:#eef1f3;border:1px dashed #bdc6cd}.empty-color .detected-swatch svg{width:19px}.example-block>div{gap:6px;margin-top:8px;display:grid}.example-block button{color:#566473;text-align:left;background:#fafbfb;border:1px solid #e1e5e8;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:35px;padding:0 11px;font-size:.875rem;font-weight:750;display:flex}.example-block button:hover{background:#fff;border-color:#b9c2c9}.example-block button svg{width:14px}.setup-notice{color:#855f23;background:#fff8eb;border:1px solid #ead2a5;border-radius:11px;grid-template-columns:auto 1fr;gap:10px;margin-top:18px;padding:12px;display:grid}.setup-notice>svg{width:17px;margin-top:2px}.setup-notice strong{font-size:.875rem}.setup-notice p{color:#947344;margin:3px 0 0;font-size:.875rem;line-height:1.45}.setup-notice a{min-height:34px;color:var(--navy);background:#fff;border-radius:8px;align-items:center;gap:7px;margin-top:9px;padding:0 11px;font-size:.875rem;font-weight:900;text-decoration:none;display:inline-flex}.setup-notice a svg{width:13px}.activation-shell{background:radial-gradient(circle at 20% 0,#00aef026,#0000 31%),radial-gradient(circle at 100% 100%,#255b8433,#0000 38%),#061321;place-items:center;min-height:100vh;padding:28px 16px;display:grid}.activation-card{background:#fafcfefa;border:1px solid #ffffff1c;border-radius:24px;width:min(100%,640px);padding:clamp(26px,5vw,48px);box-shadow:0 34px 90px #00000061}.activation-brand{color:var(--navy);align-items:center;gap:10px;margin-bottom:34px;text-decoration:none;display:inline-flex}.activation-brand span{background:var(--red);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:.875rem;font-weight:950;display:grid;box-shadow:inset -4px -4px #004b6d47}.activation-brand strong{font-size:18px}.activation-card h1{color:var(--navy);letter-spacing:-.055em;margin:8px 0 12px;font-size:clamp(34px,7vw,54px);line-height:.98}.activation-lead{color:#586a7b;margin:0;font-size:14px;line-height:1.65}.activation-status{background:#f3f6f8;border:1px solid #dbe3ea;border-radius:14px;align-items:flex-start;gap:12px;margin:26px 0;padding:16px;display:flex}.activation-status>i{background:#8b9aa8;border-radius:50%;flex:none;width:11px;height:11px;margin-top:5px;box-shadow:0 0 0 5px #8b9aa81f}.activation-status.connected>i{background:#24a96b;box-shadow:0 0 0 5px #24a96b1f}.activation-status.error>i,.activation-status.forbidden>i{background:var(--red);box-shadow:0 0 0 5px #00aef01f}.activation-status.saving>i{background:#3479aa;animation:1.4s ease-in-out infinite orb-pulse}.activation-status strong{color:var(--navy);font-size:.875rem}.activation-status p{color:#657687;margin:3px 0 0;font-size:.875rem;line-height:1.5}.activation-card form label{color:var(--navy);margin-bottom:7px;font-size:.875rem;font-weight:900;display:block}.activation-input{background:#fff;border:1px solid #cad5de;border-radius:11px;align-items:center;height:54px;display:flex;overflow:hidden}.activation-input:focus-within{border-color:#416f95;box-shadow:0 0 0 4px #416f951c}.activation-input input{min-width:0;height:100%;color:var(--navy);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 14px}.activation-input span{color:#147346;letter-spacing:.08em;text-transform:uppercase;background:#e8f4ee;border-radius:6px;margin-right:10px;padding:5px 7px;font-size:.875rem;font-weight:950}.activation-card form>button,.activation-actions>a{background:var(--red);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;width:100%;min-height:54px;margin-top:12px;font-size:.875rem;font-weight:950;text-decoration:none;display:flex;box-shadow:0 12px 28px #007eb847}.activation-card form>button:disabled{opacity:.48}.activation-actions>button,.activation-back{color:#607384;background:0 0;border:0;justify-content:center;align-items:center;width:100%;min-height:42px;margin-top:8px;font-size:.875rem;font-weight:850;text-decoration:none;display:flex}.activation-working{color:#45657e;justify-content:center;align-items:center;gap:9px;padding:16px;font-size:.875rem;font-weight:850;display:flex}.activation-working span{border:2px solid #cfdae2;border-top-color:var(--red);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.activation-security{background:#edf8f3;border-left:3px solid #2aaa70;border-radius:0 10px 10px 0;margin-top:24px;padding:14px 15px}.activation-security strong{color:#12683f;font-size:.875rem}.activation-security p{color:#4e7161;margin:3px 0 0;font-size:.875rem;line-height:1.55}.activation-card ol{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.activation-card li{align-items:center;gap:11px;display:flex}.activation-card li>span{width:27px;height:27px;color:var(--red);border:1px solid #d5dfe6;border-radius:8px;flex:none;place-items:center;font-size:.875rem;font-weight:950;display:grid}.activation-card li p{margin:0}.activation-card li strong{color:var(--navy);font-size:.875rem;display:block}.activation-card li small{color:#6f7f8d;margin-top:2px;font-size:.875rem;display:block}.activation-help{color:#748491;text-align:center;margin:22px 0 0;font-size:.875rem}.activation-help a{color:#007eb8;font-weight:850}.generate-button{background:linear-gradient(135deg, #10bbfa, var(--red-dark));color:#fff;letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:55px;margin-top:21px;font-size:.875rem;font-weight:950;transition:all .18s;display:flex;box-shadow:0 14px 30px #00aef047}.generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #00aef057}.generate-button:disabled{opacity:.72}.generate-button svg{width:17px}.button-spinner{border:2px solid #ffffff52;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-message{color:#778491;text-align:center;min-height:33px;margin:10px 2px 0;font-size:.875rem;line-height:1.5}.status-message.ready{color:var(--green)}.status-message.error{color:#b12833}.status-message.setup{color:#8b662b}.layered-edit-note{color:#d9f4ff;background:linear-gradient(135deg,#00a7e71f,#00a7e709);border:1px solid #00a7e757;border-radius:14px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 15px;display:flex}.layered-edit-note>svg{color:#19bfff;flex:none;width:21px;height:21px}.layered-edit-note strong{margin-bottom:3px;font-size:.9rem;display:block}.layered-edit-note p{color:#a9bdc7;margin:0;font-size:.78rem;line-height:1.45}.panel-trust{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.panel-trust span{color:#8a96a1;align-items:center;gap:4px;font-size:.875rem;display:inline-flex}.panel-trust svg{width:12px;color:var(--green)}.value-strip{background:#dbe0e4;border:1px solid #dbe0e4;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:46px;display:grid;overflow:hidden}.value-strip>div{background:#ffffffd6;min-height:150px;padding:24px}.value-strip span{color:var(--red);letter-spacing:.1em;font-size:.875rem;font-weight:950}.value-strip strong{color:var(--navy);letter-spacing:-.02em;margin-top:13px;font-size:17px;display:block}.value-strip p{color:#74808c;margin:7px 0 0;font-size:.875rem;line-height:1.55}.color-disclaimer{background:#ffffffa3;border:1px solid #dbe0e4;border-radius:14px;grid-template-columns:auto 1fr;gap:20px;margin:18px 0 60px;padding:20px 22px;display:grid}.color-disclaimer strong{color:var(--navy);font-size:.875rem}.color-disclaimer p{color:#78838d;margin:0;font-size:.875rem;line-height:1.65}.color-disclaimer a{color:var(--navy);font-weight:800}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#040e18c7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.color-modal,.estimate-modal{width:min(900px,100%);max-height:calc(100vh - 44px);color:var(--navy);background:#fbfbf9;border-radius:22px;position:relative;overflow:auto;box-shadow:0 40px 110px #0000007a}.color-modal{padding:clamp(24px,4vw,42px)}.color-modal-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.color-modal-header h2,.estimate-modal h2{letter-spacing:-.055em;margin:0;font-size:clamp(30px,4vw,44px);line-height:1}.color-modal-header>div>p:last-child,.estimate-modal>p:not(.eyebrow),.success-state>p:not(.eyebrow){color:#71808d;margin:10px 0 0;font-size:.875rem;line-height:1.55}.modal-close{color:#6f7c89;background:#fff;border:1px solid #d8dee3;border-radius:50%;flex:none;width:39px;height:39px;font-size:23px;line-height:1}.modal-search{color:#84919d;background:#fff;border:1px solid #cdd6dd;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:54px;margin-top:23px;padding:0 14px;display:grid}.modal-search:focus-within{border-color:var(--navy-3);box-shadow:0 0 0 4px #173a5d14}.modal-search input{min-width:0;color:var(--navy);border:0;outline:0;font-size:.875rem}.modal-search button{color:#7b8792;background:0 0;border:0;width:26px;font-size:20px}.filter-row{scrollbar-width:none;gap:7px;margin-top:13px;padding:2px 0 4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{color:#6f7c89;background:#fff;border:1px solid #d9e0e5;border-radius:999px;flex:none;min-height:32px;padding:0 12px;font-size:.875rem;font-weight:850}.filter-row button.active{border-color:var(--navy);background:var(--navy);color:#fff}.catalog-meta{justify-content:space-between;align-items:end;gap:12px;min-height:41px;padding:9px 2px 8px;display:flex}.catalog-meta span{color:var(--navy);font-size:.875rem;font-weight:900}.catalog-meta small{color:#8b96a1;font-size:.875rem}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:485px;padding:2px 5px 3px 1px;display:grid;overflow-y:auto}.color-option{min-width:0;min-height:67px;color:var(--navy);text-align:left;background:#fff;border:1px solid #e0e5e8;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;transition:all .15s;display:grid}.color-option:hover{border-color:#aab6bf;transform:translateY(-1px)}.color-option.selected{border-color:var(--red);box-shadow:0 0 0 2px #00aef01a}.color-chip{border:2px solid #fff;border-radius:10px;width:44px;height:44px;box-shadow:0 4px 12px #091a2c2b}.color-option strong,.color-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.color-option strong{font-size:.875rem}.color-option small{color:#84909b;margin-top:4px;font-size:.875rem}.color-option>svg{width:15px;color:var(--green)}.no-results{color:#84909b;text-align:center;border:1px dashed #ccd4da;border-radius:13px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:180px;display:flex}.no-results strong{color:var(--navy);margin-top:12px}.no-results p{margin:5px 0 0;font-size:.875rem}.result-limit{color:#8b96a1;text-align:center;margin:11px 0 0;font-size:.875rem}.estimate-modal{width:min(620px,100%);padding:clamp(29px,5vw,48px)}.estimate-modal>.modal-close{position:absolute;top:16px;right:16px}.estimate-modal>p:not(.eyebrow){margin-bottom:23px}.estimate-modal label{margin-bottom:13px;display:block}.estimate-modal label>span{color:#65717d;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font-size:.875rem;font-weight:900;display:block}.estimate-modal input,.estimate-modal textarea{width:100%;min-height:45px;color:var(--navy);background:#fff;border:1px solid #d2d9df;border-radius:9px;outline:0;padding:0 11px}.estimate-modal textarea{resize:vertical;padding:11px}.estimate-modal input:focus,.estimate-modal textarea:focus{border-color:var(--navy-3);box-shadow:0 0 0 3px #173a5d14}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.estimate-summary{background:#edf0f1;border-radius:11px;align-items:center;gap:11px;min-height:65px;padding:10px;display:flex}.selection-chip{border:3px solid #fff;border-radius:10px;flex:none;width:43px;height:43px;box-shadow:0 3px 10px #091a2c24}.selection-chip.blank{background:linear-gradient(135deg,#fff,#dce2e6)}.estimate-summary small,.estimate-summary strong{display:block}.estimate-summary small{color:#7a8792;text-transform:uppercase;font-size:.875rem;font-weight:850}.estimate-summary strong{margin-top:4px;font-size:.875rem}.form-error{color:#aa2630;text-align:center;background:#fff0f1;border-radius:8px;margin:9px 0 0;padding:9px;font-size:.875rem}.consent-copy{color:#929ba4;text-align:center;margin-top:10px;font-size:.875rem;line-height:1.5;display:block}.success-state{text-align:center;padding:26px 8px}.success-state>span{width:65px;height:65px;color:var(--green);background:#e4f5ed;border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.dark-button{background:var(--navy);color:#fff;border:0;border-radius:9px;min-width:130px;min-height:43px;margin-top:20px;font-size:.875rem;font-weight:900}footer{color:#7e91a4;background:#061321;justify-content:space-between;align-items:center;gap:25px;min-height:118px;padding:25px clamp(22px,5vw,72px);display:flex}.footer-brand{color:#fff}footer p{color:#fff;letter-spacing:-.02em;font-size:17px;font-weight:750}footer>span{letter-spacing:.08em;text-transform:uppercase;font-size:.875rem}@media (width<=1180px){.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}.studio-grid{grid-template-columns:1fr;max-width:900px;margin:0 auto}.visual-stage{position:static}.vision-panel{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.panel-heading,.generate-button,.status-message,.panel-trust,.setup-notice{grid-column:1/-1}.workspace-heading,.step-bar{max-width:900px;margin-left:auto;margin-right:auto}}@media (width<=760px){.topbar{height:66px;padding:0 15px}.brand-mark{width:36px;height:36px}.brand strong{font-size:18px}.brand em,.text-button{display:none}.topbar-cta{min-height:35px;padding:0 11px;font-size:.875rem}.workspace{width:min(100% - 18px,650px);padding-top:28px}.workspace-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px;padding:0 8px}.workspace-heading h1{letter-spacing:-.04em;font-size:clamp(36px,12vw,54px);line-height:1.04}.workspace-heading>p{font-size:.875rem}.step-bar{justify-content:space-between;padding:0 8px}.step-bar>i{width:16px}.step-bar>span{gap:5px;font-size:.875rem}.step-bar>span b{width:22px;height:22px}.visual-stage,.vision-panel{border-radius:16px}.stage-header{min-height:64px;padding:11px}.stage-header strong{max-width:140px;font-size:.875rem}.comparison-ready{display:none}.view-switcher button{min-width:54px;min-height:29px;font-size:.875rem}.stage-upload{min-height:35px;padding:0 9px;font-size:.875rem}.image-canvas.empty{min-height:430px}.image-canvas.has-photo{min-height:300px;max-height:590px}.image-canvas.comparison-mode{min-height:0;max-height:none;padding:8px}.before-after-grid{grid-template-columns:1fr;gap:8px}.empty-content{width:min(360px,100% - 32px)}.empty-content h2{font-size:27px}.stage-footer{flex-direction:column;align-items:flex-start;padding:12px}.stage-note{display:none}.result-actions{justify-content:stretch;width:100%}.result-actions button{flex:1;justify-content:center}.vision-panel{padding:20px 16px;display:block}.panel-heading h2{font-size:22px}.generate-button{min-height:58px}.value-strip{grid-template-columns:1fr;margin-top:30px}.value-strip>div{min-height:0;padding:20px}.color-disclaimer{grid-template-columns:1fr;gap:7px;margin-bottom:38px}.modal-backdrop{padding:9px}.color-modal,.estimate-modal{border-radius:16px;max-height:calc(100vh - 18px)}.color-modal{padding:23px 16px}.color-grid{grid-template-columns:1fr 1fr}.color-option{min-height:61px}.color-chip{width:37px;height:37px}.form-grid{grid-template-columns:1fr;gap:0}footer{text-align:center;flex-direction:column}}@media (width<=470px){.stage-tools{gap:5px}.stage-upload svg{display:none}.empty-content p{font-size:.875rem}.surface-chips button{min-height:33px;padding:0 10px;font-size:.875rem}.color-grid{grid-template-columns:1fr}.catalog-meta small{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.difference-bar{background:#ffffffb8;border:1px solid #0d253d1f;border-radius:14px;grid-template-columns:repeat(4,1fr);min-height:54px;margin:0 0 18px;display:grid;overflow:hidden;box-shadow:0 9px 30px #0818280d}.difference-bar span{color:#74818e;border-right:1px solid #e1e6e9;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.875rem;display:flex}.difference-bar span:last-child{border-right:0}.difference-bar svg{width:16px;color:var(--red)}.scan-badge{color:#9eafbf;letter-spacing:.05em;text-transform:uppercase;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;min-height:33px;padding:0 9px;font-size:.875rem;font-weight:900;display:inline-flex}.scan-badge svg{width:14px}.scan-badge.ready{color:#9ce2bf;border-color:#50cf9447}.scan-badge.scanning{color:#f1c778}.variant-rail{scrollbar-width:thin;background:#081827;border-top:1px solid #ffffff14;align-items:stretch;gap:7px;padding:10px 12px;display:flex;overflow-x:auto}.variant-rail>div{flex-direction:column;flex:none;justify-content:center;width:115px;padding:0 7px;display:flex}.variant-rail>div span,.variant-rail>div small{display:block}.variant-rail>div span{color:#fff;font-size:.875rem;font-weight:850}.variant-rail>div small{color:#7f92a4;margin-top:3px;font-size:.875rem}.variant-rail>button{color:#fff;text-align:left;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:9px;flex:none;grid-template-columns:53px minmax(0,1fr);align-items:center;gap:8px;width:150px;min-height:58px;padding:5px;display:grid}.variant-rail>button.active{background:#00aef01f;border-color:#32c7ff;box-shadow:0 0 0 2px #00aef01a}.variant-rail img{object-fit:cover;border-radius:6px;width:53px;height:45px;display:block}.variant-rail button span{min-width:0}.variant-rail button strong,.variant-rail button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.variant-rail button strong{font-size:.875rem}.variant-rail button small{color:#8fa2b4;margin-top:3px;font-size:.875rem}.panel-mode-tabs{background:#edf0f2;border:1px solid #dce2e6;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:22px;padding:4px;display:grid}.panel-mode-tabs button{color:#72808c;letter-spacing:.02em;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:39px;padding:0 6px;font-size:.875rem;font-weight:900;display:flex}.panel-mode-tabs button svg{width:14px}.panel-mode-tabs button.active{color:var(--navy);background:#fff;box-shadow:0 4px 12px #081a2b1a}.assistant-mark.iq{color:#8cd2ff;box-shadow:inset -4px -4px #2987c799}.assistant-mark.plan{color:#b9e8ce;box-shadow:inset -4px -4px #1b9b659e}.finish-row{background:#f8f9f9;border:1px solid #dce2e6;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;min-height:48px;margin-top:14px;padding:9px 11px;display:grid}.finish-row>span{color:#5e6c79;letter-spacing:.07em;text-transform:uppercase;font-size:.875rem;font-weight:900}.finish-row select{min-height:31px;color:var(--navy);background:#fff;border:1px solid #ced6dc;border-radius:8px;grid-area:1/2/3;padding:0 27px 0 9px;font-size:.875rem;font-weight:800}.finish-row small{color:#8d98a2;font-size:.875rem}.sample-note{color:#477086;background:#eef5f8;border-radius:10px;grid-template-columns:auto 1fr;gap:8px;margin-top:9px;padding:10px;display:grid}.sample-note svg{width:16px}.sample-note p{margin:0;font-size:.875rem;line-height:1.45}.scan-status-card{background:linear-gradient(135deg,#f8fafb,#eef2f4);border:1px solid #dce2e6;border-radius:13px;grid-template-columns:auto 1fr;gap:11px;margin-top:20px;padding:14px;display:grid}.scan-status-card>span{background:var(--navy);color:#8bd2ff;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.scan-status-card>span svg{width:18px}.scan-status-card.ready{background:#eff8f4;border-color:#b9dfcd}.scan-status-card.ready>span{background:var(--green);color:#fff}.scan-status-card.scanning>span{animation:1.6s ease-in-out infinite orb-pulse}.scan-status-card.setup{background:#fff8eb;border-color:#ead2a5}.scan-status-card.setup>span{color:#fff;background:#9d762f}.scan-status-card strong{color:var(--navy);font-size:.875rem}.scan-status-card p{color:#73818e;margin:4px 0 0;font-size:.875rem;line-height:1.5}.iq-results{margin-top:12px}.iq-metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.iq-metrics>div{background:#fff;border:1px solid #e0e5e8;border-radius:11px;flex-direction:column;justify-content:center;min-width:0;min-height:79px;padding:10px;display:flex}.iq-metrics svg{width:16px;color:var(--red)}.iq-metrics small,.iq-metrics strong{display:block}.iq-metrics small{color:#8a96a1;text-transform:uppercase;margin-top:6px;font-size:.875rem;font-weight:850}.iq-metrics strong{color:var(--navy);text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;margin-top:3px;font-size:.875rem;overflow:hidden}.iq-summary{background:var(--navy);color:#d8e2eb;border-radius:10px;margin:10px 0 0;padding:11px;font-size:.875rem;line-height:1.55}.iq-section{margin-top:13px}.iq-section>span{color:#5d6a77;letter-spacing:.07em;text-transform:uppercase;margin-bottom:7px;font-size:.875rem;font-weight:900;display:block}.tag-list,.surface-list{flex-wrap:wrap;gap:5px;display:flex}.tag-list b{color:#687581;background:#f8f9f9;border:1px solid #dce2e6;border-radius:999px;padding:6px 8px;font-size:.875rem;font-weight:750}.surface-list p{color:#287b58;background:#edf7f2;border-radius:7px;align-items:center;gap:4px;margin:0;padding:5px 7px;font-size:.875rem;display:inline-flex}.surface-list svg{width:11px}.iq-section.prep{background:#fffbf2;border:1px solid #ead8b7;border-radius:10px;padding:10px}.iq-section.prep p{color:#806743;align-items:flex-start;gap:6px;margin:6px 0 0;font-size:.875rem;line-height:1.4;display:flex}.iq-section.prep p svg{flex:none;width:13px}.recommendation-block{border-top:1px solid #e2e6e9;margin-top:18px;padding-top:16px}.recommendation-block>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.recommendation-block>div:first-child span{color:#53616e;letter-spacing:.06em;text-transform:uppercase;font-size:.875rem;font-weight:900}.recommendation-block>div:first-child small{color:#8e99a3;font-size:.875rem}.recommendation-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;display:grid}.recommendation-grid button{min-width:0;color:var(--navy);text-align:left;background:#fff;border:1px solid #dce2e6;border-radius:10px;padding:6px;position:relative}.recommendation-grid button>span{border-radius:7px;width:100%;height:48px;display:block;box-shadow:inset 0 0 0 1px #07162614}.recommendation-grid strong,.recommendation-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recommendation-grid strong{margin-top:7px;font-size:.875rem}.recommendation-grid small{color:#84909b;margin-top:2px;font-size:.875rem}.recommendation-grid b{color:#fff;background:#05121fc7;border-radius:5px;padding:4px 6px;font-size:.875rem;position:absolute;top:10px;right:10px}.scan-again-button{background:var(--navy);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:43px;margin-top:13px;font-size:.875rem;font-weight:900;display:flex}.scan-again-button.secondary{color:var(--navy);background:#fff;border:1px solid #d9e0e4}.scan-again-button svg{width:15px}.iq-disclaimer{color:#909aa4;text-align:center;margin:12px 2px 0;font-size:.875rem;line-height:1.5}.project-name-field{margin-top:20px;display:block}.project-name-field span{color:#64717e;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font-size:.875rem;font-weight:900;display:block}.project-name-field input{width:100%;min-height:42px;color:var(--navy);border:1px solid #d4dce2;border-radius:9px;outline:0;padding:0 11px;font-size:.875rem;font-weight:750}.plan-hero-card{background:linear-gradient(135deg, var(--navy), #153b60);color:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:83px;margin-top:12px;padding:11px;display:grid}.plan-swatch{border:3px solid #ffffffe0;border-radius:12px;width:55px;height:55px;box-shadow:0 6px 18px #00000042}.plan-hero-card small,.plan-hero-card strong,.plan-hero-card p{display:block}.plan-hero-card small{color:#9fb0c1;text-transform:uppercase;font-size:.875rem}.plan-hero-card strong{margin-top:3px;font-size:.875rem}.plan-hero-card p{color:#9eb0c1;margin:3px 0 0;font-size:.875rem}.plan-hero-card>button{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:7px;min-height:31px;padding:0 8px;font-size:.875rem;font-weight:850}.plan-section{margin-top:17px}.plan-section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.plan-section-title>span{color:#53616e;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:.875rem;font-weight:900;display:inline-flex}.plan-section-title svg{width:14px}.plan-section-title small{color:#929ca5;font-size:.875rem}.favorite-board{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.favorite-board>div{background:#fff;border:1px solid #dce2e6;border-radius:10px;grid-template-columns:1fr auto;min-width:0;display:grid;position:relative}.favorite-board>div.active{border-color:var(--red);box-shadow:0 0 0 2px #00aef01a}.favorite-board>div>button:first-child{min-width:0;color:var(--navy);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:6px;display:grid}.favorite-board>div>button:first-child span{border-radius:7px;grid-row:1/3;width:31px;height:31px;box-shadow:inset 0 0 0 1px #07162614}.favorite-board strong,.favorite-board small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.favorite-board strong{font-size:.875rem}.favorite-board small{color:#89949e;font-size:.875rem}.favorite-board>div>button:last-child{color:#98a2ab;background:0 0;border:0;width:25px;font-size:15px}.add-color-card{color:#70808d;background:#f8f9f9;border:1px dashed #c6d0d7;border-radius:10px;min-height:46px;font-size:.875rem;font-weight:800}.finish-options{flex-wrap:wrap;gap:5px;display:flex}.finish-options button{color:#687581;background:#fff;border:1px solid #d8dfe4;border-radius:999px;min-height:31px;padding:0 9px;font-size:.875rem;font-weight:800}.finish-options button.active{border-color:var(--navy);background:var(--navy);color:#fff}.plan-insight{color:#3e687e;background:#edf4f7;border-radius:11px;grid-template-columns:auto 1fr;gap:9px;margin-top:17px;padding:11px;display:grid}.plan-insight>svg{width:17px}.plan-insight strong{text-transform:capitalize;font-size:.875rem}.plan-insight p{margin:3px 0 0;font-size:.875rem;line-height:1.5}.plan-prep{background:#fffbf2;border:1px solid #ead8b7;border-radius:10px;margin-top:10px;padding:10px}.plan-prep>span{color:#7b5c2e;text-transform:uppercase;align-items:center;gap:5px;font-size:.875rem;font-weight:900;display:flex}.plan-prep svg{width:13px}.plan-prep p{color:#866d47;margin:6px 0 0;font-size:.875rem}.plan-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;display:grid}.plan-actions button{min-height:39px;color:var(--navy);background:#fff;border:1px solid #d7dee3;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:.875rem;font-weight:900;display:flex}.plan-actions svg{width:14px}.plan-cta{margin-top:9px}.value-strip.elite{grid-template-columns:repeat(4,1fr)}@media (width<=1180px){.vision-panel{display:block}.panel-heading,.generate-button,.status-message,.panel-trust,.setup-notice{grid-column:auto}}@media (width<=760px){.difference-bar{grid-template-columns:1fr 1fr}.difference-bar span:nth-child(2){border-right:0}.difference-bar span:nth-child(-n+2){border-bottom:1px solid #e1e6e9}.scan-badge{display:none}.variant-rail>div{width:90px}.value-strip.elite{grid-template-columns:1fr}.panel-mode-tabs button{font-size:.875rem}.recommendation-grid{grid-template-columns:repeat(3,minmax(88px,1fr));overflow-x:auto}}@media print{body{background:#fff}.topbar,.workspace-heading,.difference-bar,.step-bar,.visual-stage,.panel-mode-tabs,.value-strip,.color-disclaimer,footer,.plan-actions,.plan-cta,.status-message{display:none!important}.workspace,.studio-grid,.vision-panel{width:100%;max-width:none;box-shadow:none;border:0;margin:0;padding:0}.studio-grid{display:block}.project-plan-panel{display:block!important}}.topbar{background:#060708f5;border-bottom-color:#00aef038;height:84px;box-shadow:0 12px 34px #0000004d}.brand-logo{object-fit:contain;object-position:left center;width:245px;height:62px;display:block}.workspace-heading h1{color:#f7fbfd;text-shadow:0 0 42px #00aef014}.workspace-heading>p{color:#a7b7c0}.difference-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1012d6;border-color:#00aef033;box-shadow:0 15px 38px #00000038}.difference-bar span{color:#8fa3ae;border-right-color:#ffffff17}.difference-bar b{color:#f1f8fb}.step-bar>span{color:#82939c}.step-bar>span b{color:#a7bac3;background:#101619;border-color:#314049}.step-bar>span.active{color:#dff6ff}.step-bar>span.active b{border-color:var(--red);background:var(--red-dark);color:#fff}.step-bar>i{background:#324149}.visual-stage,.vision-panel{border-color:#00aef02e;box-shadow:0 28px 70px #0000003b}.visual-stage{background:#050708}.stage-header{background:linear-gradient(#10171b,#080c0f);border-bottom-color:#00aef026}.vision-panel{background:#f8fbfcf7}.assistant-mark{background:linear-gradient(145deg,#063c56,#07131a)}.panel-mode-tabs button.active{color:#006da1;box-shadow:0 4px 14px #007eb824}.generate-button,.topbar-cta,.activation-card form>button,.activation-actions>a{background:linear-gradient(135deg,#10bdfb,#0079b1)}.value-strip.elite{background:#1d323d;border-color:#1d323d;box-shadow:0 23px 55px #030f1624}.value-strip.elite>div{background:#fcfefff5}.color-disclaimer{background:#0a1013;border-color:#00aef02e}.color-disclaimer strong{color:#f3fbff}.color-disclaimer p{color:#91a6b1}.color-disclaimer a{color:#54d0ff}footer{background:#050607;border-top:1px solid #00aef02e}.footer-logo{width:220px;height:56px}.activation-shell{background:radial-gradient(circle at 18% 0,#00aef02e,#0000 34%),radial-gradient(circle at 100% 100%,#005f8f38,#0000 38%),#050607}.activation-card{background:#090c0efa;border-color:#00aef033;box-shadow:0 34px 100px #0000008c}.activation-brand{width:min(100%,340px);margin-bottom:34px}.activation-brand img{width:100%;height:auto;display:block}.activation-card h1{color:#f3faff}.activation-lead{color:#96a9b3}.activation-status{background:#10171b;border-color:#23343d}.activation-status strong{color:#edf9ff}.activation-status p{color:#8ca1ac}.activation-card form label{color:#e5f5fc}.activation-input{background:#0c1215;border-color:#2d4652}.activation-input input{color:#fff}.activation-input span{color:#65d8ff;background:#00aef01f}.activation-security{border-left-color:var(--red);background:#00aef014}.activation-security strong{color:#66d8ff}.activation-security p{color:#88a5b3}.activation-card li>span{color:#5dd5ff;border-color:#29404b}.activation-card li strong{color:#edf9ff}.activation-card li small{color:#879ca7}.activation-help{color:#748c97}.activation-help a{color:#5dd5ff}.activation-actions>button,.activation-back{color:#8fa6b1}@media (width<=760px){.topbar{grid-template-columns:1fr auto;height:70px}.brand-logo{width:166px;height:52px}.activation-toplink{display:none}.app-shell{background:radial-gradient(circle at 80% 0,#00aef021,#0000 22rem),linear-gradient(#050607 0,#0a0d0f 39rem,#eef4f7 39rem)}.difference-bar span:nth-child(-n+2){border-bottom-color:#ffffff17}.footer-logo{width:180px}}.studio-controls{border:0;min-width:0;margin:0;padding:0}body{font-size:1rem}button,input,select,textarea{font:inherit}button:disabled{opacity:.58;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #009fdd}.app-shell{background:linear-gradient(#060b0e 0,#0c1921 34rem,#eaf1f4 34rem)}.topbar{gap:18px;height:auto;min-height:76px;padding:10px clamp(16px,3vw,48px)}.brand-logo{width:210px;height:54px}.topbar-actions{gap:12px}.topbar-cta,.text-button{white-space:nowrap;min-height:44px}.topbar-center .product-name{font-size:.875rem}.engine-badge{font-size:.75rem}.workspace{width:min(1536px,100%);margin:0 auto;padding:28px clamp(16px,3vw,48px) 36px}.workspace-heading{grid-template-columns:minmax(0,1fr) minmax(210px,310px);gap:24px;margin-bottom:14px}.workspace-heading h1{letter-spacing:-.04em;max-width:900px;font-size:clamp(28px,3vw,44px);line-height:1.15}.workspace-heading>p{margin:0;font-size:1rem;line-height:1.5}.eyebrow{letter-spacing:.12em;margin-bottom:8px;font-size:.75rem}.public-launch-bar{min-height:36px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;margin:0 0 14px;padding:0;display:flex}.public-launch-bar span{color:#91dfff;font-size:.875rem}.public-launch-bar p{color:#a0b3be;font-size:.875rem}.studio-help-actions{align-items:center;gap:18px;display:flex}.help-trigger{color:#f4fbff;cursor:pointer;background:#142d3b;border:1px solid #688898;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:8px 14px;font-size:1rem;font-weight:650;display:inline-flex}.help-trigger:hover{background:#214253;border-color:#91dfff}.help-trigger>span{color:#092331;background:#91dfff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:1rem;font-weight:800;display:grid}.help-modal{overscroll-behavior:contain;color:#173241;background:#fbfdfe;border-radius:20px;width:min(720px,100%);max-height:calc(100dvh - 44px);position:relative;overflow-y:auto;box-shadow:0 40px 110px #0007}.help-header{z-index:1;background:#fbfdfe;border-bottom:1px solid #d8e4eb;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 20px;display:flex;position:sticky;top:0}.help-header .eyebrow{color:#426373;font-size:.75rem;line-height:1.5}.help-header h2{letter-spacing:-.025em;margin:0;font-size:clamp(24px,3vw,30px);line-height:1.2}.help-header h2:focus{outline:none}.help-close{color:#173241;cursor:pointer;background:#fff;border:1px solid #a9beca;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;min-height:48px;padding:8px 12px;font-size:1rem;display:flex}.help-close span{font-size:24px}.help-content{padding:0 28px 28px;font-size:1.0625rem;line-height:1.65}.help-content p{margin:8px 0 0}.help-content .help-intro{color:#3f5b6c;margin-top:22px}.help-steps{counter-reset:help-step;margin:26px 0;padding:0;list-style:none}.help-steps li{counter-increment:help-step;padding-left:49px;position:relative}.help-steps li+li{margin-top:24px}.help-steps li:before{content:counter(help-step);color:#fff;background:#006c98;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1rem;font-weight:750;display:grid;position:absolute;top:0;left:0}.help-content h3{color:#112e3e;margin:0;font-size:1.125rem;line-height:1.5}.help-step-tip{color:#365b70}.help-photo-tip{background:#eef8fc;border:1px solid #b9dce9;border-radius:12px;padding:20px}.help-more{border-bottom:1px solid #d4e0e7;margin-top:12px}.help-more summary{color:#173e53;cursor:pointer;min-height:48px;padding:14px 0;font-weight:700}.help-more p{padding-bottom:16px}.help-content .help-sample-note{color:#496373;margin-top:24px;font-size:1rem}.help-contact{border-top:1px solid #d4e0e7;flex-wrap:wrap;align-items:center;gap:16px;margin:26px 0;padding-top:22px;display:flex}.help-contact p{font-size:1rem}.help-contact a{color:#005b85;text-underline-offset:3px;background:#fff;border:1px solid #7a9cad;border-radius:9px;align-items:center;min-height:48px;padding:8px 14px;font-weight:700;display:inline-flex}.help-done{color:#fff;cursor:pointer;background:#006c98;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px;font-size:1rem;font-weight:700;display:flex}.help-done:hover{background:#005779}.step-bar{gap:12px;margin-bottom:18px}.step-bar>span{color:#9dafba;font-size:.875rem}.step-bar>span b{min-width:25px}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(360px,410px);gap:22px}.visual-stage{border-radius:18px;top:96px}.stage-header{gap:12px;min-height:70px;padding:14px 18px}.stage-header strong{max-width:min(35vw,360px);font-size:1rem;display:block}.stage-kicker{font-size:.75rem}.stage-upload{min-height:44px;font-size:.875rem}.scan-badge,.comparison-ready{display:none}.image-canvas.empty{min-height:500px}.image-canvas.has-photo{min-height:300px;max-height:750px}.image-canvas.comparison-mode{min-height:0;max-height:none;padding:0}.empty-content{width:min(460px,100% - 44px);padding:30px 0}.empty-content h2{font-size:clamp(26px,2.5vw,38px);line-height:1.15}.empty-content p{color:#d4dfe6;font-size:1rem}.empty-content small{color:#b2c6d2;font-size:.75rem;line-height:1.5}.empty-shade{background:linear-gradient(90deg,#030d17d1,#04101c99)}.capture-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 4px;display:flex}.capture-actions button{min-height:48px;margin:0;padding:0 20px;font-size:1rem}.capture-actions .camera-button{color:#fff;box-shadow:none;background:#081722b3;border:1px solid #8098a5}.stage-footer{flex-wrap:wrap;gap:16px;padding:16px 18px}.stage-note strong{font-size:.875rem}.stage-note small{font-size:.75rem;line-height:1.4}.result-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}.result-actions button{min-height:42px;font-size:.875rem}.vision-panel{background:#f9fcfd;border-radius:18px;padding:22px}.panel-mode-tabs{gap:4px;margin:0 0 22px}.panel-mode-tabs button{min-height:44px;padding:8px;font-size:.875rem}.panel-mode-tabs button svg{display:none}.panel-heading{gap:12px;margin-bottom:22px}.panel-heading small{font-size:.75rem}.panel-heading h2{font-size:26px;line-height:1.2}.panel-heading p{font-size:1rem;line-height:1.5}.surface-block{margin-top:0}.surface-block>label,.detected-label>span{text-transform:none;letter-spacing:0;font-size:.875rem}.surface-chips{gap:7px}.surface-chips button{min-height:40px;padding:8px 13px;font-size:.875rem}.detected-label{align-items:start;gap:10px}.detected-label small{white-space:normal;text-align:right;font-size:.75rem}.detected-color{gap:12px;min-height:88px;padding:10px}.detected-color strong{white-space:normal;font-size:1.15rem;line-height:1.25}.detected-color small,.detected-color em{font-size:.75rem;line-height:1.5}.detected-color b{font-size:.875rem}.detected-swatch{width:60px;height:60px}.finish-row{flex-wrap:wrap;gap:8px;margin-top:18px}.finish-row>span{font-size:.875rem}.finish-row select{min-height:42px;padding:7px 12px;font-size:1rem}.finish-row small{display:none}.prompt-block{margin-top:18px}.prompt-block summary{cursor:pointer;color:#406274;padding:8px 0;font-size:.875rem}.prompt-block label{margin-top:8px}.prompt-box textarea{min-height:120px;padding:12px;font-size:1rem;line-height:1.5}.prompt-spark{display:none}.sample-note{background:0 0;border:0;margin:12px 0;padding:0}.sample-note p{color:#586c7a;font-size:.75rem;line-height:1.5}.panel-trust{display:none}.edit-source{gap:6px;margin:18px 0;display:grid}.edit-source label{color:#4f6371;font-size:.875rem;font-weight:700}.edit-source select{color:#172c39;background:#fff;border:1px solid #b9ccd6;border-radius:8px;width:100%;min-width:0;padding:10px 8px;font-size:.875rem}.render-quality{border:0;grid-template-columns:1fr 1fr;gap:8px;min-width:0;margin:20px 0 16px;padding:0;display:grid}.render-quality legend{color:#4f6371;padding:0 0 9px;font-size:.875rem;font-weight:750}.render-quality label{cursor:pointer;background:#fff;border:1px solid #c8d6de;border-radius:10px;align-items:flex-start;gap:7px;padding:12px 9px;display:flex}.render-quality label.selected{background:#eaf7fc;border-color:#008ac3;box-shadow:inset 0 0 0 1px #008ac3}.render-quality input{accent-color:#007faf;flex-shrink:0;width:15px;height:15px;margin:2px 0 0}.render-quality strong,.render-quality small{display:block}.render-quality strong{font-size:.875rem;line-height:1.3}.render-quality small{color:#516a79;margin-top:5px;font-size:.75rem;line-height:1.45}.generate-button{background:#007faf;min-height:54px;margin-top:14px;padding:14px;font-size:1rem;line-height:1.4;box-shadow:0 7px 16px #007faf24}.generate-button:hover:not(:disabled){background:#006c98}.status-message{font-size:.875rem;line-height:1.55}.generation-overlay p{color:#c5d6e0;max-width:360px;font-size:1rem;line-height:1.5}.render-timer{font-variant-numeric:tabular-nums;color:#75d5fb;margin-top:16px;font-size:.875rem}.render-receipt{color:#a6c0ce;border-top:1px solid #24333d;margin:0;padding:12px 18px;font-size:.75rem;line-height:1.5}.photo-quality-note{color:#f1deb4;background:#27333a;align-items:center;gap:10px;margin:0;padding:14px 18px;font-size:.875rem;line-height:1.5;display:flex}.photo-quality-note svg{flex-shrink:0}.variant-rail{padding:12px 18px}.variant-rail>div{min-width:92px}.variant-rail>button{min-width:165px}.variant-rail strong,.variant-rail small{font-size:.75rem}.comparison-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.comparison-toolbar>div{border:1px solid #2d424f;border-radius:10px;gap:3px;padding:3px;display:flex}.comparison-toolbar button{color:#bdcdd6;background:0 0;border:0;border-radius:7px;min-height:40px;padding:8px 12px;font-size:.875rem}.comparison-toolbar button[aria-pressed=true]{color:#0c2636;background:#f1f9fc}.comparison-toolbar>span{color:#a0bdcc;font-size:.875rem}.compare-view{background:#050f1a;width:100%;max-height:70vh;position:relative;overflow:hidden}.compare-view>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.compare-view>input{z-index:5;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-view:focus-within{outline-offset:-3px;outline:3px solid #67d8ff}.compare-divider{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 8px #0008}.compare-divider>span{color:#173c52;word-spacing:5px;background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 20px #0006}.compare-label{color:#fff;pointer-events:none;background:#07131bcc;border-radius:6px;padding:6px 10px;font-size:.875rem;position:absolute;top:14px}.compare-label.before{left:14px}.compare-label.after{right:14px}.compare-hint{color:#9fb9c7;text-align:center;margin:0;padding:12px 16px;font-size:.75rem}.compare-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:0 14px;display:grid}.compare-pair figure{flex-direction:column;min-width:0;margin:0;display:flex}.compare-pair img{object-fit:contain;flex:1;width:100%;height:auto;min-height:0}.compare-pair figcaption{color:#c0d4df;padding:9px 0;font-size:.875rem}.color-disclaimer{margin-top:26px;padding:20px 24px}.color-disclaimer p{font-size:.875rem;line-height:1.65}.color-modal,.estimate-modal{max-height:90dvh;overflow-y:auto}.modal-search input,.estimate-modal input,.estimate-modal textarea{font-size:1rem}.color-modal-header h2{line-height:1.2}.filter-row{flex-wrap:wrap}.filter-row button,.modal-close{min-width:42px;min-height:42px}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(52vh,560px)}.color-option{min-height:72px}.color-option strong{white-space:normal;font-size:.875rem;line-height:1.25}.color-option small{font-size:.75rem}.load-more-colors{color:#173d52;background:#fff;border:1px solid #b9cdd8;border-radius:8px;min-height:44px;margin:16px auto;padding:10px 18px;font-size:.875rem;display:block}.plan-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-actions button{min-height:44px;padding:8px}.plan-hero-card strong,.iq-summary{font-size:1rem;line-height:1.5}.favorite-board,.recommendation-grid{gap:8px}.favorite-board strong,.favorite-board small{white-space:normal}.favorite-board>div>button:last-child{min-width:32px}.finish-options button{min-height:40px}.recommendation-grid strong{white-space:normal;min-height:36px}.recommendation-grid b{display:none}.intelligence-panel p,.project-plan-panel p{line-height:1.55}@media (width<=1180px){.studio-grid{grid-template-columns:minmax(0,1fr) minmax(340px,390px)}.vision-panel{display:block}.topbar-center{display:none}.topbar{grid-template-columns:1fr auto}.workspace-heading{grid-template-columns:1fr;gap:8px}.workspace-heading>p{max-width:none}.stage-footer{flex-direction:column;align-items:flex-start}}@media (width<=900px){.studio-grid{grid-template-columns:minmax(0,1fr)}.visual-stage{position:relative;top:0}.stage-header strong{max-width:65vw}.image-canvas.empty{min-height:420px}.vision-panel{padding:24px}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.topbar{gap:8px;padding:8px 14px}.brand-logo{width:151px;height:44px}.topbar-actions{gap:6px}.topbar-actions .text-button{display:none}.topbar-cta{padding:10px;font-size:.875rem}.workspace{padding:20px 14px 30px}.workspace-heading h1{font-size:30px}.workspace-heading>p{font-size:.875rem}.public-launch-bar{margin-top:4px}.public-launch-bar p{display:none}.studio-help-actions{margin-left:auto}.help-modal{border-radius:14px;max-height:calc(100dvh - 18px)}.help-header{gap:12px;padding:18px}.help-header .eyebrow{display:none}.help-header h2{font-size:24px}.help-close{padding:8px 10px}.help-content{padding:0 18px 22px}.help-steps li{padding-left:43px}.step-bar{justify-content:space-between;gap:6px}.step-bar>span{gap:5px;font-size:.75rem}.step-bar>i{width:12px}.step-bar>span b{width:22px;min-width:22px;height:22px}.visual-stage,.vision-panel{border-radius:14px}.stage-header{min-height:66px;padding:12px 14px}.stage-header strong{max-width:52vw;font-size:.875rem}.stage-upload svg{display:block}.image-canvas.empty{min-height:350px}.empty-content{width:calc(100% - 32px);padding:20px 0}.empty-icon{display:none}.empty-content h2{margin:0 0 12px;font-size:29px}.empty-content p{font-size:.875rem}.capture-actions{gap:8px}.capture-actions button{padding:0 14px;font-size:.875rem}.empty-content small{max-width:290px}.stage-footer{padding:14px}.stage-note{display:none}.result-actions{width:100%}.result-actions button{flex:auto;justify-content:center}.vision-panel{padding:18px}.panel-mode-tabs button{padding:6px;font-size:.875rem}.surface-chips button{min-height:44px}.generate-button{z-index:6;position:sticky;bottom:12px;box-shadow:0 6px 24px #071a3540}.comparison-toolbar{gap:8px;padding:10px}.comparison-toolbar>span{font-size:.75rem}.comparison-toolbar>div{width:100%}.comparison-toolbar button{flex:1;padding:6px}.compare-pair{gap:8px;padding:0 10px}.compare-view{max-height:65vh}.color-modal,.estimate-modal{width:calc(100% - 20px);max-height:94dvh;padding:20px}.color-modal-header h2{font-size:25px}.color-grid{grid-template-columns:1fr}.modal-search{margin-top:16px}.color-disclaimer{padding:18px}.color-disclaimer p{font-size:.75rem}}@media print{.render-quality,.public-launch-bar,.edit-source{display:none!important}}.owner-operations-link{color:#b3dbea;font-size:.875rem}.project-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin:8px 0 12px;display:flex}.project-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-toolbar button,.project-share-link button{color:#eaf7ff;cursor:pointer;background:#142c3b;border:1px solid #52758a;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:9px 14px;font-size:1rem;display:inline-flex}.project-toolbar button[aria-pressed=true]{color:#10354a;background:#d7f3ff;border-color:#8ad8f9}.project-toolbar button svg{width:18px;height:18px}.toolbar-project-name{color:#c3d6e2;flex-direction:column;flex:200px;gap:5px;max-width:310px;font-size:.875rem;display:flex}.toolbar-project-name input{color:#f0faff;background:#112735;border:1px solid #698698;border-radius:9px;width:100%;min-width:0;min-height:44px;padding:9px 12px;font-size:1rem}.project-feedback{color:#b9d9e9;margin:10px 0 18px;font-size:.875rem;line-height:1.6}.project-share-link{flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0 20px;display:flex}.project-share-link label{color:#b9d9e9;flex:280px;gap:8px;font-size:.875rem;display:grid}.project-share-link input{color:#143b50;background:#f1faff;border:1px solid #738e9c;border-radius:8px;width:100%;min-width:0;padding:12px;font-size:1rem}.preview-mode-tabs{background:#102635;border-top:1px solid #29414f;align-items:center;gap:8px;padding:10px 16px;display:flex}.preview-mode-tabs button{color:#d1e6f0;cursor:pointer;background:0 0;border:1px solid #577385;border-radius:8px;flex:1;min-height:44px;padding:8px;font-size:.875rem}.preview-mode-tabs button[aria-pressed=true]{color:#12384d;background:#e5f6fc;border-color:#e5f6fc}.image-canvas.instant-mode{aspect-ratio:auto;min-height:0;max-height:none;padding:0;display:block}.surface-studio{text-align:left;background:#07131c;width:100%}.instant-toolbar{color:#e2f4fc;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.instant-toolbar strong,.instant-toolbar span{line-height:1.5;display:block}.instant-toolbar span{color:#b6d2e1;margin-top:3px;font-size:.875rem}.instant-toolbar button,.instant-bottom button{color:#eafbff;cursor:pointer;background:#133e54;border:1px solid #80b6cf;border-radius:9px;flex-shrink:0;min-height:46px;padding:10px 14px;font-size:.875rem}.instant-toolbar button[aria-pressed=true],.instant-bottom button{color:#0c3044;background:#a1e5ff;border-color:#a1e5ff;font-weight:700}.instant-photo{background:#020a10;place-items:center;width:100%;display:grid;overflow:hidden}.instant-photo canvas{cursor:crosshair;width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.instant-photo canvas:focus-visible{outline-offset:-3px;outline:3px solid #61d8ff}.mask-tools{color:#16384c;background:#eff8fc;border-top:1px solid #c6dfe9;padding:16px}.mask-tools>div{flex-wrap:wrap;gap:7px;display:flex}.mask-tools button{color:#183c50;cursor:pointer;background:#fff;border:1px solid #8daab9;border-radius:8px;min-height:44px;padding:8px 12px;font-size:.875rem}.mask-tools button[aria-pressed=true]{color:#fff;background:#006d99;border-color:#006d99}.mask-tools label{align-items:center;gap:14px;margin-top:16px;font-size:.875rem;display:flex}.mask-tools input{accent-color:#007aa8;flex:1;width:100%;min-width:70px;max-width:250px;min-height:28px}.mask-tools p{margin:10px 0 0;font-size:.875rem;line-height:1.6}.instant-bottom{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.instant-bottom p{color:#c5dce8;margin:0;font-size:.875rem;line-height:1.6}.instant-note{color:#a3becc;margin:0;padding:0 16px 16px;font-size:.875rem;line-height:1.6}.protect-areas{cursor:pointer;color:#183c4f;align-items:start;gap:10px;margin:18px 0 10px;display:flex}.protect-areas input{accent-color:#007dab;flex-shrink:0;width:20px;height:20px;margin:3px 0 0}.protect-areas strong{font-size:.875rem;line-height:1.5;display:block}.protect-areas small{color:#4c6677;margin-top:4px;font-size:.875rem;line-height:1.5;display:block}.guided-progress{color:#183c50;background:#edf8fd;border:1px solid #7293a5;border-radius:14px;margin:18px 0 22px;overflow:hidden}.guided-step-buttons{border-bottom:1px solid #a8c6d6;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.guided-step-buttons button{color:#33576d;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;min-height:66px;padding:12px;font-size:1rem;display:flex}.guided-step-buttons button[aria-current=step]{color:#fff;background:#006d99}.guided-step-buttons b{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.guided-step-caption{padding:18px 22px}.guided-step-caption strong{font-size:1.125rem}.guided-step-caption p{margin:6px 0 0;font-size:1rem;line-height:1.6}.guided-next,.guided-finish button{color:#fff;cursor:pointer;background:#006d99;border:1px solid #007faa;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:16px;padding:13px 16px;font-size:1rem;display:flex}.guided-finish h2{font-size:26px;line-height:1.3}.guided-finish p{color:#446274;font-size:1rem;line-height:1.6}.guided-finish button:nth-last-child(-n+2){color:#14506c;background:#fff}.guided-mode .step-bar,.guided-mode .panel-mode-tabs,.guided-mode .prompt-block,.guided-mode .finish-row,.guided-mode .sample-note,.guided-mode[data-guide-step="1"] .vision-panel{display:none}.guided-mode[data-guide-step="1"] .studio-grid{grid-template-columns:minmax(0,1fr);max-width:1000px;margin:0 auto}.guided-mode[data-guide-step="2"] .vision-panel :is(.detected-block,.edit-source,.render-quality,.protect-areas,.generate-button,.status-message),.guided-mode[data-guide-step="3"] .surface-block,.guided-mode[data-guide-step="4"] .vision-panel :is(.panel-heading,.surface-block,.detected-block,.edit-source,.render-quality,.protect-areas,.generate-button,.status-message,.panel-trust){display:none}.help-content>.help-done{margin-top:20px}.vision-walkthrough{background:#edf7fc;border:1px solid #aacbdc;border-radius:12px;margin:24px 0;overflow:hidden}.walkthrough-top{border-bottom:1px solid #c3dce7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.walkthrough-top button{color:#fff;cursor:pointer;background:#006d99;border:0;border-radius:8px;min-height:44px;padding:9px 12px;font-size:1rem}.walkthrough-scene{min-height:245px;padding:22px 18px}.walkthrough-labels{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.walkthrough-labels span{color:#264d63;background:#fff;border:1px solid #b3cddd;border-radius:7px;padding:7px 11px;font-size:.875rem}.walkthrough-progress{align-items:center;gap:14px;padding:0 18px;font-size:.875rem;display:flex}.walkthrough-progress progress{accent-color:#007daa;flex:1;width:100%;height:12px}.walkthrough-steps{gap:8px;padding:14px 18px 0;display:flex}.walkthrough-steps button{color:#1c4860;cursor:pointer;background:#fff;border:1px solid #8bafc2;border-radius:7px;flex:1;min-height:44px;padding:8px;font-size:.875rem}.walkthrough-steps button[aria-pressed=true]{color:#fff;background:#006d99}.help-content .walkthrough-note{color:#456679;margin:12px 18px 18px;font-size:.875rem}.help-content .project-feedback{color:#214b64}.saved-project-list{margin:22px 0;padding:0;list-style:none}.saved-project-list li{border-bottom:1px solid #cadde7;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.saved-project-list li>div:first-child{min-width:0}.saved-project-list strong{overflow-wrap:anywhere;display:block}.saved-project-list small{color:#49677a;margin-top:4px;font-size:.875rem;line-height:1.5;display:block}.saved-project-list li>div:last-child{flex-shrink:0;gap:8px;display:flex}.saved-project-list button{color:#164b68;cursor:pointer;background:#fff;border:1px solid #93b2c4;border-radius:8px;min-height:44px;padding:9px 12px;font-size:1rem}.estimate-modal .estimate-attachment{align-items:start;gap:10px;margin:18px 0;display:flex}.estimate-modal .estimate-attachment input{accent-color:#007aa8;flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:2px 0 0;padding:0}.estimate-modal .estimate-attachment span{font-size:.875rem;line-height:1.6}.shared-project-page{color:#153748;background:#edf4f7;min-height:100vh}.shared-project-page>header{background:#07131b;justify-content:space-between;align-items:center;gap:20px;padding:16px max(20px,50vw - 590px);display:flex}.shared-project-page header img{width:210px;max-width:36vw;display:block}.shared-project-page header a{text-decoration:none}.shared-project-body{max-width:1180px;margin:0 auto;padding:32px 22px 50px}.shared-project-body h1{overflow-wrap:anywhere;font-size:clamp(28px,4vw,42px);line-height:1.2}.shared-project-body>p{font-size:1rem;line-height:1.65}.shared-project-body>.eyebrow{font-size:.75rem}.shared-comparison{background:#0b2130;border-radius:16px;margin:26px 0;overflow:hidden}.shared-original{object-fit:contain;max-width:100%;max-height:70vh}.shared-choices{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:22px 0;display:grid}.shared-choices button{text-align:left;color:#1b435a;cursor:pointer;background:#fff;border:1px solid #aac5d3;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.shared-choices button[aria-pressed=true]{background:#e5f6fe;border:2px solid #007eaf;padding:9px}.shared-choices img{object-fit:cover;border-radius:6px;width:65px;height:65px}.shared-choices strong,.shared-choices small{line-height:1.5;display:block}.shared-choices small{margin-top:4px;font-size:.875rem}.shared-start{color:#fff;background:#006d99;border-radius:9px;align-items:center;min-height:48px;margin-top:16px;padding:10px 18px;text-decoration:none;display:inline-flex}.operations-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.operations-grid>div{background:#eaf5fb;border:1px solid #adcbdc;border-radius:10px;padding:18px}.operations-grid strong,.operations-grid span{display:block}.operations-grid strong{font-size:26px;line-height:1.4}.operations-grid span{margin-top:8px;font-size:.875rem;line-height:1.5}.operations-table{border-collapse:collapse;width:100%}.operations-table th,.operations-table td{text-align:left;border-bottom:1px solid #c6d9e4;padding:12px 8px}.operations-page article{width:min(1180px,100%)}.lead-pipeline{border-bottom:1px solid #adcbdc;margin:32px 0 48px;padding-bottom:32px}.pipeline-stages{flex-wrap:wrap;gap:8px;display:flex}.pipeline-stages button{color:#12314b;background:#fff;border:1px solid #9ebccc;border-radius:8px;padding:12px;font-size:.875rem}.pipeline-stages button strong{font-size:22px;display:block}.pipeline-stages button[aria-pressed=true]{color:#fff;background:#12314b}.pipeline-toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0 10px;display:flex}.pipeline-toolbar label{flex:220px;font-size:.875rem}.pipeline-toolbar input,.lead-editor input,.lead-editor select,.lead-editor textarea{color:#12314b;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #8dabbc;border-radius:7px;margin-top:7px;padding:10px;display:block}.pipeline-toolbar button{color:#12314b;background:#fff;border:1px solid #8dabbc;border-radius:7px;min-height:44px;padding:10px;font-size:.875rem}.pipeline-layout{grid-template-columns:minmax(180px,.75fr) minmax(0,1.5fr);align-items:start;gap:20px;display:grid}.lead-list{gap:10px;display:grid}.lead-card{text-align:left;color:#12314b;overflow-wrap:anywhere;background:#fff;border:1px solid #adcbdc;border-radius:10px;gap:6px;width:100%;padding:16px;display:grid}.lead-card.selected{background:#edf8fe;border:2px solid #007aa8}.lead-card strong{font-size:18px}.lead-card small,.lead-card span{font-size:.875rem;line-height:1.5}.lead-card span{color:#006a8e;font-weight:700}.lead-detail{overflow-wrap:anywhere;background:#fff;border:1px solid #adcbdc;border-radius:12px;padding:20px}.lead-contact{flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:.875rem;display:flex}.lead-preview{margin:16px 0}.lead-preview img,.estimate-design-review img{object-fit:contain;background:#edf2f5;border-radius:8px;width:100%;max-height:360px}.lead-preview figcaption,.estimate-design-review>small{font-size:.875rem;line-height:1.6;display:block}.lead-image-links{flex-wrap:wrap;gap:16px;display:flex}.lead-confirmation{background:#edf8fe;border-left:3px solid #007aa8;padding:12px;font-size:.875rem}.lead-specs{gap:12px;display:grid}.lead-specs dt{font-size:.875rem;font-weight:700}.lead-specs dd{margin:3px 0 0}.lead-copy p{white-space:pre-wrap;font-size:.875rem}.lead-copy summary{cursor:pointer;padding:10px 0;font-weight:700}.lead-editor{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.lead-editor label{font-size:.875rem}.lead-editor .lead-notes,.lead-editor>p{grid-column:1/-1}.lead-editor textarea{resize:vertical}.pipeline-empty{background:#edf4f8;border-radius:10px;padding:24px}.estimate-design-review{border:1px solid #adcbdc;border-radius:10px;margin:16px 0;padding:14px}@media (width<=700px){.pipeline-layout{grid-template-columns:1fr}.lead-list{max-height:360px;overflow-y:auto}.lead-editor{grid-template-columns:1fr}.pipeline-stages button{flex:130px}}@media (width<=600px){.project-toolbar{gap:12px}.project-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.project-toolbar button{padding:10px 8px;font-size:.875rem}.toolbar-project-name{max-width:none}.owner-operations-link{display:inline-block}.instant-toolbar,.instant-bottom{flex-wrap:wrap}.instant-bottom button{width:100%;font-size:1rem}.guided-step-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.guided-step-buttons button{justify-content:flex-start;min-height:58px;font-size:.875rem}.guided-step-caption{padding:16px}.saved-project-list li{flex-direction:column;align-items:flex-start}.saved-project-list li>div:last-child{width:100%}.saved-project-list button{flex:1}.walkthrough-scene{min-height:290px}.operations-grid{grid-template-columns:1fr}.shared-project-page>header{gap:12px;padding:14px}.shared-project-page header .topbar-cta{font-size:.875rem}}@media print{.project-toolbar,.project-feedback,.project-share-link,.guided-progress,.modal-backdrop,.protect-areas{display:none!important}}.panel-mode-tabs.consultation-tabs{grid-template-columns:1fr 1fr;display:grid}.consultation-panel{color:#163346}.consultation-heading{margin-bottom:22px}.consultation-heading .eyebrow{color:#007ca5;margin:12px 0 8px;font-size:.75rem;line-height:1.6}.consultation-symbol{color:#61dcff;background:#072c3d;border:1px solid #187893;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:inline-flex}.consultation-heading h2{letter-spacing:-.035em;color:#102630;margin:0 0 10px;font-size:clamp(24px,2.2vw,30px);line-height:1.16}.consultation-heading>p:last-child{color:#526978;margin:0;font-size:1rem;line-height:1.6}.consultation-field{margin:0 0 12px;display:block}.consultation-field>span,.consultation-focus>span{color:#173b4c;margin-bottom:9px;font-size:.875rem;font-weight:700;display:block}.consultation-field textarea{resize:vertical;color:#163346;background:#fff;border:1px solid #a7c3d0;border-radius:12px;width:100%;min-height:112px;padding:13px 14px;font-family:inherit;font-size:1rem;line-height:1.65;display:block}.consultation-field textarea::placeholder{color:#617580;opacity:1}.consultation-field textarea:focus,.consultation-focus select:focus{outline-offset:2px;border-color:#006c93;outline:3px solid #76d5f0}.design-style-chips{flex-wrap:wrap;gap:7px;margin:10px 0 20px;display:flex}.design-style-chips button{color:#2d5164;cursor:pointer;background:#fff;border:1px solid #b5cbd5;border-radius:24px;min-height:42px;padding:9px 11px;font-family:inherit;font-size:.875rem;line-height:1.3}.design-style-chips button[aria-pressed=true]{color:#fff;background:#073d55;border-color:#073d55}.consultation-focus{margin:22px 0;display:block}.consultation-focus select{color:#254859;background:#fff;border:1px solid #b5cbd5;border-radius:9px;width:100%;min-height:46px;padding:9px 12px;font-size:1rem}.consultation-panel .consultation-create{text-transform:none;letter-spacing:0;min-height:52px;margin-top:14px;font-size:1rem}.consultation-allowance,.consultation-status{color:#526d7d;margin:11px 0 0;font-size:.875rem;line-height:1.6}.consultation-promise{color:#007fa8;border-top:1px solid #d5e4ec;justify-content:space-between;gap:10px;margin-top:24px;padding-top:17px;font-size:.875rem;display:flex}.consultation-promise span{flex-direction:column;gap:7px;display:flex}.consultation-promise b{color:#3a5869;font-size:.875rem;font-weight:500}.consultation-choice{background:#edf7fa;border:1px solid #b7d5e1;border-radius:12px;margin-bottom:18px;padding:16px}.consultation-choice>small{color:#356478;letter-spacing:.08em;font-size:.75rem;font-weight:700;display:block}.consultation-choice h3{color:#0e3446;margin:8px 0;font-size:22px;line-height:1.25}.consultation-choice>p{color:#345768;margin:10px 0;font-size:.875rem;line-height:1.65}.design-palette{gap:14px;margin:18px 0;padding:0;list-style:none;display:grid}.design-palette li{align-items:center;gap:12px;min-width:0;display:flex}.design-palette .design-swatch{border:1px solid #08253426;border-radius:9px;flex:0 0 42px;width:42px;height:42px}.design-palette li>span:last-child{min-width:0}.design-palette strong{color:#193e50;font-size:1rem;font-weight:600;line-height:1.45;display:block}.design-palette small,.design-palette li>span>span{color:#4d6979;font-size:.875rem;line-height:1.4}.design-palette small{display:block}.design-palette.compact{gap:10px}.design-palette.compact .design-swatch{border-radius:6px;flex-basis:32px;width:32px;height:38px}.design-palette.compact strong{margin-right:7px;font-size:.875rem;display:inline}.design-palette.compact li>span>span{white-space:nowrap}.consultation-conversation,.consultation-restart{border-top:1px solid #d1e1e9;margin:20px 0;padding-top:16px}.consultation-conversation summary,.consultation-restart summary{cursor:pointer;color:#32586b;min-height:36px;font-size:.875rem;font-weight:600}.consultation-conversation [role=log]{max-height:300px;overflow-y:auto}.consultation-conversation p{background:#eff5f8;border-radius:9px;margin:8px 0;padding:12px;font-size:.875rem;line-height:1.6}.consultation-conversation p.user{background:#e0f2f9;margin-left:12px}.consultation-conversation p.assistant{margin-right:12px}.consultation-conversation p strong{margin-bottom:3px;font-size:.875rem;display:block}.consultation-restart>small{color:#4d6979;margin-top:10px;font-size:.875rem;line-height:1.5;display:block}.design-secondary{color:#12536e;cursor:pointer;background:#fff;border:1px solid #91b9cb;border-radius:9px;min-height:44px;padding:10px 14px;font-size:.875rem}.consultation-progress{color:#164b65;background:#def3fb;border-radius:10px;align-items:center;gap:10px;margin-top:16px;padding:12px;display:flex}.consultation-progress p{flex:1;margin:0;font-size:.875rem;line-height:1.5}.consultation-progress .button-spinner{border-color:#085e84 #7dbcd1 #7dbcd1;flex:0 0 18px}.consultation-progress button{color:#244b5e;cursor:pointer;background:#fff;border:1px solid #91bdcc;border-radius:8px;min-height:42px;padding:7px 11px;font-size:.875rem}.consultation-error,.design-card-error{color:#893526;background:#fff2ec;border:1px solid #ecc4b5;border-radius:8px;padding:12px;font-size:.875rem;line-height:1.6}.design-board{margin:38px 0 28px;scroll-margin-top:28px}.design-board-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.design-board-heading .eyebrow{color:#54d6ff;margin:0 0 9px;font-size:.75rem}.design-board-heading h2{color:#f3fbff;letter-spacing:-.03em;margin:0;scroll-margin-top:30px;font-size:clamp(24px,2.6vw,34px);line-height:1.2}.design-board-heading>p{color:#a9c0cb;max-width:275px;margin:0;font-size:1rem;line-height:1.55}.design-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.design-card{background:#f6fbfd;border:2px solid #294653;border-radius:17px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.design-card.selected{border-color:#24bdee;box-shadow:0 0 0 2px #24bdee24}.design-card-photo{color:#b7dce9;aspect-ratio:4/3;cursor:pointer;background:#0f2732;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.design-card-photo img{object-fit:contain;width:100%;height:100%;display:block}.design-number,.design-selected-badge{color:#fff;background:#051b26eb;border-radius:6px;justify-content:center;align-items:center;min-height:30px;padding:5px 9px;font-size:.875rem;display:inline-flex;position:absolute;top:12px}.design-number{left:12px}.design-selected-badge{color:#042630;background:#5ad9fa;font-weight:700;right:12px}.design-preview-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:38px 18px 18px;display:flex}.design-preview-placeholder>span:not(.button-spinner){color:#66d5ed;font-size:38px}.design-preview-placeholder strong{font-size:1rem;font-weight:600}.design-preview-placeholder small{color:#a2c0cf;max-width:230px;font-size:.875rem;line-height:1.5}.design-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.design-card h3{color:#112f3f;letter-spacing:-.02em;margin:0 0 8px;font-size:23px;line-height:1.2}.design-mood{color:#506d7b;margin:0;font-size:1rem;line-height:1.55}.design-card details{border-top:1px solid #d0e0e8;margin-bottom:18px;padding-top:13px}.design-card details summary{color:#285267;cursor:pointer;min-height:32px;font-size:.875rem;font-weight:600}.design-card details p{color:#3c5d6e;margin:10px 0;font-size:.875rem;line-height:1.65}.design-card-action{color:#134963;cursor:pointer;background:#fff;border:1px solid #93b3c2;border-radius:9px;width:100%;min-height:46px;margin-top:auto;padding:10px 12px;font-size:1rem;font-weight:600}.design-card.selected .design-card-action{color:#fff;background:#095d7e;border-color:#095d7e}.design-comparison-note{color:#aac3cf;margin-top:16px;font-size:.875rem;line-height:1.6}.design-plan-summary{background:#edf7fb;border:1px solid #b2d2e0;border-radius:12px;margin:16px 0;padding:18px}.design-plan-summary h3{color:#16384b;margin:8px 0 14px;font-size:24px}.design-plan-summary>p{color:#395e72;font-size:.875rem;line-height:1.6}.consultation-jump{color:#b5d8e7;background:#0a2836;border:1px solid #285465;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding:12px 16px;font-size:.875rem;display:flex}.consultation-jump a{color:#72deff;text-underline-offset:3px;font-weight:600}.design-board-stop{color:#fff;cursor:pointer;background:#113748;border:1px solid #5b97ae;border-radius:9px;min-height:44px;padding:10px 14px;font-size:.875rem}.consultation-panel button:disabled,.design-card button:disabled{cursor:default;opacity:.65}.consultation-panel button:focus-visible,.design-card button:focus-visible,.design-board-stop:focus-visible{outline-offset:3px;outline:3px solid #1797c1}@media (width<=960px){.design-cards{gap:12px}.design-card-body{padding:15px}.design-card h3{font-size:21px}.design-board-heading{align-items:start}}@media (width<=720px){.design-cards{grid-template-columns:1fr;gap:20px}.design-board-heading{flex-direction:column;gap:12px}.design-board-heading>p{max-width:none}.design-card-photo{aspect-ratio:4/3}.design-card-body{padding:20px}.design-card .design-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.consultation-heading h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.consultation-panel *,.design-board *{scroll-behavior:auto!important;animation:none!important}}@media print{.design-board,.consultation-jump,.consultation-panel{display:none!important}.design-plan-summary{break-inside:avoid}}.field-review{color:#14384b;margin:20px 0;font-size:.875rem}.field-intro{color:#eaf7fa;background:#102d3c;border-radius:14px;padding:22px}.field-intro .eyebrow{color:#83dfe5;letter-spacing:.14em;margin:0 0 12px;font-size:.75rem}.field-intro h3{color:#fff;letter-spacing:-.03em;margin:0 0 12px;font-size:27px;line-height:1.12}.field-intro p:last-child{color:#c4dae1;margin:0;font-size:1rem}.field-readiness{color:#73500b;background:#fff7e7;border:1px solid #dec89a;border-radius:10px;gap:5px;margin:12px 0 20px;padding:15px 17px;line-height:1.5;display:grid}.field-readiness.ready{color:#1a5c39;background:#e9f7ee;border-color:#a5d7b7}.field-readiness span{font-size:.875rem}.field-surface{break-inside:avoid;background:#fff;border:1px solid #c9d9df;border-radius:12px;margin:13px 0;overflow:hidden}.field-row-title{flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.field-swatch{border:1px solid #0002;border-radius:7px;flex:0 0 36px;width:36px;height:42px}.field-row-title>div{flex:150px;gap:5px;display:grid}.field-row-title strong{font-size:1rem}.field-row-title>div>span{color:#4a6574;font-size:.8125rem;line-height:1.5}.field-badge{color:#506574;background:#edf2f5;border-radius:5px;padding:5px 7px;font-size:.75rem;font-weight:750}.field-badge.current{color:#18623b;background:#e6f4eb}.field-badge.changed{color:#8d4611;background:#fff0d7}.field-details{gap:10px;margin:0;padding:0 16px 14px;display:grid}.field-details div{grid-template-columns:95px 1fr;gap:10px;display:grid}.field-details dt{color:#5b7482;font-size:.875rem}.field-details dd{overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.5}.field-changes{color:#7e4714;background:#fff3df;border-left:3px solid #c17b21;border-radius:5px;margin:0 14px 16px;padding:12px;font-size:.875rem}.field-changes strong{margin-bottom:9px;display:block}.field-changes p{overflow-wrap:anywhere;margin:5px 0}.field-record{border-top:1px solid #e1eaee;gap:7px;margin:0 16px 15px;padding-top:12px;font-size:.875rem;display:grid}.field-record>span{color:#506a79;line-height:1.5}.field-record p{margin:0}.field-record a{color:#0c657a;align-items:center;gap:10px;display:flex}.field-record img{object-fit:cover;border-radius:6px;width:72px;height:64px}.field-edit-toggle{text-align:left;color:#154e64;cursor:pointer;background:#f3f8fa;border:0;border-top:1px solid #d9e6eb;justify-content:space-between;width:100%;min-height:46px;padding:13px 16px;font-size:.875rem;font-weight:650;display:flex}.field-editor{background:#fafcfd;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;padding:15px;display:grid}.field-editor label,.field-add{color:#234d61;gap:7px;min-width:0;font-size:.875rem;font-weight:650;display:grid}.field-editor input:not([type=checkbox]),.field-editor select,.field-editor textarea,.field-add select{color:#12364a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #9eb9c6;border-radius:7px;padding:10px;font-size:16px}.field-editor small{color:#506e7e;font-size:.75rem;font-weight:400}.field-full{grid-column:1/-1}.field-note,.field-footnote,.field-save-note{color:#526f7e;font-size:.8125rem;line-height:1.65}.field-save-note{border-top:1px solid #cfdee5;padding-top:12px}.field-note{margin:0}.field-needs{color:#82520e;background:#fff5e4;border-radius:8px;margin:0;padding:12px;font-size:.875rem}.field-remove{color:#884747;text-align:left;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px;font-size:.875rem}.field-add{margin:20px 0 15px}.field-check,.field-editor .field-check{color:#31576b;align-items:flex-start;gap:10px;margin:16px 0;font-size:.875rem;font-weight:450;line-height:1.55;display:flex}.field-check input,.sample-conditions input{accent-color:#146e82;flex:0 0 18px;width:18px;height:18px;margin:2px 0}.sample-form{border-top:1px solid #cedde4;padding-top:18px}.sample-form h4{margin:0 0 8px;font-size:1rem}.sample-form>p{color:#506c7a;font-size:.875rem}.sample-form>label{margin-top:14px}.sample-conditions{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.sample-conditions label{align-items:flex-start;gap:7px;font-weight:450;line-height:1.5;display:flex}.sample-photo input{padding:8px!important;font-size:.8125rem!important}.sample-photo-preview{object-fit:contain;background:#e9f0f4;width:100%;height:140px;margin-top:12px;display:block}.sample-record-button,.field-save-button{color:#fff;cursor:pointer;background:#164f64;border:1px solid #165b70;border-radius:8px;width:100%;min-height:46px;padding:12px;font-size:1rem;font-weight:650}.sample-record-button:disabled,.field-save-button:disabled{opacity:.5;cursor:not-allowed}.field-print-only{display:none}.field-review :focus-visible{outline-offset:3px;outline:3px solid #1995b4}.shared-project-body>.field-review{max-width:760px;margin:32px auto}.shared-project-body>.field-save-button{max-width:760px;margin:0 auto 24px;display:block}.design-board-heading h2{color:#133e53}.design-board-heading .eyebrow{color:#0e6480}.design-board-heading>p{color:#486775}@media (width<=520px){.field-editor{grid-template-columns:1fr}.field-details div{grid-template-columns:80px 1fr}.sample-conditions{grid-template-columns:1fr}.field-intro h3{font-size:25px}}@media print{.field-editor,.field-add,.field-edit-toggle,.field-check,.field-save-button,.field-save-note,.field-no-print,.plan-insight,.plan-prep,.shared-project-page>header,.shared-comparison,.shared-choices,.shared-start{display:none!important}.field-review{color:#111;font-size:10pt}.field-intro{color:#111;background:#fff;border:1px solid #aaa;padding:12px}.field-intro h3,.field-intro p,.field-intro .eyebrow{color:#111!important}.field-readiness{border:1px solid #888}.field-row-title,.field-swatch,.field-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.field-print-only{break-inside:avoid;margin-top:22px;display:block}.field-print-only img{object-fit:contain;max-width:100%;max-height:220px}.field-surface{break-inside:avoid}.shared-project-body{max-width:100%;padding:0}}.field-demo-link{color:#a8e7ee;text-underline-offset:4px;font-size:.875rem}.field-demo-page{color:#183d4e;background:#eef4f6;min-height:100vh;padding-bottom:60px}.field-demo-page>header{background:#0a1c27;justify-content:space-between;align-items:center;padding:16px max(5vw,20px);display:flex}.field-demo-page>header img{object-fit:contain;width:160px;height:56px}.field-demo-page>header a{color:#d3f2f4;font-size:1rem}.field-demo-hero{max-width:1120px;margin:auto;padding:52px 24px 30px}.field-demo-hero .eyebrow{color:#167083;letter-spacing:.14em;font-size:.875rem}.field-demo-hero h1{letter-spacing:-.045em;color:#153848;margin:16px 0;font-size:clamp(28px,4vw,46px);line-height:1.15}.field-demo-hero h1 em{color:#157a82;font-style:normal}.field-demo-hero>p:not(.eyebrow){color:#536d7a;max-width:670px;line-height:1.65}.demo-disclosure{letter-spacing:.08em;color:#6f5930;background:#fff4d9;border-radius:5px;margin-top:10px;padding:8px 10px;font-size:.75rem;display:inline-block}.field-demo-layout{grid-template-columns:340px minmax(0,1fr);gap:38px;max-width:1120px;margin:auto;padding:0 24px;display:grid}.field-demo-steps{padding-top:20px}.field-demo-steps>button{text-align:left;color:#244a5c;cursor:pointer;background:#fff;border:1px solid #becfd7;border-radius:12px;grid-template-columns:34px 1fr;gap:8px 12px;width:100%;margin-bottom:12px;padding:20px;display:grid}.field-demo-steps>button[aria-pressed=true]{color:#e9faff;background:#103646;border-color:#103646;box-shadow:0 8px 24px #173d4f22}.field-demo-steps>button span{opacity:.7;grid-row:1/3;padding-top:3px;font-size:.875rem}.field-demo-steps>button strong{font-size:1rem;line-height:1.4}.field-demo-steps>button small{opacity:.8;font-size:.875rem;line-height:1.6}.field-demo-steps>button:focus-visible{outline-offset:3px;outline:3px solid #168ea7}.field-demo-pitch{color:#4c6977;padding:20px;font-size:.875rem;line-height:1.7}.field-demo-pitch h2{color:#234957;font-size:1.1rem}.field-demo-pitch a{color:#146c80;font-weight:650}@media (width<=760px){.field-demo-layout{grid-template-columns:1fr;gap:0}.field-demo-hero{padding-top:30px}.field-demo-pitch{padding:12px 4px}}