html,body{color:#171614;background:#f3f1ec;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}body{min-width:320px}.app{min-height:100vh}.topbar{color:#fff;z-index:20;background:#11110f;align-items:center;gap:34px;height:72px;padding:0 38px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:250px;display:flex}.brand-mark{color:#c9a45a;border:1px solid #c9a45a;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.head-title{border-left:1px solid #37352f;flex:1;padding-left:28px}.head-title b{letter-spacing:.16em;color:#d6b66e;font-size:12px;display:block}.head-title span{color:#a8a49c;margin-top:4px;font-size:11px;display:block}nav{gap:6px;display:flex}nav button{color:#aaa69f;background:0 0;border:0;border-radius:8px;padding:9px 11px;font-size:10px}nav .nav-active{color:#171614;background:#caa65f;font-weight:800}.hero h1{letter-spacing:-.035em;margin:8px 0;font-size:35px;line-height:1.08}.hero p{color:#6e6a62;max-width:700px;margin:0;font-size:12px;line-height:1.6}.outline-btn{background:#fff;border:1px solid #ded9cf;border-radius:9px;padding:12px 15px;font-size:10px;font-weight:800}.preview-card,.control-card,.info-card{background:#fff;border:1px solid #e2ddd4;border-radius:16px;box-shadow:0 10px 35px #1e1b160b}.card-head{border-bottom:1px solid #eeeae3;justify-content:space-between;align-items:center;height:62px;padding:13px 17px;display:flex}.card-head small{color:#9a958b;letter-spacing:.12em;font-size:8px;display:block}.card-head b{margin-top:5px;font-size:12px;display:block}.card-head>span{color:#8a6c35;border:1px solid #e5d7ba;border-radius:999px;padding:6px 9px;font-size:9px}.preview-stage{background:#dedbd4;height:650px;position:relative;overflow:hidden}.room-image{object-fit:cover;width:100%;height:100%}.texture-view{background:#ddd;width:100%;height:100%;position:relative;overflow:hidden}.texture-base{object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.001)}.tint{mix-blend-mode:color;filter:saturate(1.15);pointer-events:none;position:absolute;inset:0}.texture-note{color:#fff;letter-spacing:.1em;background:#000000a6;border-radius:999px;padding:7px 10px;font-size:8px;position:absolute;top:15px;left:15px}.preview-footer{color:#fff;background:#0c0c0b;justify-content:space-between;align-items:center;height:94px;padding:0 25px;display:flex}.preview-footer b{letter-spacing:.01em;font-size:18px;display:block}.preview-footer span{color:#aaa7a0;letter-spacing:.08em;margin-top:5px;font-size:9px;display:block}.preview-footer>div:last-child{text-align:right;border-left:1px solid #4a4843;min-width:190px;padding-left:28px}.preview-footer small{color:#8d8981;letter-spacing:.15em;font-size:8px;display:block}.preview-footer strong{color:#d7b66e;margin-top:4px;font-size:17px;display:block}.step-title{font-size:11px;font-weight:900}.effect-tabs{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.effect-tabs button{background:#f7f5f0;border:1px solid #e4dfd6;border-radius:7px;padding:7px 9px;font-size:9px}.effect-tabs button.active{color:#fff;background:#191816;border-color:#191816}.tech-grid button{text-align:left;background:#fff;border:1px solid #e5e0d8;border-radius:10px;min-width:0;padding:6px}.tech-grid button.tech-active{border:2px solid #bd8f3e;padding:5px}.tech-img{background:#ddd;border-radius:7px;height:72px;position:relative;overflow:hidden}.tech-img img{object-fit:cover;width:100%;height:100%}.tech-img em{color:#fff;background:#171614;border-radius:4px;padding:3px 4px;font-size:6px;font-style:normal;position:absolute;top:4px;right:4px}.tech-grid strong{margin:6px 3px 2px;font-size:9px;display:block}.tech-grid span{color:#8a857d;margin:0 3px 3px;font-size:7px;line-height:1.35;display:block}.search{border:1px solid #ded9d0;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 9px;display:flex}.search span{color:#8d877d}.search input{background:0 0;border:0;outline:0;flex:1;font-size:9px}.groups{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.groups button{background:#fff;border:1px solid #e2ddd4;border-radius:6px;padding:5px 7px;font-size:7px}.groups button.on{color:#fff;background:#1b1a18;border-color:#1b1a18}.color-count{color:#8a857d;margin:7px 0;font-size:8px}.swatches{grid-template-columns:repeat(8,1fr);gap:5px;max-height:175px;padding-right:2px;display:grid;overflow:auto}.swatches button{text-align:center;background:#fff;border:1px solid #0000;min-width:0;padding:0}.swatches button.selected{border-color:#bd8f3e;border-radius:6px}.swatches span{border:1px solid #00000012;border-radius:5px;place-items:center;height:28px;font-size:10px;font-weight:900;display:grid}.swatches b{color:#625e57;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:6px;display:block;overflow:hidden}.add-color{color:#765923;background:#f4efe5;border:1px dashed #c7ad78;border-radius:8px;width:100%;margin:10px 0 15px;padding:9px;font-size:9px;font-weight:800}.single-color,.palette-box{background:#faf9f6;border:1px solid #e6e0d7;border-radius:10px;padding:9px}.single-color{align-items:center;gap:9px;display:flex}.single-color>span{border:1px solid #0000001a;border-radius:7px;width:38px;height:38px}.single-color b{font-size:9px;display:block}.single-color small{color:#89837a;margin-top:3px;font-size:7px;display:block}.palette-title{justify-content:space-between;font-size:9px;font-weight:900;display:flex}.palette-title span{color:#9b783d}.palette-list{grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;display:grid}.palette-list>div{background:#fff;border:1px solid #e8e3da;border-radius:7px;align-items:center;gap:5px;padding:5px;display:flex}.palette-list span{border-radius:4px;width:18px;height:18px}.palette-list b{font-size:7px}.palette-list small{color:#888;flex:1;font-size:6px}.palette-list button{color:#888;background:0 0;border:0}.palette-box p{color:#888;margin:7px 0 0;font-size:7px;line-height:1.45}.tuning{margin:11px 0}.tuning label{color:#5e5a54;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:8px;display:flex}.tuning input[type=range]{width:100%}.switch{background:#c9c5bd;border:0;border-radius:999px;width:32px;height:18px;padding:2px}.switch i{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;display:block}.switch.on{background:#c39a50}.switch.on i{margin-left:14px}.ai-btn{color:#fff;letter-spacing:.03em;background:#171614;border:0;border-radius:9px;width:100%;padding:13px;font-size:10px;font-weight:900}.ai-btn:disabled{opacity:.65}.status{color:#77684f;background:#f4efe5;border-radius:7px;margin-top:8px;padding:8px;font-size:8px;line-height:1.4}.info-card h2{margin:7px 0;font-size:16px}.info-card p{color:#77716a;font-size:9px}.checks{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.flow{background:#f7f4ed;border-radius:9px;padding:9px;font-size:10px;line-height:2}.muted{line-height:1.5}.modal-box{background:#fff;border-radius:16px;width:min(520px,100%);padding:20px;box-shadow:0 30px 90px #00000040}.modal-head h2{margin:0;font-size:18px}.modal-head button{background:#f1eee8;border:0;border-radius:8px;width:30px;height:30px}.form-grid label{color:#716c64;font-size:8px}.form-grid input{border:1px solid #ded9d0;border-radius:7px;outline:0;width:100%;margin-top:5px;padding:9px;font-size:10px;display:block}.new-preview{background:#f7f5f0;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.new-preview>span{border-radius:7px;width:46px;height:46px}.new-preview b{font-size:12px;display:block}.new-preview small{color:#888;margin-top:3px;font-size:8px;display:block}.save-btn{color:#fff;background:#171614;border:0;border-radius:8px;width:100%;margin-top:12px;padding:11px;font-size:10px;font-weight:900}.admin-panel{z-index:40;background:#fff;border:1px solid #ddd7ce;border-radius:12px;align-items:center;gap:20px;padding:14px 16px;display:flex;position:fixed;top:84px;right:22px;box-shadow:0 18px 45px #00000024}.admin-panel b{font-size:10px;display:block}.admin-panel span{color:#888;margin-top:3px;font-size:8px;display:block}.admin-panel button{background:#eeeae2;border:0;border-radius:7px;padding:7px 10px;font-size:8px}@media (max-width:1000px){.topbar{padding:0 18px}.head-title,nav{display:none}.workspace{grid-template-columns:1fr;padding:0 18px}.hero,.below{padding-left:18px;padding-right:18px}.preview-stage{height:520px}.control-card{max-height:none}.below{grid-template-columns:1fr}}@media (max-width:600px){.hero{display:block}.hero h1{font-size:28px}.outline-btn{margin-top:15px}.workspace,.below{padding:0 10px}.preview-stage{height:420px}.preview-footer{padding:0 12px}.preview-footer b{font-size:13px}.preview-footer>div:last-child{min-width:130px;padding-left:12px}.swatches{grid-template-columns:repeat(7,1fr)}}.texture-stage{min-height:650px}.mini-texture img{object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%;position:absolute;inset:0}.mini-texture>div{mix-blend-mode:color;filter:saturate(1.15);position:absolute;inset:0}.texture-layer{mix-blend-mode:color;pointer-events:none;width:100%;position:absolute;left:0}.earth-analysis{background:#f7f3ea;border:1px solid #e7dcc6;border-radius:9px;margin-bottom:8px;padding:9px 10px}.earth-analysis b{color:#765923;font-size:9px;display:block}.earth-analysis span{color:#8a8174;margin-top:3px;font-size:7px;line-height:1.45;display:block}.earth-layers{gap:5px;max-height:270px;display:grid;overflow:auto}.earth-layers button{text-align:left;background:#fff;border:1px solid #e4dfd6;border-radius:8px;align-items:center;gap:7px;padding:6px;display:flex}.earth-layers button.layer-active{background:#fffaf1;border:2px solid #bd8f3e;padding:5px}.layer-color{border:1px solid #00000014;border-radius:5px;flex:none;width:25px;height:25px}.earth-layers div{flex:1;min-width:0}.earth-layers b{font-size:7px;display:block}.earth-layers small{color:#8a857d;margin-top:2px;font-size:6px;display:block}.earth-layers em{color:#85672f;font-size:7px;font-style:normal}.ai-space,.compare-section{background:#fff;border:1px solid #e2ddd4;border-radius:16px;max-width:1360px;margin:0 auto 22px;padding:22px 38px;box-shadow:0 10px 35px #1e1b160b}.ai-head h2,.compare-section h2{margin:7px 0 5px;font-size:21px}.ai-head p,.compare-desc{color:#77716a;max-width:760px;margin:0;font-size:9px;line-height:1.6}.top-ai{white-space:nowrap;width:auto;padding:13px 18px}.ai-upload-row{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:12px;margin-top:16px;display:grid}.upload-card{background:#f4f1ea;border:1px dashed #cfc7ba;border-radius:12px;place-items:center;height:300px;display:grid;position:relative;overflow:hidden}.upload-card img{object-fit:cover;width:100%;height:100%}.upload-card>button{background:#fff;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:30px 50px;display:flex;box-shadow:0 10px 25px #0000000d}.upload-card>button strong{color:#b38a44;font-size:28px}.upload-card>button b{font-size:12px}.upload-card>button span{color:#888;font-size:8px}.upload-badge{color:#fff;letter-spacing:.1em;background:#11100ecc;border-radius:999px;padding:6px 9px;font-size:7px;position:absolute;top:10px;left:10px}.config-card{background:#fbfaf7;border:1px solid #e4dfd6;border-radius:12px;padding:16px}.config-card h3{margin:8px 0;font-size:14px}.config-card p{color:#7d776e;font-size:8px;line-height:1.6}.config-colors{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.config-colors span{background:#fff;border:1px solid #e5e0d7;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-size:7px;display:flex}.config-colors i{border:1px solid #00000014;border-radius:50%;width:13px;height:13px}.compare-section{padding-bottom:28px}.compare-desc{margin-bottom:13px}.compare-wrap{background:#ddd;border-radius:12px;height:560px;position:relative;overflow:hidden}.compare-after{position:absolute;inset:0;overflow:hidden}.compare-line{z-index:3;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #00000026}.compare-line span{color:#222;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #0003}.compare-range{opacity:0;cursor:ew-resize;z-index:4;width:100%;height:100%;position:absolute;inset:0}.compare-label{color:#fff;letter-spacing:.1em;z-index:2;background:#000000ad;border-radius:999px;padding:6px 9px;font-size:7px;position:absolute;top:12px}.below{padding-top:0}@media (max-width:1000px){.ai-space,.compare-section{margin-left:18px;margin-right:18px;padding-left:18px;padding-right:18px}.ai-upload-row{grid-template-columns:1fr}.ai-head{display:block}.top-ai{margin-top:14px}.compare-wrap{height:460px}}@media (max-width:600px){.ai-space,.compare-section{margin-left:10px;margin-right:10px;padding:16px}.compare-wrap{height:360px}.ai-head h2,.compare-section h2{font-size:18px}.upload-card{height:240px}}:root{--ink:#17181c;--muted:#687386;--line:#dfe4ed;--soft:#f5f7fb;--accent:#4b4bf5}*{box-sizing:border-box}.app{min-height:100vh;color:var(--ink);background:#f6f8fc}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:#17181c;border-radius:11px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:grid}.brand strong{letter-spacing:.08em;font-size:14px;display:block}.brand span{color:#7a8392;letter-spacing:.08em;margin-top:2px;font-size:10px;display:block}.topbar nav{gap:4px;display:flex}.topbar nav button{color:#677285;background:0 0;border:0;border-radius:9px;padding:11px 15px;font-weight:700}.topbar nav .nav-active{color:#4b4bf5;background:#eef0ff}.hero{justify-content:space-between;align-items:end;gap:30px;max-width:1240px;margin:auto;padding:54px 24px 34px;display:flex}.eyebrow,.section-label{letter-spacing:.14em;color:#6d7890;font-size:11px;font-weight:800}.hero h1{margin:12px 0;font-size:46px;line-height:1.03}.hero h1 span{color:#4b4bf5}.hero p{color:#687386;max-width:720px;line-height:1.6}.outline-btn,.demo-btn,.draw-actions button{cursor:pointer;background:#fff;border:1px solid #ccd3e2;border-radius:10px;padding:12px 16px;font-weight:800}.workspace{grid-template-columns:minmax(0,1.1fr) 410px;gap:18px;max-width:1240px;margin:auto;padding:0 24px 28px;display:grid}.preview-card,.control-card,.ai-space,.compare-section,.info-card{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 10px 35px #16203c0d}.preview-card{overflow:hidden}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 20px;display:flex}.card-head small,.preview-footer small{color:#8a93a2;letter-spacing:.12em;font-size:9px;display:block}.card-head b{margin-top:5px;display:block}.card-head>span{color:#4b4bf5;font-size:10px;font-weight:800}.preview-stage{background:#f1f3f7;padding:18px}.texture-view{aspect-ratio:1.2;background:#ddd;border-radius:13px;position:relative;overflow:hidden}.texture-view>img{object-fit:cover;width:100%;height:100%;display:block}.tint,.texture-layer{opacity:.72;mix-blend-mode:color;position:absolute;inset:0}.texture-layer{bottom:auto}.preview-footer{justify-content:space-between;padding:16px 20px;display:flex}.preview-footer span{color:#7b8492;margin-top:4px;font-size:12px;display:block}.preview-footer strong{margin-top:5px;display:block}.control-card{max-height:760px;padding:18px;overflow:auto}.step{align-items:center;gap:10px;margin:3px 0 12px;display:flex}.step i{color:#4b4bf5;background:#eef0ff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;font-weight:800;display:grid}.step-title{font-weight:800}.effect-tabs,.groups{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.effect-tabs button,.groups button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700}.effect-tabs button.active,.groups button.on{color:#fff;background:#17181c;border-color:#17181c}.tech-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.tech-grid button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;padding:7px}.tech-grid button.tech-active{border-color:#4b4bf5;box-shadow:0 0 0 2px #e7e7ff}.tech-grid strong,.tech-grid span{display:block}.tech-grid strong{margin:7px 3px 3px;font-size:12px}.tech-grid span{color:#7b8492;margin:0 3px 4px;font-size:10px;line-height:1.35}.mini-texture{background:#ddd;border-radius:8px;height:76px;position:relative;overflow:hidden}.mini-texture img{object-fit:cover;width:100%;height:100%}.mini-texture>span{opacity:.68;mix-blend-mode:color;position:absolute;inset:0}.search{border:1px solid var(--line);border-radius:9px;align-items:center;gap:7px;margin-bottom:9px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;padding:10px 0}.swatches{grid-template-columns:repeat(5,1fr);gap:7px;max-height:235px;padding:2px;display:grid;overflow:auto}.swatches button{cursor:pointer;background:0 0;border:0;font-size:9px}.swatches span{border:1px solid #ddd;border-radius:7px;place-items:center;height:34px;display:grid}.swatches b{margin-top:3px;font-size:9px;display:block}.swatches .selected span{box-shadow:0 0 0 2px #4b4bf5}.add-color{cursor:pointer;background:#fafbfe;border:1px dashed #aeb7c8;border-radius:9px;width:100%;margin:10px 0 14px;padding:10px;font-weight:800}.palette-box,.earth-analysis{background:#f7f8fb;border:1px solid #e5e8ef;border-radius:10px;margin-top:10px;padding:10px}.palette-list{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.palette-list>div{background:#fff;border:1px solid #e2e6ef;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:10px;display:flex}.palette-list span,.layer-color{border:1px solid #ddd;border-radius:50%;width:17px;height:17px;display:block}.palette-list button{cursor:pointer;background:0 0;border:0}.earth-analysis b,.earth-analysis span{display:block}.earth-analysis span{color:#70798a;margin-top:4px;font-size:11px;line-height:1.4}.earth-layers{gap:6px;margin-top:8px;display:grid}.earth-layers>button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:20px 1fr auto 20px;align-items:center;gap:7px;padding:8px;display:grid}.earth-layers .layer-active{border-color:#4b4bf5}.earth-layers b,.earth-layers small{display:block}.earth-layers small{color:#8a93a2;margin-top:2px;font-size:9px}.earth-layers em{font-size:9px;font-style:normal;font-weight:800}.earth-layers strong{color:#d55;text-align:center;border:0}.ai-space,.compare-section{max-width:1240px;margin:18px auto;padding:22px 24px}.ai-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.ai-head h2,.compare-section h2,.info-card h2{margin:6px 0 8px}.ai-head p,.compare-section p{color:#6b7586;font-size:13px;line-height:1.5}.ai-actions{flex-wrap:wrap;gap:8px;display:flex}.ai-btn{color:#fff;cursor:pointer;background:#4b4bf5;border:0;border-radius:10px;padding:12px 16px;font-weight:800}.ai-btn:disabled{opacity:.45;cursor:not-allowed}.demo-btn{color:#4b4bf5;background:#fff;border-color:#cfd3ff}.analysis-grid{grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:18px;display:grid}.room-editor,.zones-card{border:1px solid var(--line);border-radius:14px;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--line);background:#fafbfe;justify-content:space-between;gap:10px;padding:10px;display:flex}.editor-tabs,.draw-actions{flex-wrap:wrap;gap:6px;display:flex}.editor-tabs button{color:#687386;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 12px;font-weight:800}.editor-tabs button.active{color:#4b4bf5;border-bottom-color:#4b4bf5}.draw-actions button{padding:8px 10px;font-size:11px}.room-frame{background:#eef1f6;position:relative;overflow:hidden}.room-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.draw-layer{position:absolute;inset:0}.draw-layer.enabled{cursor:crosshair}.draw-layer svg{width:100%;height:100%;position:absolute;inset:0}.empty-room{text-align:center;cursor:pointer;color:#697386;background:0 0;border:0;place-content:center;gap:8px;width:100%;height:100%;min-height:420px;display:grid}.empty-room strong{color:#4b4bf5;font-size:36px}.editor-note{color:#748094;border-top:1px solid var(--line);padding:10px 12px;font-size:11px}.zones-card{padding:16px}.zones-card h3{margin:6px 0 12px}.zone{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:9px;width:100%;margin-bottom:7px;padding:10px;display:flex}.zone.selected{background:#f5f5ff;border-color:#4b4bf5}.zone-check{color:#fff;border:1px solid #c8cfdb;border-radius:6px;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.zone.selected .zone-check{background:#4b4bf5;border-color:#4b4bf5}.zone b,.zone small{display:block}.zone small{color:#8490a1;margin-top:2px;font-size:10px}.selected-summary{color:#697386;padding:10px 0;font-size:11px;line-height:1.5}.full{width:100%}.compare-section{overflow:hidden}.compare-wrap{background:#edf0f5;border-radius:14px;max-width:100%;margin-top:16px;position:relative;overflow:hidden}.compare-before,.compare-after img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.compare-after{height:100%;position:absolute;top:0;left:0;overflow:hidden}.compare-after img{object-fit:contain;object-position:left center;width:100%;height:100%}.compare-line{background:#fff;width:2px;height:100%;position:absolute;top:0;box-shadow:0 0 0 1px #0000001a}.compare-line span{background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #00000026}.compare-range{opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.compare-label{color:#fff;background:#232831bf;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;top:12px}.compare-label.before{left:12px}.compare-label.after{right:12px}.below{grid-template-columns:1fr 1fr;gap:18px;max-width:1240px;margin:18px auto 60px;padding:0 24px;display:grid}.info-card{padding:20px}.checks{flex-wrap:wrap;gap:8px;display:flex}.checks span{background:#f5f7fb;border-radius:8px;padding:8px 10px;font-size:11px}.flow{color:#687386;line-height:2}.flow b{color:#4b4bf5}.modal{z-index:50;background:#14182380;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-box{background:#fff;border-radius:16px;width:min(560px,100%);padding:20px}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head button{cursor:pointer;background:0 0;border:0;font-size:24px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.form-grid label{font-size:11px;font-weight:800}.form-grid input{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:5px;padding:9px;display:block}.new-preview{align-items:center;gap:10px;display:flex}.new-preview span{border:1px solid #ddd;border-radius:9px;width:46px;height:46px}.save-btn{color:#fff;background:#17181c;border:0;border-radius:9px;width:100%;margin-top:15px;padding:12px;font-weight:800}@media (max-width:980px){.workspace,.analysis-grid,.below{grid-template-columns:1fr}.control-card{max-height:none}.hero,.ai-head{flex-direction:column;align-items:start}.hero h1{font-size:38px}}@media (max-width:600px){.topbar{padding:12px 14px}.topbar nav{display:none}.hero,.workspace,.ai-space,.compare-section,.below{padding-left:12px;padding-right:12px}.hero h1{font-size:31px}.tech-grid{grid-template-columns:1fr}.editor-toolbar{flex-direction:column}.form-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(4,1fr)}}.texture-base{filter:grayscale()contrast(1.08)}.tint,.texture-layer,.mini-texture>span{opacity:1!important;mix-blend-mode:multiply!important}.texture-view .tint{background-color:var(--selected-color,#777)!important}.ai-head{flex-wrap:wrap}.ai-color-link{white-space:nowrap;background:#f6f7ff;border:1px solid #dfe2ff;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex}.ai-color-link>span{border:1px solid #ccd1dc;border-radius:6px;width:22px;height:22px;display:block}.ai-color-link b{color:#687386;font-size:10px}.ai-color-link strong{font-size:12px}.ai-color-link small{color:#7a8494;font-family:monospace;font-size:10px}.room-frame{isolation:isolate}.ai-zone-overlay{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.draw-layer{z-index:3}.manual-zone-list{border-top:1px solid var(--line);background:#fafbfe;gap:6px;padding:10px 12px;display:grid}.manual-zone-list>b{color:#687386;font-size:11px}.manual-zone{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:8px 9px;font-size:10px;display:flex}.manual-zone.active{background:#f5f5ff;border-color:#4b4bf5}.manual-zone>span{border:1px solid #ccd2dd;border-radius:4px;width:16px;height:16px}.manual-zone strong{color:#b24b4b;margin-left:auto}
html{scroll-behavior:smooth}body{overflow-x:hidden}button,input{touch-action:manipulation}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #c79b5066}.picker{position:relative;box-shadow:0 8px 24px #1b181207}.colorInput{cursor:pointer;border-radius:12px;width:64px;height:52px;overflow:hidden;box-shadow:inset 0 0 0 1px #0002}.slider{cursor:pointer;height:24px}.picker:after{content:"Chọn nhanh bằng ô màu hoặc kéo Độ sáng / Độ bão hòa";color:#948d83;margin-top:7px;font-size:8px;display:block}.tech{transition:transform .15s,box-shadow .15s,border-color .15s}.tech:hover{transform:translateY(-1px);box-shadow:0 7px 18px #17161410}.zone,.chip,.swatch,.layer,.secondary,.primary,.uploadBtn{transition:background .15s,border-color .15s,transform .15s}.zone:active,.chip:active,.swatch:active,.layer:active,.secondary:active,.primary:active,.uploadBtn:active{transform:scale(.985)}.roomEmpty{min-height:min(68vh,620px)}.roomEmpty b{margin-top:7px;font-size:16px}.roomEmpty span{margin-top:5px;display:block}.texture-preview .texture-tint{mix-blend-mode:multiply!important;opacity:.72!important}.texture-preview:after{content:"";mix-blend-mode:soft-light;pointer-events:none;background:#ffffff1f;position:absolute;inset:0}.texture-preview img{filter:grayscale()contrast(1.16)brightness(1.02)!important}.loginOverlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a099e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.loginCard{background:#fff;border:1px solid #e4ddd2;border-radius:20px;width:min(430px,100%);padding:28px;position:relative;box-shadow:0 30px 100px #00000047}.loginClose{color:#645f57;background:#f2efe8;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:12px;right:12px}.loginBadge{color:#8a6528;letter-spacing:.08em;background:#f4ead5;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;display:inline-flex}.loginCard h2{margin:14px 0 10px;font-size:24px;line-height:1.12}.loginCard p{color:#6f6961;margin:0 0 18px;font-size:12px;line-height:1.6}.zaloLogin{color:#fff;background:#0877e8;border:0;border-radius:11px;width:100%;padding:13px 15px;font-size:12px;font-weight:900}.loginCard small{color:#938d83;margin-top:12px;font-size:8px;line-height:1.5;display:block}@media (min-width:1051px){.panel{overscroll-behavior:contain;max-height:calc(100vh - 96px);position:sticky;top:82px;overflow:auto}.workspace{align-items:start}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-thumb{background:#d5cec2;border-radius:99px}.panel .step{margin-bottom:6px;margin-top:10px!important}.panel .techs{margin-bottom:9px}.panel .swatches{max-height:145px}.panel .texture-preview{height:175px}.panel .status{margin-bottom:2px}}@media (max-width:1050px){.container{max-width:980px}.workspace{gap:12px}.panel{position:static}.room{max-height:72vh}.tech img{height:82px}.swatches{max-height:160px}.texture-preview{height:190px}}@media (max-width:650px){.container{padding:14px 10px 88px}.hero p{font-size:12px}.hero h1{font-size:29px}.uploadBtn{width:100%;margin-top:14px}.room{max-height:none}.room img{object-fit:contain}.techs{grid-template-columns:1fr 1fr}.tech img{height:78px}.swatches{grid-template-columns:repeat(6,1fr);gap:4px;max-height:150px}.swatch i{height:32px}.swatch small{font-size:6px}.groups{padding-bottom:3px}.picker{border-radius:12px;padding:10px}.pickerTop{gap:8px}.colorInput{width:56px;height:44px}.field input{min-height:40px}.primary{min-height:46px;font-size:13px}.mobileSticky button{min-height:50px;font-size:13px}.footer{align-items:flex-start}.footer>div:last-child{max-width:52%;overflow:hidden}.footer b{word-break:break-word}.roomHead b{font-size:11px}.step{margin-bottom:7px}.effects{gap:5px}.chip{padding:7px 9px}.techs{gap:6px;margin-bottom:11px}.zone{padding:7px}.status{font-size:8px}.roomEmpty{min-height:300px}.loginCard{border-radius:17px;padding:22px}.loginCard h2{font-size:21px}}