:root{--ink:#262523;--muted:#817d77;--gold:#c69e56;--gold-dark:#9b7130;--green:#0e3d32;--paper:#faf8f4;--line:#eae6dd;--white:#fff;--shadow:0 14px 36px rgba(50,37,20,.05);font-family:Inter,'Segoe UI',Arial,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #b89555;outline-offset:2px}[hidden]{display:none!important}.layout{max-width:1420px;margin:auto;padding:0 29px}.top{display:flex;align-items:center;justify-content:space-between;padding:11px 1px 12px;border-bottom:1px solid var(--line);gap:24px}.brand img{display:block;width:270px;max-width:100%;height:auto}.top-right{display:grid;gap:5px;text-align:right}.top-indicator{font-size:13px;font-weight:800}.top-indicator i{width:8px;height:8px;display:inline-block;border-radius:50%;background:#bfa05e;margin-right:7px;box-shadow:0 0 0 5px #f3ecdd}.subtop{font-size:11px;color:#a0988d}.stepper{display:flex;align-items:center;gap:4px;overflow:auto;border-bottom:1px solid var(--line);padding:12px 0 10px;scrollbar-width:thin}.stepper button{border:0;background:transparent;color:#a6a09a;display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:700;border-radius:8px}.stepper button span{width:22px;height:22px;border:1px solid #ddd9d1;display:grid;place-items:center;border-radius:50%;font-size:10px}.stepper button.active{color:#3a342a;background:#f2eadc}.stepper button.active span{background:#2b2b2a;color:#e8c990;border-color:#2b2b2a}.stepper button.done{color:#837050}.stepper button.done span{border-color:#d2b880;color:#b99859}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 7px 27px}.eyebrow,.kicker{font-size:10px;letter-spacing:.19em;font-weight:900;color:var(--gold-dark)}.eyebrow span{display:inline-block;background:var(--gold);width:20px;height:2px;margin:0 8px 4px 0}.hero h1{font-size:clamp(29px,3vw,42px);letter-spacing:-.055em;line-height:1.14;margin:12px 0}.hero h1 em{font-style:normal;color:#a67a39}.hero p{font-size:13px;color:#817c75;max-width:650px;line-height:1.55;margin:0}.tag{display:inline-block;border-radius:25px;background:#f7f0e3;border:1px solid #e4d5b8;color:#967440;font-size:10px;font-weight:800;padding:12px 16px;white-space:nowrap}.columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:22px}.visual-card,.wizard-card,.summary-card,.finish{background:#fff;border:1px solid #ebe6dc;border-radius:17px;box-shadow:var(--shadow)}.visual-card{padding:23px;position:sticky;top:12px}.visual-head,.summary-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.visual-head h2{font-size:19px;letter-spacing:-.035em;margin:9px 0 17px}.preview-tag{font-size:10px;color:#a49987;padding:7px 9px;border-radius:20px;border:1px solid #efe9e0;white-space:nowrap}.room{height:455px;position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 56% 18%,#fefdfb,#f2eee5 67%,#e9e3d7 100%)}.room:after{content:'';position:absolute;bottom:0;height:38px;background:linear-gradient(#e7e0d4,#d8c9b6);left:0;right:0;border-top:2px solid #eee8dd}.wall-art{position:absolute;left:8%;top:12%;width:110px;height:88px;border:7px solid #eee6d9;background:#e2dfd0;opacity:.7;box-shadow:0 8px 22px #0001}.poster-lines{width:65px;height:60px;margin:7px auto;border-radius:60% 24% 65% 10%;background:#bdc4ae;transform:rotate(-18deg)}.cabinet{position:absolute;left:4%;bottom:40px;height:102px;width:180px;border-radius:5px;background:linear-gradient(120deg,#c8b293,#aa8e69);box-shadow:0 10px 13px #0001}.cabinet:after{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #9a7953}.cabinet-top{height:9px;background:#cfc0a7;position:absolute;top:0;left:-5px;right:-5px}.cabinet-feet:after,.cabinet-feet:before{content:'';position:absolute;bottom:-18px;width:6px;height:18px;background:#876e50}.cabinet-feet:before{left:20px}.cabinet-feet:after{right:20px}.plant{position:absolute;bottom:45px;left:16%;height:170px;width:90px;filter:drop-shadow(2px 8px 5px #0001)}.pot{position:absolute;bottom:0;left:18px;height:47px;width:57px;border-radius:7px 7px 16px 16px;background:linear-gradient(110deg,#eee8d9,#d7c7b3)}.leaves{position:absolute;bottom:40px;left:44px;width:28px;height:110px;border-radius:80% 8% 80% 6%;background:linear-gradient(90deg,#9eac8d,#7e986e);transform-origin:bottom}.leaves.l1{transform:rotate(-33deg);left:37px;height:104px}.leaves.l2{transform:rotate(10deg);height:125px}.leaves.l3{transform:rotate(42deg);left:30px;height:94px}.window-shell{position:absolute;z-index:2;left:50%;top:21px;transform:translateX(-50%);width:278px;height:404px;background:#f6f6f4;border:9px solid #fdfdfc;box-shadow:0 14px 29px #36332d36,0 0 0 1px #e1e1db;border-radius:7px}.window-frame{position:absolute;inset:9px;border:8px solid #e5e7e5;box-shadow:inset 1px 3px 5px #0003;background:#dae3df}.glass{position:absolute;inset:0;overflow:hidden;background:linear-gradient(140deg,#cee2e7,#e8eae0 45%,#c3d1c3)}.window-reflection{position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,rgba(255,255,255,.5),transparent 40%,rgba(255,255,255,.10) 70%,rgba(255,255,255,.35));pointer-events:none}.landscape-hill{position:absolute;bottom:-25px;left:-20%;width:140%;height:42%;background:linear-gradient(#b9cbb0,#9eac93);border-radius:70% 80% 0 0;filter:blur(14px)}.landscape-tree{position:absolute;bottom:0;right:-23px;width:100px;height:210px;background:radial-gradient(#6f8d72,#96ad92 60%,transparent 75%);filter:blur(20px);opacity:.6}.sill{position:absolute;bottom:-16px;left:-25px;right:-25px;height:18px;background:linear-gradient(#fff,#d7d9d4);border-radius:0 0 7px 7px;box-shadow:0 7px 12px #0002}.window-handle{position:absolute;right:-21px;top:48%;height:50px;width:13px;border-radius:8px;background:linear-gradient(90deg,#ddd,#fafafa);box-shadow:0 2px 4px #0003}.window-handle:after{content:'';position:absolute;top:19px;right:0;width:35px;height:11px;border-radius:7px;background:linear-gradient(#fff,#d2d3d1)}.roller-cassette{position:absolute;z-index:7;left:0;right:0;top:0;height:31px;background:var(--profile-surface,linear-gradient(#fafafa,#e3e5e4));border-radius:1px 1px 8px 8px;box-shadow:0 4px 7px #0003;overflow:hidden}.cassette-face{position:absolute;inset:0 1px 5px;border-radius:1px 1px 7px 7px;border-bottom:1px solid #0002;background:linear-gradient(180deg,#ffffff3b,#00000008 90%)}.cassette-bottom{position:absolute;bottom:1px;height:4px;left:3px;right:3px;background:#0002;border-radius:6px}.sideguide{position:absolute;top:23px;bottom:0;width:10px;z-index:4;background:var(--profile-surface);border:1px solid #0002;box-shadow:1px 0 4px #0003}.sideguide.left{left:0}.sideguide.right{right:0}.blind{position:absolute;z-index:3;left:10px;right:10px;top:25px;height:calc(68% - 25px);min-height:0;overflow:visible;transition:height .2s ease}.blind-texture{position:absolute;inset:0;background:var(--fabric,#ded4bf);box-shadow:inset 10px 0 13px #0001,inset -9px 0 15px #0002;background-image:repeating-linear-gradient(180deg,transparent 0 3px,#fff1 4px 5px,transparent 6px 12px)}.blind-stripes{position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(to bottom,#ffffff70 0 20px,#3e3a3460 20px 35px);mix-blend-mode:multiply}.blind.daynight .blind-stripes{opacity:1}.blind-bar{position:absolute;bottom:-4px;left:-1px;right:-1px;height:9px;border-radius:0 0 5px 5px;background:var(--profile-surface);border:1px solid #0002;box-shadow:0 3px 3px #0002}.chain{position:absolute;z-index:8;top:20px;right:16px;width:15px;height:174px;filter:drop-shadow(0 1px 2px #0006)}.chain.left{right:auto;left:16px}.chain:before,.chain:after{content:'';position:absolute;top:0;bottom:14px;width:3px;border-radius:5px;background:repeating-linear-gradient(to bottom,#d8d1bb 0 3px,#9e957b 3px 6px)}.chain:before{left:1px}.chain:after{right:1px}.chain-bottom{position:absolute;bottom:8px;left:0;width:15px;height:18px;border:2px solid #bab3a4;border-top:none;border-radius:0 0 8px 8px}.chain.is-napinacz:after{bottom:6px}.chain.is-napinacz:before{bottom:6px}.chain.is-napinacz .chain-bottom{height:31px;bottom:0;background:#f8f8f4;border-radius:4px;border:2px solid #a9a6a1}.scene-pill{position:absolute;bottom:14px;right:10px;z-index:4;border:1px solid #e8e2d6;border-radius:25px;background:#ffffffdd;color:#8a7c66;font-size:9px;font-weight:700;padding:7px 10px}.view-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 0 5px}.view-btn{border:1px solid #e9e4db;border-radius:9px;background:white;font-size:11px;font-weight:700;color:#7d7972;padding:10px}.view-btn.selected{border-color:var(--gold);background:#fdf8ed;color:#987438}.room.detail .window-shell{transform:translateX(-50%) scale(1.20);transform-origin:50% 42%}.room.detail .cabinet,.room.detail .plant,.room.detail .wall-art{opacity:.3}.room.detail .blind{height:80%!important}.preview-slider{margin-top:9px;padding:12px 4px;border-bottom:1px solid var(--line)}.slider-text{display:flex;justify-content:space-between;gap:14px;font-size:12px}.slider-text span{color:#a67c3c;font-weight:800}.preview-slider input{width:100%;accent-color:#b9904e;cursor:pointer;margin:16px 0 5px}.slider-ends{display:flex;justify-content:space-between;color:#aba6a0;font-size:10px}.current-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:13px}.current-choices>div{display:flex;align-items:center;gap:8px;min-width:0}.current-choices small{display:block;color:#a29c92;font-size:9px;margin-bottom:5px}.current-choices strong{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:188px}.mini-sample{display:block;width:33px;height:33px;border-radius:8px;background:#ddd1ba;flex:0 0 33px;border:1px solid #0002}.preview-note{font-size:10px;color:#aaa49b;line-height:1.5;margin:12px 0 0}.right{display:grid;gap:15px}.wizard-card{padding:25px 25px 21px}.wizard-progress{display:flex;align-items:center;gap:12px}.step-number{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#e6c88a;background:#292827;font-weight:900;letter-spacing:-.03em}.progress-label{display:block;color:#b48b46;font-size:10px;font-weight:900;letter-spacing:.10em}.wizard-progress strong{display:block;font-size:13px;margin-top:5px}.count{margin-left:auto;color:#aaa6a0;font-size:12px}.progress-track{height:4px;background:#f2eee5;border-radius:6px;overflow:hidden;margin:18px 0 25px}.progress-track span{display:block;width:14.28%;height:100%;background:linear-gradient(90deg,#a77b36,#e9cc92);transition:width .2s}.wizard-card h2{font-size:24px;letter-spacing:-.045em;line-height:1.2;margin:0 0 8px}.wizard-desc{font-size:12px;color:#928d87;line-height:1.65;margin:0 0 19px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option{background:#fff;border:1.5px solid #e8e4dd;border-radius:12px;text-align:left;padding:13px;min-height:86px;display:flex;align-items:center;gap:11px;position:relative;color:#383633}.option:hover{border-color:#d4b47a}.option.selected{border-color:#c29b5c;background:#fef9ee;box-shadow:0 0 0 1px #e4d0aa}.option-copy{display:block;flex:1}.option strong{display:block;font-size:12px;line-height:1.35}.option small{display:block;font-size:10px;color:#99938a;line-height:1.4;margin-top:5px}.option-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;background:#f4eee3;border-radius:9px;color:#a8803d;font-size:21px;font-weight:500}.option-selected{display:none;position:absolute;right:7px;top:7px;border-radius:50%;background:#b68e4d;color:white;width:16px;height:16px;text-align:center;font-size:11px}.option.selected .option-selected{display:block}.options.types{grid-template-columns:repeat(2,minmax(0,1fr))}.options.types .option{min-height:94px}.palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.palette .option{display:grid;justify-items:center;text-align:center;gap:8px;padding:12px 7px;min-height:94px}.color-chip{height:42px;width:67px;max-width:100%;border-radius:9px;border:1px solid #0002;background:var(--chip);box-shadow:inset 3px 3px 6px #ffffff55,inset -4px -4px 7px #0002}.palette .option strong{font-size:10px}.hint{font-size:11px;line-height:1.55;color:#917341;border:1px solid #eee3d1;background:#fbf6ec;border-radius:10px;padding:11px 12px;margin:12px 0 0}.fabric-field{padding:15px;border-radius:12px;border:1px solid #e7e2d8;background:#fdfcf9}.fabric-field label,.dimension-grid label{font-size:12px;font-weight:800;color:#504d48}.fabric-field input,.dimension-grid input{width:100%;border:1px solid #dcd7ce;border-radius:9px;padding:13px;font-size:15px;margin-top:8px;color:#302e2b;background:#fff}.swatches{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.swatch{background:#fff;border:1px solid #ece7dd;border-radius:9px;padding:7px;display:grid;justify-items:center;gap:5px;font-size:10px;color:#605b55}.swatch i{width:100%;height:34px;border-radius:5px;border:1px solid #0001}.swatch.selected{border-color:#c59b58;background:#fdf7ed}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dimension-grid label.wide{grid-column:1/-1}.dimension-grid small{display:block;font-weight:400;color:#9f998f;font-size:10px;margin-top:6px}.error{background:#fff1ed;color:#973f35;border:1px solid #efc9bf;border-radius:9px;font-size:12px;padding:12px;margin-top:14px}.navigation{border-top:1px solid #eeeae3;padding-top:19px;margin-top:23px;display:flex;justify-content:space-between;gap:8px}.btn{border:0;border-radius:10px;padding:13px 19px;font-size:12px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:#292827;color:#e6c88a;min-width:142px}.btn.primary:disabled{opacity:.47;cursor:not-allowed}.btn.secondary{background:#f5f2ec;color:#625f59}.btn:hover:not(:disabled){filter:brightness(.94)}.summary-card{padding:22px 24px}.summary-head h2{font-size:18px;margin:8px 0 13px}.summary-icon{border:1px solid #ece4d5;border-radius:8px;color:#b18d51;width:33px;height:33px;display:grid;place-items:center}.summary-card dl{margin:0}.summary-row{display:grid;grid-template-columns:46% 54%;gap:5px;border-bottom:1px solid #f1eee9;padding:8px 0;font-size:11px}.summary-row dt{color:#a29b92}.summary-row dd{margin:0;text-align:right;color:#3a3834;font-weight:750;overflow-wrap:anywhere}.summary-status{border:1px solid #efe5d2;background:#fbf6ee;padding:13px;border-radius:10px;color:#98753c;font-size:12px;line-height:1.5;margin-top:17px}.summary-status.good{background:#f0f8f3;border-color:#d9e9dc;color:#285c48}.summary-status.warning{background:#fff6ea;border-color:#edddc1;color:#936c38}.small-note{color:#aaa49a;font-size:10px;line-height:1.5;margin:12px 0 0}.finish{margin-top:22px;padding:28px;display:grid;gap:11px}.finish-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f1f7ef;color:#32764f;font-size:27px}.finish h2{font-size:24px;margin:8px 0}.finish p{margin:5px 0;font-size:12px;color:#888}.code-panel{border:1px dashed #d0b47a;border-radius:10px;background:#fdf9ee;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:15px}.code-panel span{font-size:11px;color:#977b48}.code-panel strong{letter-spacing:.045em;font-size:23px}.finish-actions{display:flex;flex-wrap:wrap;gap:10px}#allegroInfo{font-size:13px;line-height:1.7;color:#555}#allegroInfo .count-units{font-weight:900;font-size:26px;color:#886027}footer{color:#aaa29a;text-align:center;font-size:10px;padding:24px 0}footer a{text-decoration:underline}
@media(max-width:1000px){.columns{grid-template-columns:1fr}.visual-card{position:static}.room{height:405px}.window-shell{height:362px;width:262px}.stepper button{font-size:10px;padding:6px}.hero{padding:21px 0}.tag{display:none}}@media(max-width:600px){.layout{padding:0 12px}.top{padding:10px 0;gap:9px}.brand img{width:180px}.top-indicator{font-size:10px}.subtop{font-size:9px}.stepper{gap:1px}.stepper button{font-size:0;gap:0}.stepper button span{font-size:10px;width:25px;height:25px}.hero h1{font-size:27px}.hero p{font-size:11px}.hero{padding:19px 3px 17px}.columns{gap:13px}.visual-card{padding:12px}.visual-head h2{font-size:15px}.preview-tag{font-size:8px}.room{height:286px}.window-shell{height:260px;width:184px;top:8px;border-width:6px}.window-frame{inset:6px;border-width:5px}.roller-cassette{height:22px}.blind{top:18px}.sideguide{top:17px;width:7px}.sideguide.right{right:0}.blind{left:7px;right:7px}.chain{top:17px;height:100px;transform:scale(.7);transform-origin:top}.chain:not(.left){right:7px}.chain.left{left:7px}.cabinet{height:65px;width:95px}.plant{transform:scale(.64);transform-origin:bottom left;left:10%}.wall-art{width:67px;height:58px}.sill{bottom:-11px}.window-handle{transform:scale(.7);right:-16px}.current-choices strong{max-width:120px}.wizard-card{padding:17px}.wizard-card h2{font-size:23px}.options{gap:8px}.option{padding:10px 8px;min-height:75px;gap:7px}.option strong{font-size:11px}.option small{font-size:9px}.option-icon{width:29px;height:29px;flex-basis:29px;font-size:18px}.palette{gap:6px}.color-chip{height:32px;width:48px}.palette .option{min-height:80px}.swatches{grid-template-columns:repeat(2,1fr)}.dimension-grid{grid-template-columns:1fr}.dimension-grid label.wide{grid-column:auto}.summary-card{padding:17px}.finish{padding:15px}.code-panel strong{font-size:17px}.btn{padding:12px 14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}