body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ink:#10213b;--muted:#4b607e;--blue:#3474e5;--blue-dark:#285fc7;--pale-blue:#f1f7ff;--line:#e8eef6;--white:#fff;--shadow:0 18px 48px #1c3a6621}html{scroll-behavior:smooth}body{background:#fff;color:#10213b;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#building-image-input{display:none}.upload-button{cursor:pointer;padding:12px 25px}.site-header{align-items:center;background:#fffffff5;border-bottom:1px solid #edf1f6;display:flex;gap:28px;height:82px;justify-content:space-between;padding:0 clamp(22px,7.5vw,150px);position:relative;z-index:5}.brand{align-items:center;display:inline-flex;flex-shrink:0;gap:11px}.brand-mark{color:#3168c8;display:block;height:48px;width:48px}.brand-mark svg{height:100%;width:100%}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-size:25px;font-weight:800;letter-spacing:-.8px}.brand-name span.blue{color:#00008b}.brand-name span.orange{color:#f60}.brand-tagline{color:#60718a;font-size:10px;letter-spacing:.1px;margin-top:6px}.main-nav{display:flex;gap:clamp(20px,3vw,44px)}.main-nav,.nav-link{align-items:center;height:100%}.nav-link{color:#31445f;display:inline-flex;font-size:14px;position:relative}.nav-link.active,.nav-link:hover{color:#2368df}.nav-link.active:after{background:#3474e5;background:var(--blue);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:-9px;position:absolute;right:-9px}.button{align-items:center;background:linear-gradient(135deg,#3d7bea,#2e64d0);border-radius:999px;box-shadow:0 8px 18px #3167d22b;color:#fff;display:inline-flex;font-weight:700;gap:12px;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{background:linear-gradient(135deg,#326fe0,#2458c2);box-shadow:0 12px 24px #3167d240;transform:translateY(-2px)}.button-small{font-size:13px;gap:10px;padding:12px 22px}.button-primary{font-size:14px}.button-arrow{font-size:21px;font-weight:400;margin-left:auto}.upload-icon{font-size:23px;line-height:1}.upload-icon-txt{font-size:16px;padding:0 10px}.hero{background:#faf9f6;overflow:hidden}.hero-inner{grid-gap:clamp(34px,5.2vw,78px);align-items:center;display:grid;gap:clamp(34px,5.2vw,78px);grid-template-columns:minmax(340px,.82fr) minmax(500px,1.18fr);margin:0 auto;max-width:1440px;min-height:505px;padding:48px clamp(24px,7.5vw,110px) 40px}.hero-copy{padding:4px 0 10px;position:relative;z-index:2}.eyebrow{align-items:center;background:#dfebff;border-radius:999px;color:#2868d4;display:inline-flex;font-size:12px;font-weight:600;gap:9px;margin-bottom:23px;padding:8px 15px}.sparkle{font-size:18px}h1{font-size:clamp(42px,4vw,58px);font-weight:800;letter-spacing:-2.2px;line-height:1.06;margin:0}.hero-description{color:#4b607e;color:var(--muted);font-size:16px;line-height:1.75;margin:17px 0 25px;max-width:440px}.helper-text{color:#536783;font-size:12px;margin:14px 0 0}.hero-visual{height:370px;min-width:0;position:relative}.hero-house{border-radius:7px;box-shadow:0 18px 45px #1f3d5c1f;height:100%;object-fit:cover;width:100%}.preview-card{background:#fff;border:7px solid #fff;border-radius:13px;bottom:12%;box-shadow:0 18px 48px #1c3a6621;box-shadow:var(--shadow);height:51%;overflow:hidden;position:absolute;right:-7%;width:39%}.preview-card img{height:100%;object-fit:cover;width:100%}.preview-label{background:#fffffff5;border-radius:999px;font-size:10px;font-weight:600;left:10px;padding:5px 11px;position:absolute;top:10px;z-index:1}.swatch-stack{background:#fffffff0;border-radius:13px;box-shadow:0 8px 26px #1d33511a;display:flex;flex-direction:column;gap:10px;padding:13px 11px;position:absolute;right:-18%;top:27%}.swatch-stack span,.swatches span{background:var(--swatch);border-radius:50%;display:block}.swatch-stack span{height:25px;width:25px}.visual-orbit{border:1px solid #558fde33;border-radius:50%;position:absolute;z-index:-1}.orbit-one{height:120px;right:5%;top:-30px;width:120px}.orbit-two{bottom:-18px;height:70px;left:-25px;width:70px}.section-shell{padding-left:clamp(24px,7.5vw,110px);padding-right:clamp(24px,7.5vw,110px)}.how-section{background:linear-gradient(180deg,#f8fbff,#f4f8ff);padding-bottom:35px;padding-top:27px}.section-heading{text-align:center}.inspiration-intro h2,.section-heading h2{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:0}.section-heading p{color:#4b607e;color:var(--muted);font-size:14px;margin:7px 0 24px}.steps{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;margin:0 auto;max-width:1120px}.step{min-width:0;text-align:center}.step-icon{border-radius:50%;display:grid;height:64px;margin:0 auto 12px;place-items:center;width:64px}.step-icon svg{height:31px;width:31px}.icon-blue{background:#e1edff;color:#2858ad}.icon-green{background:#dcf7eb;color:#236b53}.icon-purple{background:#eae7ff;color:#3c438a}.icon-yellow{background:#fff1cb;color:#4c5260}.step h3{font-size:13px;font-weight:700;margin:0 0 9px}.step p{color:#4b607e;color:var(--muted);font-size:11px;line-height:1.6;margin:0 auto;max-width:190px}.step-arrow{color:#9aabc2;font-size:21px;padding-top:23px;text-align:center}.inspiration-section{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1.12fr repeat(4,minmax(0,1fr));margin:0 auto;max-width:1600px;padding-bottom:55px;padding-top:39px}.inspiration-intro{padding-right:10px;padding-top:6px}.inspiration-intro h2{font-size:24px}.inspiration-intro p{color:#4b607e;color:var(--muted);font-size:13px;line-height:1.75;margin:14px 0 16px;max-width:255px}.text-link{align-items:center;color:#2167df;display:inline-flex;font-size:13px;font-weight:600;gap:9px}.text-link:hover{gap:13px}.style-card{display:block;min-width:0}.style-card img{border-radius:8px;height:140px;object-fit:cover;transition:transform .25s ease,box-shadow .25s ease;width:100%}.style-card:hover img{box-shadow:0 12px 24px #172d4d26;transform:translateY(-3px)}.style-card h3{font-size:11px;font-weight:600;margin:10px 0 8px;white-space:nowrap}.swatches{display:flex;gap:6px}.swatches span{height:20px;width:20px}.site-footer{align-items:center;border-top:1px solid #e8eef6;border-top:1px solid var(--line);color:#687a91;display:flex;font-size:12px;gap:18px;padding:22px clamp(24px,7.5vw,110px)}.footer-brand{color:#10213b;color:var(--ink);font-size:15px;font-weight:800}.site-footer p{flex:1 1;margin:0}.site-footer>a:last-child{color:#315fc0}@media (max-width:1100px){.site-header{padding-left:28px;padding-right:28px}.hero-inner{gap:34px;grid-template-columns:minmax(290px,.85fr) minmax(390px,1.15fr);padding-left:40px;padding-right:55px}.hero-visual{height:330px}.swatch-stack{right:-12%}.inspiration-section{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.inspiration-intro{grid-column:1/-1}.inspiration-intro p{max-width:500px}}@media (max-width:760px){.site-header{flex-wrap:wrap;gap:13px;height:auto;min-height:72px;padding:13px 20px}.brand-mark{height:39px;width:39px}.brand-name{font-size:21px}.brand-tagline{font-size:9px}.main-nav{gap:15px;height:auto;margin-left:auto}.nav-link{font-size:12px;height:38px}.nav-link.active:after{bottom:-13px}.button-small{font-size:11px;padding:10px 13px}.hero-inner{align-items:stretch;display:flex;flex-direction:column;gap:34px;padding:38px 22px 42px}.hero-copy{padding:0}.eyebrow{font-size:11px;margin-bottom:18px}h1{font-size:clamp(39px,10vw,54px);letter-spacing:-1.8px}.hero-description{font-size:15px;margin:15px 0 21px}.hero-visual{height:clamp(230px,64vw,360px);margin-right:23px}.preview-card{border-width:5px;height:48%;right:-5%;width:39%}.swatch-stack{gap:7px;padding:10px 8px;right:-13%}.swatch-stack span{height:19px;width:19px}.how-section{padding-bottom:34px;padding-top:32px}.section-heading h2{font-size:24px}.steps{gap:27px 15px;grid-template-columns:1fr 1fr}.step-arrow{display:none}.step-icon{height:58px;width:58px}.step h3{font-size:12px}.step p{font-size:11px}.inspiration-section{gap:23px 15px;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:38px;padding-top:34px}.inspiration-intro{grid-column:1/-1}.inspiration-intro h2{font-size:25px}.style-card img{height:clamp(115px,31vw,180px)}.style-card h3{font-size:11px;white-space:normal}.swatches span{height:17px;width:17px}.site-footer{flex-wrap:wrap;gap:8px 14px;padding:20px}.site-footer p{flex-basis:100%;order:3}}@media (max-width:420px){.site-header{align-items:flex-start}.brand{gap:7px}.brand-mark{height:34px;width:34px}.brand-name{font-size:18px}.brand-tagline{font-size:8px}.main-nav{justify-content:space-between;margin:0;width:100%}.nav-link.active:after{bottom:-4px}.button-small{padding:9px 13px}.desktop-break{display:none}}.tools-panel{background:#ffffffeb;border:1px solid #dbdbdb;border-radius:24px;box-shadow:0 12px 28px #0f172a0f;color:#1f2937;display:flex;flex-direction:column;flex-shrink:0;gap:16px;margin-top:20px;padding:16px 14px 18px;text-align:left;width:170px}.tools-panel h3{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.mode-toggle{grid-gap:6px;background:#f5f5f5;border:1px solid #efefef;border-radius:16px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px}.mode-toggle-button{background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.02em;padding:10px 5px;transition:all .2s ease}.mode-toggle-button.polygon{width:80px}.mode-toggle-button.box{display:none}.mode-toggle-button.active{background:#fff;box-shadow:0 1px 4px #0f172a14;color:#111827}.polygon-finish-button{background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;padding:0 0 5px;transition:color .2s ease;white-space:nowrap;width:auto}.polygon-finish-button:hover:not(:disabled){color:#3088ec}.polygon-finish-button:disabled{cursor:not-allowed;opacity:.5}.mode-hint{color:#6b7280;font-size:12px;line-height:1.55;margin:0;min-height:32px}.tool-color-box{background:#fafafa;border:1px solid #efefef;border-radius:16px;margin-top:2px;padding:14px 12px 12px}.tool-color-label{color:#6b7280;display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.tool-color-row{align-items:center;display:flex;gap:10px}.color-input{background:#0000;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;height:36px;overflow:hidden;padding:0;width:64px}.color-value{color:#111827;font-size:14px;font-weight:700;letter-spacing:.04em}.upload-icon-p{font-size:16px;line-height:1px;padding:0 2px}.change-image-button{background:#fff;border:0 solid #dbdbdb;border-radius:12px;box-shadow:0 1px 3px #0f172a0a;color:#111827;cursor:pointer;font-size:14px;font-weight:700;padding:11px 12px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.change-image-button:hover{background:#fafafa;box-shadow:0 6px 14px #0f172a0f;transform:translateY(-1px)}.pmv-palette-picker{color:#282b24;font-family:DM Sans,sans-serif}.pmv-section{margin-bottom:19px;padding:0 16px}.pmv-section-title{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:11px}.pmv-section-title h3{font-size:11px;font-weight:700;margin:0}.pmv-section-title button{background:#0000;border:0;color:#748268;cursor:pointer;font-size:9px;padding:0;white-space:nowrap}.pmv-section-title button span{margin-left:3px}.pmv-palettes{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));width:85%}.pmv-palette{align-items:center;background:#fff;border:1px solid #eeede7;border-radius:9px;cursor:pointer;gap:9px;padding:2px;text-align:center;text-align:left;transition:border-color .15s ease,background .15s ease}.pmv-palette.active{background:#fbfcf8;border-color:#9da88e}.pmv-mini-colors{display:flex;flex-shrink:0}.pmv-mini-colors i{background:var(--c);border:1px solid #00000008;border-radius:4px;height:29px;margin-left:-4px;width:17px}.pmv-mini-colors i:first-child{margin-left:0}.pmv-palette-info{grid-gap:4px;display:grid;gap:4px;min-width:0}.pmv-palette-info strong{font-size:10px;font-weight:700}.pmv-palette-info small{color:#9a9c93;font-size:8px;white-space:nowrap}.pmv-palette-arrow{color:#9c9e95;font-size:13px;margin-left:auto}.pmv-color-section{margin-bottom:18px}.pmv-swatches{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.pmv-swatch{aspect-ratio:1;background:var(--swatch);border:1px solid #25272014;border-radius:8px;color:#5b5b50;cursor:pointer;font-size:13px;min-width:0;padding:0;position:relative;text-shadow:0 1px 2px #ffffff80;transition:transform .15s ease,box-shadow .15s ease}.pmv-swatch:hover{transform:translateY(-2px)}.pmv-swatch.selected{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #77856b}.pmv-swatch span{display:grid;height:100%;place-items:center;width:100%}.pmv-color-readout{align-items:center;border:1px solid #d3d3d3;border-radius:9px;display:flex;gap:9px;margin-top:13px;padding:9px 10px}.pmv-color-preview{border:1px solid #00000012;border-radius:7px;flex-shrink:0;height:26px;width:26px}.pmv-color-details{grid-gap:3px;display:grid;gap:3px}.pmv-color-details strong{font-size:10px}.pmv-color-details small{color:#9b9d94;font-size:9px;letter-spacing:.5px}.pmv-copy-hex{background:#0000;border:0;color:#8b8e84;cursor:pointer;font-size:16px;margin-left:auto}@media (max-width:1150px){.pmv-section{padding-left:13px;padding-right:13px}.pmv-mini-colors i{width:14px}.pmv-palette-info small{font-size:7px}}@media (max-width:600px){.pmv-section{padding-left:15px;padding-right:15px}.pmv-mini-colors i{width:18px}.pmv-palette-info small{font-size:8px}}.preview-container{margin-top:20px}.selected-counter{font-size:16px}.coordinate-value{font-weight:700}.workspace-layout{gap:24px;justify-content:flex-start;min-height:calc(100vh - 270px);padding:10px}.canvas-column,.workspace-layout{align-items:flex-start;display:flex}.canvas-column{flex-direction:row;gap:18px;width:calc(100% - 10px)}.image-and-controls{align-items:center;justify-content:center;position:relative;width:90%}.controls{background-color:#edf0e9;border-left:2px solid var(--line);border-radius:20px;padding-bottom:50px;padding-top:10px;width:30%}.image-side-actions{align-items:center;display:flex;flex-direction:row-reverse;gap:10px;z-index:2}.image-wrapper{display:inline-block;position:relative}.preview-image{border-radius:12px;box-shadow:0 5px 20px #00000026;cursor:crosshair;display:block;max-height:500px;max-width:100%}.mask-overlay{border-radius:12px;height:100%;inset:0;mix-blend-mode:multiply;object-fit:contain;opacity:.75;width:100%}.mask-overlay,.selection-box-overlay{pointer-events:none;position:absolute}.selection-box-overlay{background:#ff5a361f;border:2px solid #ff5a36;border-radius:6px;box-shadow:0 0 0 1px #fff6}.polygon-overlay{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.polygon-point-handle{fill:#0000;cursor:grab;pointer-events:all;touch-action:none}.polygon-point-handle:active{cursor:grabbing}.click-marker{background:red;border:2px solid #fff;border-radius:50%;height:16px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:16px}.action-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:0;width:100%}.continue-button{background:linear-gradient(135deg,#3d7bea,#2e64d0);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;margin-left:0;padding:14px 30px}.margin-0{margin:0}.margin-5{font-size:small;margin:5px 0 15px}.rotate-button{border:none;border-radius:50%;box-shadow:0 8px 18px #7a5cff40;cursor:pointer;display:grid;font-size:28px;line-height:1;place-items:center}.rotate-button span{display:inline-block;transform:translateY(-1px)}.undo-button{border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;padding:0 0 5px}.undo-button:hover{color:#3088ec}.redo-button{border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;padding:0 0 5px}.polygon-finish-button:hover,.redo-button:hover{color:#3088ec}.download-button{border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;padding:0 0 5px}.sidebar-save-button{font-size:14px;font-weight:600;padding:10px 14px}.download-button:hover{color:#16714a}*{box-sizing:border-box}body{background:#faf9f6;font-family:Arial,sans-serif;margin:0}.header{background:#fff;border-bottom:1px solid #ddd;padding:20px 40px}.logo{font-size:24px;font-weight:700}.container{margin:0;max-width:none;min-height:calc(100vh - 80px);padding:0;text-align:center;width:100%}.selection-mode-info{height:80px}.try-playground{display:none}
/*# sourceMappingURL=main.dcce59da.css.map*/