@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#102e46;background:#e9f2f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100dvh;display:flex;justify-content:center;background:linear-gradient(130deg,#edf6fa,#d7e9f4)}.app{width:min(100%,450px);min-height:100dvh;background:#f9fcfe;position:relative;box-shadow:0 12px 60px #173c581a;padding-bottom:94px}.demo-ribbon{text-align:center;background:#eaf5fc;color:#2076ab;font-size:10px;letter-spacing:.12em;font-weight:800;padding:7px}.brand,.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 21px;background:#fff}.brand img{width:112px;height:auto;max-height:38px;object-fit:contain;object-position:left}.topbar{border-bottom:1px solid #e8f0f4;min-height:68px}.topbar>div{flex:1}.topbar strong{display:block;font-size:15px}.topbar small{display:block;font-size:11px;color:#7890a1;margin-top:3px}.icon-btn{border:0;background:#eff6fa;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#194e70}.text-btn{border:0;background:none;color:#127dc0;font-weight:700;font-size:13px}main{padding:25px 22px 30px}h1{font-size:29px;letter-spacing:-.035em;line-height:1.14;margin:6px 0 13px;color:#112e45}h2{font-size:18px;margin:26px 0 12px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#1585c6;font-weight:800;margin:12px 0}.lead{font-size:14px;line-height:1.58;color:#637e8f;margin:0 0 22px}.photo-wrap{position:relative;overflow:hidden;width:100%;aspect-ratio:4/3;border-radius:22px;background:#e5e4df;box-shadow:0 8px 25px #163a4d1c;margin:13px 0 18px}.photo-wrap>img{width:100%;height:100%;object-fit:cover;display:block}.window-mark{position:absolute;top:12%;height:46%;width:21%;border:2px solid #fff;border-radius:9px;background:#088ede33;color:#fff;font-size:20px;font-weight:800;text-shadow:0 1px 6px #114966;box-shadow:0 0 0 1px #168ad1}.window-mark.active{background:#0a91e550;outline:3px solid #138ddb}.mark-1{left:23.4%}.mark-2{left:56.8%}.shade{position:absolute;top:11%;width:19.8%;height:46.8%;box-shadow:0 1px 6px #3335;border-bottom:5px solid #a7a19b;transition:height .25s}.shade-1{left:23.9%}.shade-2{left:57.4%}.shade.raised{height:7%}.evening{position:absolute;inset:0;background:#04162645;mix-blend-mode:multiply;pointer-events:none}.watermark{position:absolute;right:12px;bottom:12px;color:#0767a6;opacity:.31;font-weight:800;font-size:17px;text-shadow:0 1px 3px white;pointer-events:none}.sample-label{position:absolute;left:9px;bottom:9px;background:#fffde;color:#214a65;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:700}.actions{display:grid;gap:11px}.primary{border:0;background:#078bd9;color:#fff;border-radius:13px;min-height:49px;padding:13px 16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:12px 0;box-shadow:0 6px 12px #078bd927}.primary.secondary{background:#e9f5fc;color:#1377af;box-shadow:none}.primary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f0aa49;outline-offset:2px}.file-label{cursor:pointer}.file-label input{display:none}.tip{display:flex;align-items:flex-start;gap:8px;color:#6d8696;font-size:12px;line-height:1.5;margin:17px 0}.tip svg{flex:none}.field-label{display:grid;gap:8px;font-size:13px;font-weight:700;margin:18px 0;color:#2c5065}.field-label input,.field-label select,.field-label textarea{border:1px solid #ccdde8;background:#fff;color:#16344b;border-radius:12px;padding:13px;min-height:47px;width:100%}.field-label textarea{min-height:80px;resize:vertical}.section-label{font-size:13px;font-weight:800;margin:22px 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.chip{border:1px solid #d7e6ee;background:#fff;color:#3b6277;border-radius:100px;padding:10px 14px;min-height:40px;font-size:12px;font-weight:700}.chip.selected{border-color:#108bce;color:#0879ba;background:#eaf7ff}.info-card,.credit-box,.notice,.success{display:flex;align-items:flex-start;gap:10px;background:#eaf5fa;color:#28536e;border-radius:14px;padding:14px;font-size:13px;line-height:1.5;margin:15px 0}.info-card svg,.credit-box svg,.success svg{flex:none;color:#0c88ca}.credit-box strong,.credit-box small{display:block}.credit-box small{font-size:11px;color:#688293;margin-top:3px}.notice{background:#fff3df;color:#6d542c}.success{background:#e9f8ee;color:#217b4b}.window-list{margin-top:15px}.list-row{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #e2ecf2;background:#fff;border-radius:11px;padding:13px 15px;margin:8px 0;text-align:left;color:#213e53}.list-row.chosen,.design-row.chosen{border-color:#118cd0;background:#edf8ff}.link-line{border:0;background:none;color:#087ec3;font-size:13px;font-weight:800;min-height:43px;padding:10px 2px;display:flex;align-items:center;gap:6px;margin:12px auto;text-align:center}.path-card,.product-card,.project-card{border:1px solid #e2ecf3;background:#fff;border-radius:18px;width:100%;display:flex;align-items:center;text-align:left;padding:15px;margin:13px 0;gap:13px;box-shadow:0 5px 18px #1a4c6310;color:#14354e}.path-card>svg:first-child{background:#e7f5fd;border-radius:10px;color:#0a85ce;padding:8px;width:45px;height:45px;flex:none}.path-card>span,.product-copy{flex:1;min-width:0}.path-card strong,.path-card small,.product-copy strong,.product-copy small,.product-copy span,.product-copy em{display:block}.path-card strong{font-size:15px}.path-card small{font-size:12px;line-height:1.45;color:#738b9a;margin-top:5px}.product-card .swatch,.design-row .swatch{width:66px;height:74px;border-radius:11px;flex:none;box-shadow:inset 0 0 0 1px #0001}.product-copy small{color:#0c89c7;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.03em}.product-copy strong{font-size:15px;margin:4px 0}.product-copy span,.product-copy em{font-size:11px;line-height:1.4;color:#6b8191;font-style:normal}.product-copy em{margin-top:8px;color:#33637c}.catalog-list{margin:22px 0}.product-hero{height:175px;border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:end;gap:5px;color:#294052;margin-bottom:20px}.product-hero span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.product-hero strong{font-size:24px}.summary-card{border:1px solid #e4edf2;border-radius:15px;background:#fff;padding:4px 16px;margin:18px 0}.summary-card>div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #eaf1f4;font-size:12px}.summary-card>div:last-child{border:0}.summary-card span{color:#7290a0}.summary-card strong{text-align:right;color:#284c64}.center{text-align:center;padding-top:100px}.spinner{width:55px;height:55px;border:5px solid #dbeff9;border-top-color:#078bd9;border-radius:50%;margin:0 auto 26px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.segmented{display:flex;background:#e9f2f7;border-radius:12px;padding:4px;gap:3px;margin:14px 0}.segmented button{flex:1;border:0;background:none;padding:10px;border-radius:9px;color:#58798d;font-weight:800;font-size:12px}.segmented button.active{background:#fff;color:#097fbe;box-shadow:0 2px 6px #1234}.two-actions{display:flex;gap:9px}.two-actions .primary{flex:1}.design-row{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:1px solid #e2ecf2;background:#fff;border-radius:13px;padding:11px;margin:10px 0;color:#14364e}.design-row span:nth-child(2){flex:1}.design-row strong,.design-row small{display:block}.design-row small{margin-top:6px;color:#668494}.empty{padding:40px;text-align:center;color:#7890a1}.project-card{display:block;padding:0;overflow:hidden}.project-card img{width:100%;height:165px;object-fit:cover}.project-card span{display:grid;gap:7px;padding:16px}.project-card strong{font-size:18px}.project-card small{color:#7792a0}.project-card b{font-size:13px;color:#087fc5;display:flex;align-items:center;gap:5px}.project-meta{color:#56809a;font-size:12px;margin:18px 0}.room-card{border:1px solid #e2ecf2;border-radius:16px;background:#fff;margin:16px 0;padding:14px}.room-title{display:flex;justify-content:space-between;margin:3px 0 10px}.room-title span{color:#859ba8;font-size:11px}.window-summary{border-top:1px solid #edf2f5;display:flex;align-items:center;gap:7px;padding:12px 0}.window-summary>div{flex:1;min-width:0}.window-summary strong,.window-summary small{display:block}.window-summary small{font-size:10px;color:#8396a2;line-height:1.4;margin-top:4px}.window-summary button{border:0;border-radius:8px;color:#087ec2;background:#edf7fd;padding:8px;font-size:12px;font-weight:700}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkline{display:flex;align-items:flex-start;gap:10px;margin:19px 0;font-size:13px;line-height:1.4;color:#31546a}.checkline input{width:18px;height:18px;accent-color:#0a8ccd;flex:none}.balance{display:flex;align-items:center;gap:17px;background:#e2f4ff;padding:24px;border-radius:18px;color:#087ab7}.balance strong,.balance small{display:block}.balance strong{font-size:37px}.balance small{font-size:12px}.muted{font-size:13px;color:#8196a2}.error-icon{margin:45px 0 22px;width:62px;height:62px;border-radius:16px;background:#e8f4fa;display:grid;place-items:center;color:#1188c8}.bottom-nav{position:absolute;bottom:0;left:0;right:0;min-height:72px;background:#fff;border-top:1px solid #e4eef3;display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 18px #16435b0a}.bottom-nav button{border:0;background:none;color:#91a7b4;display:flex;align-items:center;flex-direction:column;gap:3px;font-size:10px;font-weight:700;min-width:60px;min-height:50px;justify-content:center}.bottom-nav button.active{color:#0789ca}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%);width:min(calc(100% - 30px),420px);background:#143b51;color:#fff;padding:13px 17px;border-radius:12px;font-size:13px;box-shadow:0 5px 18px #1236;z-index:10}@media(min-width:700px){.app{margin:20px 0;min-height:calc(100dvh - 40px);border-radius:25px;overflow:hidden}.bottom-nav{position:sticky;bottom:0}.app{display:flex;flex-direction:column}.app main{flex:1}}@media(max-width:350px){h1{font-size:25px}main{padding:19px 16px}.two-actions{flex-direction:column}}.bottom-nav{position:fixed;left:50%;right:auto;bottom:0;transform:translate(-50%);width:min(100%,450px);z-index:8}@media(min-width:700px){.bottom-nav{position:fixed}}.photo-wrap.is-marking{cursor:crosshair;outline:3px solid #078bd9;touch-action:manipulation}.mark-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#078bd9;border:2px solid white;transform:translate(-50%,-50%);pointer-events:none}.photo-wrap.can-adjust{cursor:pointer}.photo-wrap.can-adjust:focus-visible{outline:3px solid #f0aa49;outline-offset:3px}.product-thumb{width:66px;height:74px;object-fit:cover;border-radius:11px;flex:none;background:#dfe9ed}.product-hero{height:230px;padding:0;position:relative;overflow:hidden}.product-hero img{width:100%;height:100%;object-fit:cover}.product-hero span{position:absolute;bottom:12px;left:12px;color:#fff;background:#126d9ec7;border-radius:100px;padding:7px 11px;font-weight:800;font-size:11px}.product-hero strong{display:none}.link-line.danger{color:#ad4a49}.zoom-photo{border:0;padding:0;background:none;width:100%;position:relative;text-align:left}.zoom-photo .photo-wrap{margin:0}.zoom-photo>span{position:absolute;right:10px;bottom:9px;border-radius:8px;background:#133d55d9;color:#fff;padding:5px 8px;font-size:11px}.zoom-overlay{position:fixed;inset:0;background:#071923ed;z-index:30;display:flex;align-items:center;padding:16px}.zoom-overlay .photo-wrap{max-width:100%;max-height:90vh}.zoom-close{position:absolute;right:18px;top:20px;border:0;background:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;z-index:31}.photo-wrap>img.open-original{position:absolute;inset:0;pointer-events:none}.frame-preview{position:absolute;border:3px solid #119be7;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px #fff;border-radius:8px;pointer-events:none;background:#119be71c}.frame-editor-overlay{position:fixed;z-index:30;inset:0;background:#102b40d9;display:flex;align-items:center;justify-content:center;padding:12px}.frame-editor-panel{background:#f9fcfe;border-radius:20px;padding:16px;width:min(100%,450px);max-height:calc(100dvh - 24px);overflow-y:auto}.frame-editor-panel h2,.frame-editor-panel .lead{margin:0 0 8px}.frame-editor-photo{margin:10px auto 15px;width:100%;height:auto;overflow:visible;border-radius:14px}.frame-editor-photo>img{border-radius:14px}.frame-editor-box{position:absolute;border:3px solid #119be7;background:#119be724;box-shadow:0 0 0 2px #fff;pointer-events:none}.frame-handle{position:absolute;pointer-events:auto;touch-action:none;width:32px;height:32px;border-radius:50%;border:3px solid white;background:#078bd9;box-shadow:0 2px 10px #102e4680;transform:translate(-50%,-50%);padding:0}.frame-handle.tl{left:0;top:0}.frame-handle.tr{left:100%;top:0}.frame-handle.bl{left:0;top:100%}.frame-handle.br{left:100%;top:100%}.frame-editor-panel .two-actions .primary{margin:4px 0}.frame-loupe{position:absolute;z-index:5;top:10px;width:112px;height:112px;border-radius:50%;border:4px solid white;box-shadow:0 2px 14px #102e46a8;pointer-events:none;background-repeat:no-repeat;background-color:#fff}.frame-loupe.lens-right{right:10px}.frame-loupe.lens-left{left:10px}.frame-loupe span{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border-left:2px solid #f44;border-top:2px solid #f44;opacity:.85}.street-view{position:absolute;background-size:cover;background-position:center;pointer-events:none}.photo-wrap>img.brightened-ai{filter:brightness(1.16) contrast(1.04)}.ai-preview-label{position:absolute;top:12px;left:12px;z-index:2;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;background:#10394ed9;color:#fff;font-size:11px;font-weight:800;pointer-events:none}.room-title{align-items:center}.room-title>span{display:flex;align-items:center;white-space:nowrap;gap:5px}.name-actions{display:flex;align-items:center;gap:6px;min-width:0}.name-actions strong{overflow-wrap:anywhere}.rename-control{border:0;background:#edf7fd;color:#087ec2;border-radius:8px;min-width:30px;min-height:30px;display:grid;place-items:center;flex:none}.window-summary .name-actions{margin-bottom:3px}.rename-overlay{position:fixed;inset:0;z-index:35;background:#102b40d9;display:flex;align-items:center;justify-content:center;padding:18px}.rename-panel{background:#f9fcfe;border-radius:18px;width:min(100%,420px);padding:20px}.rename-panel h2{margin:0 0 14px}.rename-panel .two-actions .primary{flex:1}.shade.half-raised{height:24%}.room-title span{display:flex;align-items:center;gap:9px}.delete-control{border:0;background:#fff2f1;color:#a44b47;border-radius:8px;min-width:34px;min-height:34px;display:inline-grid;place-items:center;flex:none}.window-summary .delete-control{background:#fff2f1;color:#a44b47}.frame-loupe span.corner-tr{border-left:0;border-right:2px solid #f44}.frame-loupe span.corner-bl{border-top:0;border-bottom:2px solid #f44}.frame-loupe span.corner-br{border-left:0;border-top:0;border-right:2px solid #f44;border-bottom:2px solid #f44}.window-outline,.frame-editor-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.window-outline polygon,.frame-editor-lines polygon{fill:#0a91e526;stroke:#fff;stroke-width:.8;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #128bd6)}.window-outline.active polygon,.frame-editor-lines polygon{stroke:#078bd9;stroke-width:3}.window-number{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff;font-size:20px;font-weight:800;text-shadow:0 1px 7px #092e47;min-width:44px;min-height:44px}.frame-editor-photo .frame-handle{z-index:4}.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.swatch-option{border:1px solid #d7e6ee;background:#fff;border-radius:12px;min-height:64px;padding:8px 4px;color:#36596d;font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.swatch-option.selected{border:2px solid #108bce;background:#eaf7ff}.swatch-dot{width:25px;height:25px;border-radius:50%;box-shadow:inset 0 0 0 1px #1c354229}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.comparison-card{border:1px solid #dce8ef;border-radius:15px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.comparison-card.chosen{border:2px solid #0a8ccd;background:#f0faff}.comparison-photo{position:relative;border:0;padding:0;background:#eaf1f4;width:100%;aspect-ratio:3/4;overflow:hidden}.comparison-photo img{width:100%;height:100%;object-fit:cover}.comparison-photo span{position:absolute;right:6px;bottom:6px;background:#163c53d9;color:#fff;border-radius:7px;padding:4px 6px;font-size:10px}.comparison-detail{display:grid;gap:4px;padding:10px;flex:1;font-size:11px;color:#5b7788}.comparison-detail small{font-weight:800;color:#1187c6}.comparison-detail strong{font-size:13px;color:#153950}.comparison-pick{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 8px 9px;padding:9px 4px;border:1px solid #0d88c9;background:#fff;color:#0d7fbd;border-radius:9px;font-size:11px;font-weight:800}.comparison-card.chosen .comparison-pick{background:#0b8bd0;color:#fff}.comparison-enlarged{max-width:95vw;max-height:85vh;object-fit:contain;border-radius:13px}.project-card-wrap{position:relative}.project-card-wrap .project-card{padding-right:55px}.project-rename{position:absolute;right:17px;bottom:70px;border:0;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;background:#edf7fd;color:#087ec2}.project-heading{display:flex;align-items:center;gap:12px}.project-heading h1{min-width:0}.project-heading .rename-control{flex:none}.comparison-table-section{margin:22px 0 18px}.comparison-table-section h2{margin:0 0 5px}.comparison-table-section .muted{margin:0 0 12px}.comparison-table-scroll{overflow-x:auto;border:1px solid #dce8ef;border-radius:13px;background:#fff;-webkit-overflow-scrolling:touch}.comparison-table{border-collapse:collapse;width:100%;min-width:520px;font-size:12px;color:#36596d}.comparison-table th,.comparison-table td{padding:11px 10px;border-bottom:1px solid #e4edf1;text-align:left;vertical-align:top}.comparison-table thead th{background:#eef8fc;color:#153950;font-weight:800}.comparison-table tbody th{font-weight:700;color:#557283;white-space:nowrap}.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}.auth-section{margin-bottom:32px}.auth-tabs{display:flex;gap:12px;margin:20px 0}.auth-tabs button,.auth-action{padding:14px 20px;border:1px solid #1688b8;border-radius:14px;background:#edf8fc;color:#147ca7;font:inherit;cursor:pointer;display:inline-block;text-decoration:none}.auth-tabs button[aria-pressed=true],.auth-action{background:#078dce;color:#fff}.auth-section .cl-rootBox,.auth-section .cl-cardBox{width:100%;max-width:100%}.auth-note{font-size:14px;color:#667e88}.zebra-simulation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.street-view{filter:saturate(.72) contrast(.9) brightness(1.04)}.street-view:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,#deedf22b,#ffffff14 29%,#ffffff47 31%,#ffffff0a 40%,#dbebf11f 72%,#ffffff36 74%,#ffffff0a 80%),linear-gradient(0deg,#a1bcc417,#e7f3f921);box-shadow:inset 0 0 6px #3e5b6a29}.band-controls{border:0;padding:0;margin:0;min-width:0}.test-lab select{width:100%;min-height:48px;padding:10px;border:1px solid #cddde3;border-radius:12px;background:#fff;color:#193542;font:inherit}.lab-preview{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.lab-scene{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(100deg,#cabca9,#eee6d9);border-radius:20px}.lab-window{position:absolute;inset:6% 13%;border:10px solid #eee;box-shadow:0 5px 10px #5555;background:#b6ced5}.lab-scene .sample-label{font-size:11px;max-width:85%}.lab-night{filter:brightness(.65)}.lab-field{border:0;padding:0;margin:18px 0}.lab-field legend{font-weight:700;margin-bottom:10px}.lab-large{width:min(85vw,520px)}.test-lab .field-label{margin-top:16px}.lab-field:disabled{opacity:.5}.window-type-picker{margin:20px 0;padding:16px;border:1px solid #ccdde5;border-radius:16px}.window-type-picker select{width:100%;padding:12px;border:1px solid #ccdde5;border-radius:10px;background:#fff}.room-light-response{position:absolute;inset:0;pointer-events:none;transition:background .45s ease}@media(prefers-reduced-motion:reduce){.room-light-response{transition:none}}.zoom-overlay{justify-content:center}.lab-large{max-width:100%;margin-inline:auto}.quality-reference{margin:16px 0;border:1px solid #d9e3e7;border-radius:18px;overflow:hidden;background:#fff}.quality-reference summary{padding:16px;font-weight:700;cursor:pointer;color:#1b7496}.quality-reference img{display:block;width:100%;max-height:620px;object-fit:contain;background:#f0f4f5}.quality-reference p{padding:0 16px;font-size:13px}