*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #1C1C1A;--ink-mid: #5A5A54;--ink-light: #9A9A90;--paper: #F8F5F0;--cream: #EDE8E0;--warm: #E0D8CC;--accent: #8A7355;--gold: #C4A265;--gold-light: #D9BC8A;--bath: #7AADA0;--bath-light: #B8D4CF;--kitchen: #A08860;--kitchen-light: #C8B090;--outdoor: #7A9870;--outdoor-light: #AABFA0;--join: #B5895A;--mono: "DM Mono", monospace;--serif: "Cormorant Garamond", Georgia, serif;--thai: "Noto Sans Thai", sans-serif;--radius: 2px;--section-pad: clamp(80px, 10vw, 140px)}html{scroll-behavior:smooth}body{background-color:var(--paper);color:var(--ink);font-family:var(--thai);font-weight:300;font-size:16px;line-height:1.6;cursor:none;overflow-x:hidden}a{color:inherit;text-decoration:none}.cursor{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--ink);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background .2s ease}.cursor.cursor-hover{width:24px;height:24px;background:transparent;border:1.5px solid var(--ink)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 clamp(24px,5vw,80px);height:60px;display:flex;align-items:center;background:#f8f5f0eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--warm);transition:box-shadow .3s ease}.navbar.scrolled{box-shadow:0 1px 20px #1c1c1a14}.nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand-text{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.15em;color:var(--ink)}.nav-links{list-style:none;display:flex;gap:36px}.nav-links a{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);transition:color .2s ease}.nav-links a:hover{color:var(--ink)}.animate-up{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.animate-up.visible{opacity:1;transform:translateY(0)}.hero{min-height:100vh;padding-top:60px;padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--paper)}.hero-left{padding:var(--section-pad) 0}.hero-eyebrow{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-light);margin-bottom:24px}.hero-title{font-family:var(--serif);font-size:clamp(44px,6vw,80px);font-weight:300;line-height:1.05;color:var(--ink);margin-bottom:20px}.hero-title em{font-style:italic;color:var(--accent)}.hero-subtitle{font-family:var(--thai);font-size:18px;font-weight:300;color:var(--ink-mid);margin-bottom:16px}.hero-desc{font-family:var(--thai);font-size:15px;font-weight:300;color:var(--ink-mid);line-height:1.7;max-width:480px;margin-bottom:40px}.hero-cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.1em;padding:14px 28px;border:1px solid var(--ink);transition:background .2s ease,color .2s ease}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.1em;padding:14px 28px;border:1px solid var(--warm);transition:border-color .2s ease,color .2s ease}.btn-ghost:hover{border-color:var(--ink)}.hero-product-img-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.hero-product-img{width:100%;max-height:480px;object-fit:contain;display:block}.hero-right{padding:var(--section-pad) 0;display:flex;flex-direction:column;gap:32px}.hero-iso-wrapper{background:var(--cream);border:1px solid var(--warm);padding:40px;position:relative;overflow:hidden}.iso-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;align-items:stretch}.iso-block{display:flex;flex-direction:column;justify-content:flex-end;padding:16px;min-height:160px;position:relative;overflow:hidden;transition:transform .3s ease}.iso-block:hover{transform:translateY(-4px)}.iso-main{background:var(--ink);grid-column:1;grid-row:1 / 3}.iso-main .iso-label,.iso-main .iso-size{color:var(--paper)}.iso-mod{min-height:100px}.iso-bath{background:var(--bath)}.iso-kitchen{background:var(--kitchen)}.iso-outdoor{background:var(--outdoor)}.iso-label{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;display:block;margin-bottom:4px}.iso-size{font-family:var(--serif);font-size:20px;font-weight:300;color:#fffffff2;display:block}.iso-mod .iso-label,.iso-mod .iso-size{color:#ffffffe6}.hero-badge{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-badge-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.concept{padding:var(--section-pad) clamp(24px,5vw,80px);background:var(--cream);border-top:1px solid var(--warm);border-bottom:1px solid var(--warm)}.concept-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:60px;align-items:start}.concept-tag{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.concept-title{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:300;line-height:1.1;color:var(--ink);margin-bottom:24px}.concept-title em{font-style:italic;color:var(--accent)}.concept-body{font-family:var(--thai);font-size:15px;font-weight:300;color:var(--ink-mid);line-height:1.75;margin-bottom:32px}.concept-note-gold{border-left:2px solid var(--gold);padding-left:16px;font-family:var(--serif);font-style:italic;font-size:16px;color:var(--accent);line-height:1.6}.concept-divider{width:1px;background:var(--warm);min-height:300px;align-self:stretch}.concept-img{width:100%;height:auto;display:block;border-radius:4px;object-fit:cover}.jigsaw-diagram{padding:8px 0}.jigsaw-row{display:flex;gap:16px;align-items:stretch}.jigsaw-nordic{background:var(--ink);padding:24px 20px;min-width:120px;display:flex;align-items:flex-end;min-height:180px}.jigsaw-nordic-inner{display:flex;flex-direction:column;gap:6px}.jigsaw-tag{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.jigsaw-size{font-family:var(--serif);font-size:24px;font-weight:300;color:var(--paper)}.jigsaw-connector{display:flex;align-items:center;justify-content:center}.jigsaw-plus{font-family:var(--mono);font-size:20px;font-weight:300;color:var(--ink-light)}.jigsaw-modules-col{display:flex;flex-direction:column;gap:8px;flex:1}.jigsaw-mod{display:flex;align-items:center;gap:12px;padding:14px 16px}.jmod-bath{background:var(--bath)}.jmod-kitchen{background:var(--kitchen)}.jmod-outdoor{background:var(--outdoor)}.jmod-num{font-family:var(--mono);font-size:10px;font-weight:400;color:#ffffffb3}.jmod-name{font-family:var(--thai);font-size:13px;font-weight:400;color:#fffffff2;flex:1}.jmod-size{font-family:var(--mono);font-size:10px;color:#ffffffa6}.modules{padding:var(--section-pad) clamp(24px,5vw,80px);background:var(--paper)}.modules-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;gap:24px}.modules-header-left .section-tag{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.section-title{font-family:var(--serif);font-size:clamp(28px,3.5vw,44px);font-weight:300;color:var(--ink);line-height:1.1}.modules-header-desc{font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--ink-light);text-align:right;max-width:360px}.modules-grid{display:flex;flex-direction:column;gap:0}.mc{border:1px solid var(--warm);border-bottom:none;overflow:hidden;background:var(--paper);transition:box-shadow .35s ease}.mc:last-child{border-bottom:1px solid var(--warm)}.mc:hover{box-shadow:0 6px 40px #1c1c1a1a;z-index:1;position:relative}.mc-band{display:flex;align-items:center;gap:0;padding:0 24px;height:44px;border-bottom:1px solid rgba(255,255,255,.15)}.mc-band-bath{background:#5a9c8e}.mc-band-kitchen{background:#8a7050}.mc-band-outdoor{background:#6a8860}.mc-band-main{background:#6a7a9c}.mc-band-pet{background:#9c7a5a}.mc-band-num{font-family:var(--mono);font-size:18px;font-weight:500;color:#fffffff2;letter-spacing:.05em;min-width:56px}.mc-band-of{font-size:11px;font-weight:300;opacity:.6;letter-spacing:.1em}.mc-band-sep{width:1px;height:22px;background:#fff3;margin:0 20px}.mc-band-titles{display:flex;flex-direction:column;gap:1px}.mc-band-type{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#fffffff2}.mc-band-thai{font-family:var(--thai);font-size:11px;font-weight:300;color:#ffffffa6}.mc-band-spacer{flex:1}.mc-band-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.mc-band-size{font-family:var(--mono);font-size:10px;font-weight:400;color:#ffffffd9;letter-spacing:.06em}.mc-band-rev{font-family:var(--mono);font-size:9px;color:#ffffff73;letter-spacing:.08em}.mc-body{display:grid;grid-template-columns:52px 1fr 260px 200px;min-height:380px}.mc-col-num{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;border-right:1px solid var(--warm)}.mc-num-bath{background:#ebf5f3}.mc-num-kitchen{background:#f2ede6}.mc-num-outdoor{background:#ebf0e8}.mc-num-main{background:#ebeef5}.mc-num-pet{background:#f5eeeb}.mc-num-vert{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.2em;color:var(--ink-light);transform:rotate(180deg)}.mc-col-info{padding:32px 28px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--warm)}.mc-title-group{display:flex;align-items:baseline;gap:12px}.mc-title{font-family:var(--serif);font-size:clamp(32px,3.2vw,44px);font-weight:300;color:var(--ink);line-height:1}.mc-title-thai{font-family:var(--thai);font-size:15px;font-weight:300;color:var(--ink-light)}.mc-desc{font-family:var(--thai);font-size:13.5px;font-weight:300;color:var(--ink-mid);line-height:1.75;flex:1}.mc-zones{display:flex;flex-direction:column;gap:8px}.mc-zones-title{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light);margin-bottom:4px}.mc-zone-row{display:flex;align-items:center;gap:10px}.mc-zone-dot{width:14px;height:14px;flex-shrink:0;border-radius:2px}.mc-zone-info{display:flex;justify-content:space-between;align-items:center;flex:1;gap:8px}.mc-zone-name{font-family:"DM Sans",var(--thai);font-size:12px;font-weight:300;color:var(--ink-mid)}.mc-zone-area{font-family:var(--mono);font-size:10px;font-weight:400;color:var(--ink);background:var(--cream);padding:2px 7px;border-radius:2px;white-space:nowrap}.mc-mats{display:flex;flex-direction:column;gap:8px}.mc-mats-title{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light)}.mc-chips{display:flex;flex-wrap:wrap;gap:6px}.mc-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-family:var(--mono);font-size:10px;font-weight:400;color:var(--chip-t, var(--ink-mid));background:var(--chip-c, var(--cream));border:1px solid rgba(0,0,0,.06);border-radius:2px;letter-spacing:.04em}.mc-chip:before{content:"";display:block;width:8px;height:8px;border-radius:1px;background:var(--chip-c, var(--cream));border:1px solid rgba(0,0,0,.12);flex-shrink:0}.mc-brands{display:flex;flex-direction:column;gap:6px}.mc-brands-label{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light)}.mc-brands-pills{display:flex;flex-wrap:wrap;gap:6px}.mc-brand-pill{font-family:var(--mono);font-size:10px;font-weight:400;color:var(--ink-mid);padding:3px 9px;border:1px solid var(--warm);border-radius:2px;letter-spacing:.04em;transition:border-color .2s,color .2s}.mc:hover .mc-brand-pill{border-color:var(--accent);color:var(--ink)}.mc-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.1em;color:var(--accent);margin-top:auto;padding-top:4px;border-bottom:1px solid transparent;transition:border-color .2s ease,letter-spacing .2s ease;align-self:flex-start}.mc-link:hover{letter-spacing:.14em;border-bottom-color:var(--accent)}.mc-col-plan{padding:24px 20px;background:#fdfcfb;border-right:1px solid var(--warm);display:flex;flex-direction:column;gap:12px}.mc-plan-header{display:flex;justify-content:space-between;align-items:center}.mc-plan-tag{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-light)}.mc-plan-scale{font-family:var(--mono);font-size:9px;color:var(--ink-light);letter-spacing:.06em}.mc-plan-photo{border:1px solid var(--warm);overflow:hidden;background:var(--cream)}.mc-plan-photo-img{width:100%;height:160px;display:block;object-fit:cover;transition:transform .4s ease}.mc:hover .mc-plan-photo-img{transform:scale(1.03)}.mc-plan-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:var(--cream);border:1px solid var(--warm);padding:8px;overflow:hidden}.mc-plan-svg{width:100%;height:auto;max-height:220px;display:block;transition:transform .4s ease}.mc:hover .mc-plan-svg{transform:scale(1.03)}.mc-legend{display:flex;flex-direction:column;gap:5px}.mc-leg-item{display:flex;align-items:center;gap:7px}.mc-leg-sw{width:12px;height:12px;border-radius:1px;flex-shrink:0}.mc-leg-item span{font-family:var(--mono);font-size:9px;color:var(--ink-light);letter-spacing:.03em;line-height:1.3}.mc-col-specs{padding:24px 20px;background:var(--cream);display:flex;flex-direction:column;gap:20px;overflow-y:auto}.mc-spec-group{display:flex;flex-direction:column;gap:0}.mc-spec-title{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding-bottom:8px;border-bottom:1px solid var(--warm);margin-bottom:6px}.mc-spec-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;border-bottom:1px solid rgba(224,216,204,.5)}.mc-spec-row:last-child{border-bottom:none}.mc-spec-row span:first-child{font-family:var(--mono);font-size:10px;font-weight:300;color:var(--ink-mid);letter-spacing:.04em;flex:1}.mc-spec-row span:last-child{font-family:var(--mono);font-size:10px;font-weight:400;color:var(--ink);text-align:right;white-space:nowrap}.materials{padding:var(--section-pad) clamp(24px,5vw,80px);background:var(--ink)}.materials-inner{display:flex;flex-direction:column;gap:52px}.mat-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:0}.mat-tag{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.mat-title{font-family:var(--serif);font-size:clamp(32px,4vw,56px);font-weight:300;color:var(--paper);line-height:1.1}.mat-title em{font-style:italic;color:var(--gold)}.mat-subtitle{font-family:var(--thai);font-size:14px;font-weight:300;color:var(--ink-light);text-align:right;max-width:260px;line-height:1.8}.mat-module-group{display:flex;flex-direction:column;gap:12px}.mat-group-label{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.mat-group-num{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--gold);min-width:24px}.mat-group-name{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.1em;color:#ffffffbf;text-transform:uppercase}.mat-group-thai{font-family:var(--thai);font-size:13px;font-weight:300;color:#ffffff59}.mat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06)}.mat-item{background:#ffffff05;padding:0 0 16px;display:flex;flex-direction:column;overflow:hidden;transition:background .25s ease}.mat-item:hover{background:#ffffff12}.mat-swatch{width:100%;height:80px;margin-bottom:14px;transition:height .3s ease}.mat-item:hover .mat-swatch{height:100px}.mat-info{padding:0 14px;display:flex;flex-direction:column;gap:3px}.mat-name{font-family:var(--mono);font-size:10.5px;font-weight:400;letter-spacing:.05em;color:var(--paper)}.mat-hex{font-family:var(--mono);font-size:9px;color:#9a9a9099;letter-spacing:.06em}.mat-use{font-family:var(--thai);font-size:11px;font-weight:300;color:var(--ink-light);margin-top:1px}.footer{background:var(--ink);border-top:1px solid rgba(255,255,255,.08);padding:32px clamp(24px,5vw,80px)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-brand{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.15em;color:var(--paper)}.footer-tagline{font-family:var(--thai);font-size:12px;font-weight:300;color:var(--ink-light);margin-top:4px}.footer-right{text-align:right}.footer-copy{font-family:var(--mono);font-size:11px;color:var(--ink-light);margin-bottom:2px}.footer-sub{font-family:var(--mono);font-size:11px;color:#9a9a9099}@media(max-width:1280px){.mc-body{grid-template-columns:48px 1fr 220px 180px}}@media(max-width:1024px){.mc-body{grid-template-columns:48px 1fr 200px;grid-template-rows:auto auto}.mc-col-specs{grid-column:2 / -1;grid-row:2;border-top:1px solid var(--warm);border-right:none;flex-direction:row;flex-wrap:wrap;gap:24px}.mc-spec-group{min-width:160px;flex:1}}@media(max-width:860px){.hero{grid-template-columns:1fr;gap:40px}.hero-right{padding-top:0;padding-bottom:var(--section-pad)}.concept-inner{grid-template-columns:1fr;gap:40px}.concept-divider{display:none}.mc-body{grid-template-columns:48px 1fr;grid-template-rows:auto auto auto}.mc-col-plan{grid-column:1 / -1;grid-row:2;border-right:none;border-top:1px solid var(--warm);flex-direction:row;align-items:flex-start;gap:20px}.mc-plan-wrap{max-width:240px;flex-shrink:0}.mc-legend{flex:1}.mc-col-specs{grid-column:1 / -1;grid-row:3;border-top:1px solid var(--warm);border-right:none;flex-direction:row;flex-wrap:wrap;gap:24px;padding:20px 24px}.mc-spec-group{min-width:140px;flex:1}.mat-grid{grid-template-columns:repeat(3,1fr)}.modules-header{flex-direction:column;align-items:flex-start;gap:12px}.modules-header-desc{text-align:left}.mat-header{flex-direction:column;align-items:flex-start;gap:16px}.mat-subtitle{text-align:left}}@media(max-width:640px){.mc-band{flex-wrap:wrap;height:auto;padding:10px 16px;gap:6px}.mc-band-meta{flex-direction:row;align-items:center;gap:10px}.mc-col-plan{flex-direction:column;align-items:stretch}.mc-plan-wrap{max-width:100%}.mat-grid{grid-template-columns:repeat(2,1fr)}.mc-col-info{padding:24px 18px}.mc-col-specs{padding:16px 18px}}@media(max-width:480px){.hero-badge{grid-template-columns:repeat(3,1fr)}.iso-grid{grid-template-columns:1fr 1fr}.iso-main{grid-column:1 / -1;grid-row:1;min-height:100px}.mat-grid{grid-template-columns:repeat(2,1fr)}.mc-title{font-size:28px}}.mc-select-btn{display:flex;align-items:center;gap:7px;margin-left:16px;padding:6px 14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:2px;color:#ffffffe6;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s;white-space:nowrap;flex-shrink:0}.mc-select-btn:hover{background:#ffffff38;border-color:#ffffff80;transform:translateY(-1px)}.mc-select-btn.selected{background:#c4a26540;border-color:var(--gold);color:var(--gold-light)}.mc-select-btn.selected:hover{background:#c4a26561}.mc-select-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid currentColor;transition:background .2s;flex-shrink:0}.mc-select-btn.selected .mc-select-icon{background:var(--gold);border-color:var(--gold);color:var(--ink)}.mc.mc-selected{box-shadow:0 0 0 2px var(--gold),0 8px 40px #c4a26526;transition:box-shadow .3s ease}.quote-bar{position:fixed;bottom:0;left:0;right:0;z-index:800;transform:translateY(100%);transition:transform .38s cubic-bezier(.22,1,.36,1);pointer-events:none}.quote-bar.visible{transform:translateY(0);pointer-events:all}.quote-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 40px;background:var(--ink);border-top:1px solid rgba(196,162,101,.3);box-shadow:0 -8px 40px #1c1c1a59;flex-wrap:wrap}.quote-bar-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.quote-bar-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f8f5f073;white-space:nowrap;flex-shrink:0}.quote-bar-tags{display:flex;gap:8px;flex-wrap:wrap}.quote-bar-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:1px solid;border-radius:2px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;background:#ffffff0a}.qbt-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#fff;flex-shrink:0}.quote-bar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.quote-bar-clear{background:none;border:1px solid rgba(255,255,255,.15);border-radius:2px;padding:6px 9px;cursor:pointer;color:#f8f5f073;display:flex;align-items:center;transition:border-color .2s,color .2s}.quote-bar-clear:hover{border-color:#fff6;color:var(--paper)}.quote-bar-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:var(--gold);color:var(--ink);border:none;border-radius:2px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;font-weight:500;cursor:pointer;transition:background .2s,transform .15s}.quote-bar-btn:hover{background:var(--gold-light)}.quote-bar-btn:active{transform:scale(.97)}.quote-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1c1a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:900;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px}.quote-backdrop.open{opacity:1;pointer-events:all}.quote-modal{background:var(--paper);border:1px solid var(--warm);border-radius:4px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative;padding:40px 40px 36px;transform:translateY(16px);transition:transform .38s cubic-bezier(.22,1,.36,1);box-shadow:0 32px 80px #1c1c1a38}.quote-backdrop.open .quote-modal{transform:translateY(0)}.quote-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;cursor:pointer;color:var(--ink-mid);padding:4px;display:flex;border-radius:2px;transition:color .2s}.quote-modal-close:hover{color:var(--ink)}.quote-modal-hd{margin-bottom:24px}.quote-modal-brand{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--ink-light);text-transform:uppercase;margin-bottom:8px}.quote-modal-title{font-family:var(--serif);font-size:28px;font-weight:300;color:var(--ink);line-height:1.2}.quote-modal-sub{font-family:var(--mono);font-size:11px;color:var(--ink-light);letter-spacing:.08em;margin-top:4px}.quote-summary{background:var(--cream);border:1px solid var(--warm);border-radius:2px;padding:16px 20px;margin-bottom:24px}.qs-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light);margin-bottom:12px}.qs-modules{display:flex;flex-direction:column;gap:0}.qs-base-row,.qs-mod-row,.qs-total-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--warm)}.qs-total-row{border-bottom:none;padding-top:9px;margin-top:2px;border-top:1px solid var(--warm)}.qs-base-badge{width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;font-weight:600;flex-shrink:0}.qs-mod-badge{width:22px;height:22px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;font-weight:600;flex-shrink:0}.qs-base-name,.qs-mod-name{font-family:var(--mono);font-size:11px;color:var(--ink);letter-spacing:.04em;flex:1}.qs-base-size,.qs-mod-size{font-family:var(--mono);font-size:10.5px;color:var(--ink-light);white-space:nowrap}.qs-total-label{font-family:var(--mono);font-size:11px;color:var(--accent);flex:1;letter-spacing:.04em}.qs-total-val{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--accent)}.qf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.qf-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.qf-row .qf-field{margin-bottom:0}.qf-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-mid);text-transform:uppercase}.qf-req{color:var(--accent)}.qf-input,.qf-textarea{padding:10px 14px;background:var(--paper);border:1px solid var(--warm);border-radius:2px;font-family:var(--thai);font-size:14px;color:var(--ink);transition:border-color .2s,box-shadow .2s;outline:none;resize:vertical;width:100%}.qf-input:focus,.qf-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8a73551f}.qf-input.qf-error{border-color:#c05050;box-shadow:0 0 0 3px #c050501a}.qf-input::placeholder,.qf-textarea::placeholder{color:var(--ink-light)}.qf-actions{display:flex;gap:10px;margin-top:6px;justify-content:flex-end}.qf-btn-ghost{padding:10px 20px;background:transparent;border:1px solid var(--warm);border-radius:2px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-mid);cursor:pointer;transition:border-color .2s,color .2s}.qf-btn-ghost:hover{border-color:var(--ink-mid);color:var(--ink)}.qf-btn-submit{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:var(--ink);color:var(--paper);border:none;border-radius:2px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;cursor:pointer;transition:background .2s,transform .15s}.qf-btn-submit:hover{background:var(--accent)}.qf-btn-submit:active{transform:scale(.97)}.qf-note{font-family:var(--mono);font-size:10px;color:var(--ink-light);text-align:right;letter-spacing:.04em;margin-top:12px}.quote-success{display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px;text-align:center}.qs-icon{color:var(--outdoor)}.qs-title{font-family:var(--serif);font-size:24px;font-weight:300;color:var(--ink)}.qs-msg{font-family:var(--thai);font-size:14px;color:var(--ink-mid);line-height:1.7}@media(max-width:860px){.mc-select-btn{padding:5px 10px;font-size:10px}.quote-bar-inner{padding:12px 20px}.quote-bar-label{display:none}}@media(max-width:640px){.quote-modal{padding:28px 20px 24px}.qf-row{grid-template-columns:1fr}.quote-bar-inner{padding:10px 16px}.mc-select-text{display:none}.mc-select-btn{padding:6px 10px}}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:0}.nav-link-ai{color:var(--gold)!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.08em!important;font-weight:500!important;position:relative}.nav-link-ai:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-link-ai:hover:after{transform:scaleX(1)}.nav-auth{display:flex;align-items:center;gap:10px;margin-left:24px;flex-shrink:0}.nav-signin-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;background:var(--ink);color:var(--paper);border:none;border-radius:var(--radius);font-family:var(--mono);font-size:11px;letter-spacing:.06em;font-weight:400;cursor:pointer;transition:background .2s,transform .15s}.nav-signin-btn:hover{background:var(--accent)}.nav-signin-btn:active{transform:scale(.97)}.nav-user{display:none;align-items:center;gap:8px}.nav-user.visible{display:flex}.nav-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--warm)}.nav-initials{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.04em;flex-shrink:0}.nav-username{font-family:var(--mono);font-size:11px;color:var(--ink);letter-spacing:.04em;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-logout-btn{background:none;border:1px solid var(--warm);border-radius:var(--radius);padding:4px 7px;cursor:pointer;color:var(--ink-mid);display:flex;align-items:center;transition:border-color .2s,color .2s}.nav-logout-btn:hover{border-color:var(--ink);color:var(--ink)}body.no-scroll{overflow:hidden}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1c1a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px}.auth-backdrop.open{opacity:1;pointer-events:all}.auth-modal{background:var(--paper);border:1px solid var(--warm);border-radius:4px;padding:48px 40px 40px;width:100%;max-width:380px;position:relative;display:flex;flex-direction:column;align-items:center;gap:0;transform:translateY(12px);transition:transform .35s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 60px #1c1c1a2e}.auth-backdrop.open .auth-modal{transform:translateY(0)}.auth-close{position:absolute;top:14px;right:16px;background:none;border:none;cursor:pointer;color:var(--ink-mid);padding:4px;border-radius:var(--radius);transition:color .2s;display:flex}.auth-close:hover{color:var(--ink)}.auth-modal-brand{font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--ink-light);margin-bottom:20px;text-transform:uppercase}.auth-modal-title{font-family:var(--serif);font-size:26px;font-weight:300;color:var(--ink);margin-bottom:10px;text-align:center}.auth-modal-desc{font-family:var(--thai);font-size:13.5px;color:var(--ink-mid);text-align:center;line-height:1.65;margin-bottom:28px}.auth-modal-desc strong{color:var(--accent);font-weight:500}.auth-google-wrap{display:flex;justify-content:center;min-height:44px;margin-bottom:4px;width:100%}.auth-divider{display:flex;align-items:center;width:100%;gap:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--warm)}.auth-divider span{font-family:var(--mono);font-size:10px;color:var(--ink-light);letter-spacing:.12em;text-transform:uppercase}.auth-demo-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid var(--warm);border-radius:var(--radius);font-family:var(--thai);font-size:13.5px;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:16px}.auth-demo-btn:hover{border-color:var(--accent);background:var(--cream)}.auth-note{font-family:var(--mono);font-size:10px;color:var(--ink-light);text-align:center;letter-spacing:.04em}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(12px);background:var(--ink);color:var(--paper);padding:11px 22px;border-radius:3px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.design-ai-section{padding:var(--section-pad) 0;background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.design-ai-section:before{content:"Design by AI";position:absolute;top:-30px;right:-40px;font-family:var(--serif);font-size:clamp(90px,14vw,180px);font-weight:300;font-style:italic;color:#ffffff06;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;white-space:nowrap}.dai-inner{max-width:1360px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}.dai-header{text-align:center;margin-bottom:56px}.dai-title{font-family:var(--serif);font-size:clamp(36px,5vw,60px);font-weight:300;color:var(--paper);line-height:1.15;margin:12px 0 16px}.dai-title em{font-style:italic;color:var(--gold-light)}.dai-desc{font-family:var(--thai);font-size:15px;color:#f8f5f0a6;max-width:560px;margin:0 auto;line-height:1.7}.dai-lock{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;min-height:320px;display:flex;flex-direction:column}.dai-lock-preview{padding:32px;filter:blur(2px);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;flex:1}.dai-lock-preview-svg{width:100%;max-width:480px;display:block;margin:0 auto}.dai-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#1c1c1aa6;padding:32px}.dai-lock-icon{color:var(--gold-light)}.dai-lock-title{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light)}.dai-lock-msg{font-family:var(--thai);font-size:15px;color:#f8f5f0bf;text-align:center;line-height:1.7}.dai-lock-btn{margin-top:8px;padding:12px 32px;background:var(--gold);color:var(--ink);border:none;border-radius:var(--radius);font-family:var(--mono);font-size:12px;letter-spacing:.1em;font-weight:500;cursor:pointer;transition:background .2s,transform .15s}.dai-lock-btn:hover{background:var(--gold-light)}.dai-lock-btn:active{transform:scale(.97)}.dai-workspace{display:none}.dai-stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:48px}.dai-step-item{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:opacity .3s;min-width:80px}.dai-step-item.active,.dai-step-item.done{opacity:1}.dai-step-num{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--paper);transition:background .3s,border-color .3s}.dai-step-item.active .dai-step-num{background:var(--gold);border-color:var(--gold);color:var(--ink)}.dai-step-item.done .dai-step-num{background:var(--outdoor);border-color:var(--outdoor)}.dai-step-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:#f8f5f0b3;white-space:nowrap}.dai-step-item.active .dai-step-label{color:var(--gold-light)}.dai-step-line{flex:1;height:1px;background:#ffffff26;margin:0 6px 22px;max-width:80px}.dai-panel{display:none;animation:fadeUp .35s ease both}#dai-step1{display:block}.dai-panel-hint{font-family:var(--thai);font-size:14px;color:#f8f5f099;text-align:center;margin-bottom:32px}.dai-mod-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.dai-mod-card{cursor:pointer}.dai-mod-card input[type=checkbox]{display:none}.dai-mod-card-inner{border:1.5px solid rgba(255,255,255,.12);border-radius:3px;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:border-color .25s,background .25s,transform .2s;position:relative;background:#ffffff08}.dai-mod-card:hover .dai-mod-card-inner{border-color:#ffffff4d;background:#ffffff0f;transform:translateY(-2px)}.dai-mod-card input:checked+.dai-mod-card-inner{border-color:var(--gold);background:#c4a2651a}.dai-mod-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:500;color:#fff;margin-bottom:4px}.dai-mod-name{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--paper);letter-spacing:.04em}.dai-mod-thai{font-family:var(--thai);font-size:12px;color:#f8f5f08c}.dai-mod-size{font-family:var(--mono);font-size:10px;color:#f8f5f066;letter-spacing:.06em;margin-top:4px}.dai-mod-check{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:var(--ink);opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}.dai-mod-card input:checked+.dai-mod-card-inner .dai-mod-check{opacity:1;transform:scale(1)}.dai-style-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.dai-style-card{cursor:pointer}.dai-style-card input[type=radio]{display:none}.dai-style-inner{border:1.5px solid rgba(255,255,255,.12);border-radius:3px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:8px;transition:border-color .25s,background .25s,transform .2s;position:relative;background:#ffffff08}.dai-style-card:hover .dai-style-inner{border-color:#ffffff4d;background:#ffffff0f;transform:translateY(-2px)}.dai-style-card input:checked+.dai-style-inner{border-color:var(--gold);background:#c4a2651a}.dai-style-palette{display:flex;gap:4px;margin-bottom:4px}.dai-style-palette span{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.dai-style-name{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--paper);letter-spacing:.04em}.dai-style-desc{font-family:var(--thai);font-size:12px;color:#f8f5f080;line-height:1.5}.dai-style-check{position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:var(--ink);opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}.dai-style-card input:checked+.dai-style-inner .dai-style-check{opacity:1;transform:scale(1)}.dai-step-actions{display:flex;align-items:center;justify-content:center;gap:12px}.dai-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--gold);color:var(--ink);border:none;border-radius:var(--radius);font-family:var(--mono);font-size:12px;letter-spacing:.1em;font-weight:500;cursor:pointer;transition:background .2s,transform .15s}.dai-btn-primary:hover{background:var(--gold-light)}.dai-btn-primary:active{transform:scale(.97)}.dai-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:transparent;color:#f8f5f099;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);font-family:var(--mono);font-size:12px;letter-spacing:.08em;cursor:pointer;transition:border-color .2s,color .2s}.dai-btn-ghost:hover{border-color:#ffffff59;color:var(--paper)}.dai-btn-save{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:var(--gold-light);border:1px solid var(--gold);border-radius:var(--radius);font-family:var(--mono);font-size:12px;letter-spacing:.08em;cursor:pointer;transition:background .2s,color .2s}.dai-btn-save:hover{background:#c4a26526}.dai-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 32px;color:#f8f5f080;font-family:var(--mono);font-size:12px;letter-spacing:.08em}.dai-gen-spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dai-result-inner{border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:24px;animation:fadeUp .4s ease both}.dai-result-hd{padding:28px 36px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dai-result-badge{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border-radius:2px;font-weight:500}.dai-result-title{font-family:var(--serif);font-size:22px;font-weight:300;color:var(--paper);flex:1;min-width:180px}.dai-result-sub{font-family:var(--mono);font-size:11px;color:#f8f5f080;letter-spacing:.06em;width:100%}.dai-result-sub strong{color:var(--gold-light)}.dai-result-body{display:grid;grid-template-columns:340px 1fr;min-height:420px}.dai-result-plan{border-right:1px solid rgba(255,255,255,.08);padding:24px;background:#00000026;display:flex;flex-direction:column;gap:12px}.dai-plan-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#f8f5f059}.dai-plan-svg{flex:1;max-height:300px}.dai-result-info{padding:24px 28px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.dai-result-block{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.dai-result-block:last-child{border-bottom:none;padding-bottom:0}.dai-result-block-title{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);margin-bottom:10px}.dai-result-text{font-family:var(--thai);font-size:13.5px;color:#f8f5f0bf;line-height:1.75}.dai-palette-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.dai-swatch-item{display:flex;flex-direction:column;align-items:center;gap:4px}.dai-swatch{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.dai-swatch-name{font-family:var(--mono);font-size:8px;color:#f8f5f066;letter-spacing:.04em;text-align:center;white-space:nowrap}.dai-swatch-hex{font-family:var(--mono);font-size:8px;color:#f8f5f04d}.dai-cfg-table{display:flex;flex-direction:column;gap:6px}.dai-cfg-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.dai-cfg-row:last-child{border-bottom:none}.dai-cfg-badge{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;font-weight:600;color:#fff;flex-shrink:0}.dai-cfg-name{font-family:var(--mono);font-size:11px;color:#f8f5f0cc;flex:1;letter-spacing:.04em}.dai-cfg-area{font-family:var(--mono);font-size:11px;color:#f8f5f073;letter-spacing:.06em;white-space:nowrap}.dai-cfg-total .dai-cfg-name,.dai-cfg-total .dai-cfg-area{color:var(--gold-light)}.dai-items-list{list-style:none;display:flex;flex-direction:column;gap:6px}.dai-items-list li{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:#f8f5f0a6;letter-spacing:.04em}.dai-item-badge{font-size:9px;padding:1px 5px;border:1px solid;border-radius:2px;flex-shrink:0;letter-spacing:.06em}@media print{.navbar,.hero,.concept,#modules,#materials,.footer,.dai-lock,.dai-stepper,.dai-step-actions,#dai-step1,#dai-step2,#dai-result-actions,.cursor,.toast,.auth-backdrop{display:none!important}body{background:#fff;color:#000}.design-ai-section{padding:0;background:#fff;color:#000}.dai-result-inner{border:1px solid #ccc;color:#000}.dai-result-title,.dai-result-text,.dai-cfg-name,.dai-cfg-area,.dai-result-block-title,.dai-items-list li{color:#000!important}}@media(max-width:1024px){.dai-result-body{grid-template-columns:280px 1fr}}@media(max-width:860px){.dai-result-body{grid-template-columns:1fr}.dai-result-plan{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.nav-username{display:none}}@media(max-width:720px){.dai-mod-picker,.dai-style-picker{grid-template-columns:1fr}.nav-links .nav-link-ai{display:none}}@media(max-width:480px){.auth-modal{padding:36px 24px 28px}.dai-stepper{gap:0}.dai-step-line{max-width:36px}.dai-result-hd{padding:20px}.dai-result-info{padding:16px}}.nav-admin-badge{display:none;align-items:center;gap:5px;padding:5px 12px;background:#c4a26526;border:1px solid var(--gold);border-radius:2px;color:var(--gold);font-family:var(--mono);font-size:10px;letter-spacing:.16em;font-weight:500;cursor:pointer;text-transform:uppercase;transition:background .2s}.nav-admin-badge:hover{background:#c4a26547}.footer-admin-link{background:none;border:none;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#f8f5f02e;cursor:pointer;padding:2px 0;transition:color .2s;text-align:right;display:block;margin-top:4px}.footer-admin-link:hover{color:#f8f5f080}.admin-login-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a08b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1500;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px}.admin-login-backdrop.open{opacity:1;pointer-events:all}.admin-login-modal{background:#1a1a18;border:1px solid rgba(196,162,101,.3);border-radius:4px;padding:36px 36px 32px;width:100%;max-width:360px;position:relative;transform:translateY(14px) scale(.98);transition:transform .35s cubic-bezier(.22,1,.36,1);box-shadow:0 32px 80px #0009}.admin-login-backdrop.open .admin-login-modal{transform:translateY(0) scale(1)}.alm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.alm-brand{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:#f8f5f080;text-transform:uppercase;display:flex;align-items:center;gap:8px}.alm-badge{background:var(--gold);color:var(--ink);font-size:9px;letter-spacing:.18em;padding:2px 7px;border-radius:2px;font-weight:600}.alm-close{background:none;border:none;cursor:pointer;color:#f8f5f059;padding:3px;display:flex;transition:color .2s}.alm-close:hover{color:#f8f5f0cc}.alm-title{font-family:var(--serif);font-size:26px;font-weight:300;color:var(--paper);margin-bottom:6px}.alm-desc{font-family:var(--thai);font-size:13px;color:#f8f5f080;margin-bottom:24px}.alm-form{display:flex;flex-direction:column;gap:0}.alm-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.alm-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f8f5f066}.alm-input{padding:10px 13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:2px;font-family:var(--mono);font-size:13px;color:var(--paper);outline:none;transition:border-color .2s,background .2s}.alm-input:focus{border-color:var(--gold);background:#ffffff17}.alm-input::placeholder{color:#f8f5f033}.alm-error{display:none;font-family:var(--mono);font-size:11px;color:#e07070;margin-bottom:10px;letter-spacing:.04em}.alm-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--gold);color:var(--ink);border:none;border-radius:2px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;font-weight:500;cursor:pointer;margin-top:4px;margin-bottom:16px;transition:background .2s,transform .15s}.alm-submit:hover{background:var(--gold-light)}.alm-submit:active{transform:scale(.98)}.alm-note{font-family:var(--mono);font-size:9.5px;color:#f8f5f033;text-align:center;letter-spacing:.04em}.admin-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d0c;z-index:1400;display:none;flex-direction:column;font-family:var(--mono);color:#f8f5f0d1;overflow:hidden}.admin-panel.open{display:flex}.ap-bar{display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 24px;height:50px;background:#161614;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;gap:8px;flex-wrap:nowrap;overflow:hidden}.ap-bar-l{display:flex;align-items:center;gap:10px;flex-shrink:0;overflow:hidden}.ap-bar-brand{font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--paper);text-transform:uppercase}.ap-bar-sep{color:#fff3;font-size:14px}.ap-bar-title{font-size:13px;color:var(--gold-light);letter-spacing:.06em;font-weight:500}.ap-bar-sub{font-size:10px;color:#ffffff40;letter-spacing:.08em}.ap-bar-r{display:flex;align-items:center;gap:6px;flex-shrink:0}.ap-bar-user{font-size:11px;color:#ffffff59;letter-spacing:.08em;margin-right:8px;font-style:italic}.ap-bar-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px;color:#f8f5f0a6;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s,color .18s}.ap-bar-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:var(--paper)}.ap-bar-logout{color:#e08080;border-color:#dc646440}.ap-bar-logout:hover{background:#dc64641f;border-color:#dc646480;color:#eca0a0}.ap-bar-close{margin-left:4px}.ap-layout{display:flex;flex:1;overflow:hidden}.ap-aside{width:196px;background:#131312;border-right:1px solid rgba(255,255,255,.05);padding:18px 0 24px;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.ap-aside-label{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff40;padding:0 18px;margin-bottom:8px;margin-top:4px}.ap-mod-btn{display:flex;align-items:center;gap:10px;padding:10px 18px;background:none;border:none;color:#f8f5f080;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;cursor:pointer;text-align:left;transition:background .15s,color .15s;border-left:2px solid transparent}.ap-mod-btn:hover{background:#ffffff0a;color:#f8f5f0cc}.ap-mod-btn.active{background:#ffffff0d;color:var(--paper);border-left-color:var(--gold)}.ap-mod-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ap-aside-divider{height:1px;background:#ffffff0f;margin:14px 18px}.ap-save-btn{display:flex;align-items:center;gap:7px;margin:0 12px 8px;padding:9px 14px;background:#c4a26526;border:1px solid rgba(196,162,101,.35);border-radius:2px;color:var(--gold-light);font-family:var(--mono);font-size:11px;letter-spacing:.08em;cursor:pointer;transition:background .18s}.ap-save-btn:hover{background:#c4a26540}.ap-reset-btn{display:flex;align-items:center;gap:7px;margin:0 12px;padding:8px 14px;background:none;border:1px solid rgba(255,255,255,.08);border-radius:2px;color:#f8f5f04d;font-family:var(--mono);font-size:11px;letter-spacing:.06em;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.ap-reset-btn:hover{background:#dc64641a;border-color:#dc64644d;color:#eca0a0}.ap-save-ts{font-size:9.5px;color:#fff3;letter-spacing:.06em;padding:8px 18px 0;font-style:italic}.ap-main{flex:1;overflow-y:auto;padding:28px 32px 48px;background:#0d0d0c}.bom-module-hd{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.bom-module-accent{width:4px;height:36px;border-radius:2px;flex-shrink:0}.bom-module-title{font-size:16px;font-weight:500;color:var(--paper);letter-spacing:.04em}.bom-module-sub{font-size:10.5px;color:#ffffff4d;letter-spacing:.06em;margin-top:3px}.bom-section{margin-bottom:36px}.bom-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.bom-section-title{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#f8f5f0a6;letter-spacing:.08em;text-transform:uppercase}.bom-count{font-size:9.5px;color:#ffffff40;background:#ffffff0f;padding:2px 8px;border-radius:10px;letter-spacing:.04em;text-transform:none}.bom-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#c4a2651a;border:1px solid rgba(196,162,101,.3);border-radius:2px;color:var(--gold-light);font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;cursor:pointer;transition:background .18s;white-space:nowrap;flex-shrink:0}.bom-add-btn:hover{background:#c4a26533}.bom-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.07);border-radius:3px}.bom-table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px}.bom-table thead tr{background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.09)}.bom-table th{padding:9px 12px;text-align:left;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#f8f5f059;white-space:nowrap;font-weight:400}.bom-th-act{width:68px;text-align:center}.bom-table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;color:#f8f5f0c7;font-size:12px}.bom-table tbody tr:last-child td{border-bottom:none}.bom-td-num{text-align:right;font-variant-numeric:tabular-nums}.bom-td-act{text-align:center;white-space:nowrap}.bom-row:hover td{background:#ffffff06}.bom-row-edit td{background:#c4a26512!important}.bom-row-edit:hover td{background:#c4a2651a!important}.bom-cell-input{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:2px;padding:5px 8px;color:var(--paper);font-family:var(--mono);font-size:12px;width:100%;min-width:52px;outline:none;transition:border-color .18s,background .18s}.bom-cell-input:focus{border-color:var(--gold);background:#ffffff1c}.bom-cell-input[type=number]{text-align:right;min-width:52px;max-width:70px}.bom-act{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid transparent;border-radius:2px;cursor:pointer;color:#f8f5f059;transition:background .15s,color .15s,border-color .15s}.bom-act-edit:hover{background:#ffffff12;border-color:#ffffff26;color:var(--paper)}.bom-act-del:hover{background:#dc64641f;border-color:#dc64644d;color:#eca0a0}.bom-act-save:hover{background:#5a9c8e26;border-color:#5a9c8e4d}.bom-act-cancel:hover{background:#ffffff0f;border-color:#ffffff26;color:var(--paper)}@media(max-width:860px){.ap-aside{width:160px}.ap-bar-sub,.ap-bar-user{display:none}.ap-main{padding:20px 16px 40px}}@media(max-width:640px){.ap-aside{display:none}.ap-bar-btn span,.ap-bar-btn svg+*{display:none}.ap-bar-btn{padding:6px 9px}}body{transition:background-color .3s ease,color .2s ease}[data-theme=dark]{--ink: #E8E4DC;--ink-mid: #9A9A90;--ink-light: #6A6A60;--paper: #131312;--cream: #1C1C1A;--warm: #2A2A26;--accent: #C4A265;--gold: #D4B070;--gold-light: #E8CC98;--bath: #8ABDB0;--bath-light: #C0D8D4;--kitchen: #B09870;--outdoor: #8AA880}[data-theme=dark] .navbar{background:#131312f0;border-bottom-color:var(--warm)}[data-theme=dark] .mc-num-bath{background:#1e2e2c}[data-theme=dark] .mc-num-kitchen{background:#2a231a}[data-theme=dark] .mc-num-outdoor{background:#1e2820}[data-theme=dark] .mc-num-main{background:#1e2030}[data-theme=dark] .mc-num-pet{background:#2e1e18}[data-theme=dark] .mc-band-bath{background:#3d7a70}[data-theme=dark] .mc-band-kitchen{background:#6e5238}[data-theme=dark] .mc-band-outdoor{background:#4e6c44}[data-theme=dark] .mc-band-main{background:#4a5a7c}[data-theme=dark] .mc-band-pet{background:#7c5a3c}[data-theme=dark] .mc-col-plan{background:#1a1918}[data-theme=dark] .mc-plan-photo{background:#1a1918;border-color:#3a3530}[data-theme=dark] .mc{border-color:var(--warm)}[data-theme=dark] .materials,[data-theme=dark] .footer{background:#0c0c0b}[data-theme=dark] .design-ai-section{background:#0a0a09}[data-theme=dark] .quote-bar-inner{background:#0d0d0c;box-shadow:0 -8px 40px #0009}[data-theme=dark] .dai-workspace{background:#1c1c1a;border-color:var(--warm)}[data-theme=dark] .dai-step-dot,[data-theme=dark] .dai-mod-card-inner,[data-theme=dark] .dai-style-inner{border-color:var(--warm)}[data-theme=dark] .quote-modal{box-shadow:0 32px 80px #000000b3}[data-theme=dark] .auth-modal{box-shadow:0 24px 60px #0009}.nav-controls{display:flex;align-items:center;gap:6px;margin-right:14px}.nav-dark-btn{background:none;border:1px solid transparent;border-radius:2px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-mid);transition:color .2s,border-color .2s,background .2s;flex-shrink:0}.nav-dark-btn:hover{color:var(--ink);border-color:var(--warm);background:var(--cream)}.nav-dark-btn .icon-moon{display:block}.nav-dark-btn .icon-sun,[data-theme=dark] .nav-dark-btn .icon-moon{display:none}[data-theme=dark] .nav-dark-btn .icon-sun{display:block}.nav-lang-btn{display:flex;align-items:center;gap:3px;background:none;border:1px solid var(--warm);border-radius:2px;padding:5px 10px;cursor:pointer;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--ink-mid);transition:border-color .2s,background .2s,color .2s;flex-shrink:0}.nav-lang-btn:hover{border-color:var(--ink-mid);color:var(--ink);background:var(--cream)}.nav-lang-sep{opacity:.35}.nav-lang-btn[data-active=th] .lang-active-th{color:var(--ink);font-weight:600}.nav-lang-btn[data-active=th] .lang-active-en{color:var(--ink-light)}.nav-lang-btn[data-active=en] .lang-active-en{color:var(--ink);font-weight:600}.nav-lang-btn[data-active=en] .lang-active-th{color:var(--ink-light)}@media(max-width:480px){.nav-controls{margin-right:6px}.nav-lang-btn{padding:4px 7px}.nav-dark-btn{width:28px;height:28px}}*,*:before,*:after{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(hover:none)and (pointer:coarse){.cursor{display:none!important}body{cursor:auto}}@supports (padding: env(safe-area-inset-top)){.navbar{padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}.nav-mobile-menu{top:calc(60px + env(safe-area-inset-top))}.quote-bar-inner{padding-bottom:max(14px,calc(10px + env(safe-area-inset-bottom)))}}@media(max-width:860px){input[type=text],input[type=email],input[type=tel],input[type=password],textarea,select{font-size:16px!important}}.nav-hamburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;margin-left:4px}.ham-line{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s ease}.nav-hamburger.open .ham-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open .ham-line:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open .ham-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-menu{position:fixed;top:60px;left:0;right:0;z-index:98;background:var(--paper);border-bottom:1px solid var(--warm);transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease;box-shadow:0 12px 40px #1c1c1a1f}.nav-mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:all}[data-theme=dark] .nav-mobile-menu{background:var(--cream);border-bottom-color:var(--warm);box-shadow:0 12px 40px #00000080}.nav-mob-links{display:flex;flex-direction:column;padding:8px clamp(24px,6vw,48px) 4px}.nav-mob-links a{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);padding:14px 0;border-bottom:1px solid var(--warm);min-height:48px;display:flex;align-items:center;transition:color .2s}.nav-mob-links a:last-child{border-bottom:none}.nav-mob-links a:hover{color:var(--ink)}.nav-mob-ai{color:var(--gold)!important}.nav-mob-footer{padding:12px clamp(24px,6vw,48px) 20px;border-top:1px solid var(--warm)}.nav-mob-signin{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;background:var(--ink);color:var(--paper);border:none;border-radius:var(--radius);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.nav-mob-signin:hover{opacity:.82}.nav-mob-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:97;background:#1c1c1a4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-mob-backdrop.open{display:block}@media(max-width:860px){.nav-links{display:none}.nav-hamburger{display:flex}.nav-controls{margin-right:4px}}@media(max-width:860px){.mc-select-btn{min-height:44px;padding:10px 14px;font-size:11px}.quote-bar-clear{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.quote-bar-btn{min-height:44px;padding:12px 18px}.nav-signin-btn{min-height:40px;padding:0 14px}.nav-dark-btn{width:40px;height:40px}.quote-modal-close,.auth-close,.alm-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;top:8px;right:8px}}@media(max-width:860px){.hero{grid-template-columns:1fr;gap:32px;padding-bottom:60px}.hero-left{padding:36px 0 0}.hero-right{padding-bottom:16px}}@media(max-width:640px){.mc-band{flex-wrap:wrap;gap:8px 12px;padding:10px 14px}.mc-band-meta{order:4;flex-basis:100%}}@media(max-width:640px){.quote-modal{padding:24px 16px 20px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-modal{padding:36px 20px 28px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(max-width:390px){.hero-title{font-size:clamp(36px,10vw,56px)}.section-title{font-size:clamp(28px,9vw,44px)}.qf-row{grid-template-columns:1fr}.quote-modal{padding:20px 14px 18px}.auth-modal{padding:28px 16px 22px}.dai-step-label{font-size:10px}}.quote-modal,.auth-modal,.admin-login-modal,.ap-main,.ap-aside{-webkit-overflow-scrolling:touch}