:root{--c-bg: #F3EFE7;--c-surface: rgba(255, 255, 255, .86);--c-surface-2: rgba(248, 243, 234, .82);--c-surface-3: rgba(255, 255, 255, .64);--c-border: rgba(21, 24, 28, .08);--c-border-strong:rgba(21, 24, 28, .16);--c-ink: #101317;--c-ink-2: #4F4A42;--c-ink-3: #867D72;--c-accent: #C9974C;--c-accent-dim: rgba(201, 151, 76, .12);--c-accent-text: #8A5F23;--c-accent-hover: #B88536;--c-ok: #2D7D46;--c-err: #B53A2F;--r-sm: 6px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 32px;--r-full: 9999px;--s-sm: 0 2px 8px rgba(21,24,28,.05), 0 1px 2px rgba(21,24,28,.04);--s-md: 0 10px 28px rgba(21,24,28,.08), 0 3px 10px rgba(21,24,28,.04);--s-lg: 0 24px 64px rgba(25,20,12,.1), 0 8px 18px rgba(21,24,28,.05);--s-xl: 0 42px 100px rgba(25,20,12,.14);--s-acc: 0 12px 34px rgba(201,151,76,.26);--ease: cubic-bezier(.25, .1, .25, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--t1: .1s;--t2: .18s;--t3: .3s;--font: "Manrope", "Avenir Next", "Segoe UI", sans-serif}.tc *{box-sizing:border-box}.tc{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--c-ink);background:radial-gradient(circle at top left,rgba(201,151,76,.16),transparent 28%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.72),transparent 22%),linear-gradient(180deg,#f8f5ee,#efe8dd);display:grid;grid-template-rows:56px 1fr auto auto;height:100vh;height:100dvh;min-height:520px;border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--s-xl);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid rgba(255,255,255,.7)}.tc__topbar{display:flex;align-items:center;gap:20px;padding:0 22px 0 24px;background:linear-gradient(180deg,#ffffffeb,#fcf8f2c7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.65);z-index:10;box-shadow:0 10px 30px #18140e0f}.tc__brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.tc__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#11151a,#2b3138);color:#fff;font-size:13px;font-weight:800;letter-spacing:-.03em;border-radius:9px;box-shadow:0 10px 22px #11151a38}.tc__brand-name{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--c-ink)}.tc__brand-sep{color:var(--c-ink-3)}.tc__brand-sub{font-size:12px;color:var(--c-ink-3);font-weight:450}.tc__topbar-meta{display:flex;align-items:center;gap:12px;margin-left:auto}.tc__stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;min-width:78px;padding:10px 12px;border-radius:14px;background:#ffffff94;border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px #fff9}.tc__stat-val{font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--c-ink);font-variant-numeric:tabular-nums}.tc__stat-lbl{font-size:10px;color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.06em}.tc__price-chip{display:flex;flex-direction:column;align-items:flex-end;background:linear-gradient(135deg,#c9974c2e,#fff4e0b8);border-radius:16px;padding:8px 14px;line-height:1.2;border:1px solid rgba(201,151,76,.18);box-shadow:inset 0 1px #ffffff80}.tc__price-chip-val{font-size:16px;font-weight:800;letter-spacing:-.03em;color:var(--c-accent-text);font-variant-numeric:tabular-nums}.tc__price-chip-lbl{font-size:10px;color:var(--c-accent-text);opacity:.7}.tc__cta{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;background:linear-gradient(135deg,#12161b,#242a31);color:#fff;border:none;border-radius:14px;font-size:13px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background var(--t2) var(--ease),transform var(--t1) var(--ease),box-shadow var(--t2) var(--ease);flex-shrink:0;box-shadow:0 14px 30px #11151a2e}.tc__cta:hover{background:linear-gradient(135deg,#1a2027,#2c333b);transform:translateY(-2px);box-shadow:0 18px 36px #11151a38}.tc__cta:active{transform:translateY(0)}.tc__cta--lg{padding:13px 22px;font-size:14px;background:linear-gradient(135deg,#d6a45a,#b9863e)}.tc__cta--lg:hover{background:var(--c-accent-hover);box-shadow:var(--s-acc)}.tc__presets-row{padding:10px 12px 8px;border-bottom:1px solid var(--c-border);flex-shrink:0;background:linear-gradient(180deg,#faf7f0e6,#f4eee5c7)}.presets{display:flex;align-items:center;gap:8px}.presets__label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c-ink-3);white-space:nowrap;flex-shrink:0}.presets__list{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.presets__list::-webkit-scrollbar{display:none}.presets__btn{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:8px 11px;border:1px solid rgba(16,19,23,.08);border-radius:15px;background:#fffc;color:var(--c-ink-2);cursor:pointer;transition:all var(--t2) var(--ease);flex-shrink:0;min-width:70px;box-shadow:0 6px 14px #16140f0d}.presets__btn:hover{border-color:#c9974c42;background:#fffbf3f5;color:var(--c-accent-text);transform:translateY(-2px);box-shadow:0 14px 24px #16140f14}.presets__icon{display:flex;align-items:center;justify-content:center;color:inherit}.presets__name{font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.tc__bg-picker{display:flex;gap:3px;align-items:center}.tc__bg-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid transparent;border-radius:var(--r-full);font-size:11px;font-weight:500;color:var(--c-ink-3);background:transparent;cursor:pointer;transition:all var(--t1) var(--ease);white-space:nowrap}.tc__bg-btn:hover{color:var(--c-ink);background:var(--c-surface-2)}.tc__bg-btn--active{color:var(--c-ink);background:var(--c-surface);border-color:var(--c-border-strong);box-shadow:var(--s-sm)}.tc__bg-btn-icon{font-size:12px;line-height:1}.tc__scene-wrap{position:relative;overflow:hidden}.tc__scene-wrap canvas{position:relative;z-index:1}@keyframes bg-photo-breathe{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.tc__scene-wrap--plain{background:radial-gradient(circle at top center,#ffffffbf,#fff0 34%),linear-gradient(180deg,#f5ede1,#e9dfd0)}.tc__scene-wrap--terras,.tc__scene-wrap--balkon,.tc__scene-wrap--tuin,.tc__scene-wrap--interieur{background-size:cover;background-position:center bottom;background-repeat:no-repeat;animation:bg-photo-breathe 12s ease-in-out infinite}.tc__scene-wrap--terras{background-color:#c8a060;background-image:url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1920&q=80)}.tc__scene-wrap--balkon{background-color:#7aaae8;background-image:url(https://images.unsplash.com/photo-1502005229762-cf1b2da7c5d6?auto=format&fit=crop&w=1920&q=80)}.tc__scene-wrap--tuin{background-color:#58a040;background-image:url(https://images.unsplash.com/photo-1416879595882-3373a0480b5b?auto=format&fit=crop&w=1920&q=80)}.tc__scene-wrap--interieur{background-color:#eceae6;background-image:url(https://images.unsplash.com/photo-1586023492125-27b2c045efd7?auto=format&fit=crop&w=1920&q=80)}.tc__workspace{display:grid;grid-template-columns:2fr 3fr;min-height:0;gap:16px;padding:16px;height:100%;overflow:hidden}.tc__pane{background:linear-gradient(180deg,#ffffffd6,#ffffffb8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:var(--s-lg)}.tc__pane--2d{display:grid;grid-template-rows:auto auto 1fr}.tc__pane--3d{display:grid;grid-template-rows:auto 1fr}.tc__pane-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid rgba(16,19,23,.06);flex-shrink:0;background:linear-gradient(180deg,#ffffff57,#fff0)}.tc__pane-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-2)}.tc__pane-actions{display:flex;align-items:center;gap:10px}.tc__quality-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:#f7f2eaeb;border:1px solid rgba(16,19,23,.07);box-shadow:inset 0 1px #ffffffb3}.tc__quality-btn{border:none;background:transparent;color:var(--c-ink-3);font:inherit;font-size:11px;font-weight:700;padding:7px 10px;border-radius:999px;cursor:pointer;transition:all var(--t2) var(--ease)}.tc__quality-btn:hover{color:var(--c-ink);background:#ffffffb8}.tc__quality-btn--active{color:var(--c-accent-text);background:linear-gradient(180deg,#fffaf2fa,#faefdae6);box-shadow:0 8px 16px #c9974c1f}.tc__pane-hint{font-size:11px;color:var(--c-ink-3)}.tc__pane-body{flex:1;min-height:0;position:relative}.p2d{display:flex;flex-direction:column;height:100%}.p2d__toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(16,19,23,.06);flex-shrink:0;flex-wrap:wrap;min-height:52px;background:#ffffff70}.p2d__mode-group{display:flex;gap:4px;background:#f5f0e8f2;border-radius:14px;padding:4px;border:1px solid rgba(16,19,23,.06);box-shadow:inset 0 1px #ffffffb3}.p2d__actions{display:flex;gap:4px;flex-wrap:wrap}.p2d__tool{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:none;background:transparent;border-radius:11px;font-size:12px;font-weight:600;color:var(--c-ink-2);cursor:pointer;transition:background var(--t1) var(--ease),color var(--t1) var(--ease),transform var(--t1) var(--ease),box-shadow var(--t2) var(--ease);white-space:nowrap}.p2d__tool:hover{background:#ffffffd1;color:var(--c-ink);transform:translateY(-1px)}.p2d__tool--active{background:linear-gradient(180deg,#fffffffa,#faf6eff5);color:var(--c-ink);box-shadow:0 8px 18px #17140f14}.p2d__tool--snap-on{color:var(--c-accent-text)}.p2d__tool--snap-on:hover{background:var(--c-accent-dim)}.p2d__tool--danger{color:var(--c-err)}.p2d__tool--danger:hover{background:#b53a2f14}.p2d__length{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;flex-shrink:0;padding:8px 10px;border-radius:14px;background:#ffffffb8;border:1px solid rgba(16,19,23,.06)}.p2d__length-val{font-size:15px;font-weight:800;letter-spacing:-.03em;color:var(--c-ink);font-variant-numeric:tabular-nums}.p2d__length-lbl{font-size:10px;color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.06em}.p2d__canvas-wrap{flex:1;position:relative;overflow:hidden;margin:10px 10px 0;border-radius:24px;border:1px solid rgba(16,19,23,.06);box-shadow:inset 0 1px #fff9}.p2d__canvas{display:block;width:100%;height:100%}.p2d__status{padding:9px 14px 12px;font-size:11px;color:var(--c-ink-3);border-top:1px solid rgba(16,19,23,.06);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,#fff0,#f8f3ebbf)}.p2d__len-editor{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#fffaf2fa,#fff3def5);border:1px solid rgba(201,151,76,.34);border-radius:14px;padding:6px 10px;box-shadow:0 18px 30px #c9974c2e;z-index:10}.p2d__len-input{width:68px;border:none;outline:none;font-size:14px;font-weight:700;color:var(--c-ink);font-variant-numeric:tabular-nums;background:transparent;text-align:right}.p2d__len-unit{font-size:11px;color:var(--c-ink-3)}.tc__pane-body{overflow:hidden}.tc__pane--3d .tc__pane-body>div,.tc__pane--3d .tc__pane-body>div>div{width:100%!important;height:100%!important}.tc__pane--3d .tc__pane-body canvas{display:block;width:100%!important;height:100%!important}.scene3d__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--c-ink-3);font-size:13px;padding:24px;text-align:center}.tc__config{background:linear-gradient(180deg,#ffffffb3,#f9f4ecdb);border-top:1px solid rgba(255,255,255,.6);padding:18px 24px 20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.co{display:flex;flex-wrap:wrap;gap:22px 34px;align-items:flex-start}.co-group{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.co-group__label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-3)}.co-group__chips{display:flex;gap:8px;flex-wrap:wrap}.co-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid rgba(16,19,23,.09);border-radius:var(--r-full);font-size:12px;font-weight:600;color:var(--c-ink-2);background:#ffffffb8;cursor:pointer;transition:all var(--t2) var(--ease);white-space:nowrap;line-height:1;box-shadow:0 8px 18px #18140e0a}.co-chip:hover:not(.co-chip--active){border-color:#10131724;background:#fffffff2;color:var(--c-ink);transform:translateY(-1px)}.co-chip--active{border-color:#c9974c38;background:linear-gradient(180deg,#fffaf2fa,#faefdaf5);color:var(--c-accent-text);font-weight:700;box-shadow:var(--s-acc)}.co-chip--toggle.co-chip--active{border-color:var(--c-ok);background:#2d7d461a;color:var(--c-ok)}.co-chip__icon{font-size:11px;opacity:.7}.co-chip__swatch{display:inline-block;width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);flex-shrink:0}.co-chip__price{font-size:10px;opacity:.7;margin-left:2px}.co-slider-wrap{display:flex;align-items:center;gap:10px;padding:6px 0}.co-slider-bound{font-size:11px;color:var(--c-ink-3);white-space:nowrap}.co-slider{-webkit-appearance:none;appearance:none;width:164px;height:5px;background:linear-gradient(90deg,#c9974c38,#1013171f);border-radius:var(--r-full);outline:none;cursor:pointer}.co-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#d7a55b,#b88536);border:2px solid #fff;box-shadow:0 8px 18px #c9974c52;transition:transform var(--t1) var(--spring)}.co-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.co-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#d7a55b,#b88536);border:2px solid #fff;box-shadow:0 8px 18px #c9974c52;cursor:pointer}.tc__footbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:radial-gradient(circle at top left,rgba(201,151,76,.16),transparent 26%),linear-gradient(135deg,#101317,#191d22);color:#ffffffb3;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.05)}.tc__footbar-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tc__footbar-item{font-size:13px;color:#ffffffa6}.tc__footbar-item strong{color:#fff;font-weight:600}.tc__footbar-sep{opacity:.3}.tc__footbar-right{display:flex;align-items:center;gap:18px;margin-left:auto}.tc__footbar-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;padding:8px 14px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.tc__footbar-price-val{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--c-accent);font-variant-numeric:tabular-nums}.tc__footbar-price-note{font-size:10px;color:#ffffff73}@keyframes qm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qm-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes qm-spin{to{transform:rotate(360deg)}}.qm-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:200;display:flex;align-items:stretch;justify-content:flex-end;animation:qm-fade-in var(--t3) var(--ease)}.qm-panel{width:min(540px,100vw);background:var(--c-surface);overflow-y:auto;display:flex;flex-direction:column;box-shadow:var(--s-xl);animation:qm-slide-in var(--t3) var(--spring)}.qm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:32px 32px 20px;border-bottom:1px solid var(--c-border);flex-shrink:0}.qm-eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent-text);margin-bottom:4px}.qm-title{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--c-ink);margin:0;line-height:1.2}.qm-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--c-surface-2);border-radius:var(--r-full);color:var(--c-ink-2);cursor:pointer;transition:background var(--t1) var(--ease);flex-shrink:0;margin-top:2px}.qm-close:hover{background:var(--c-border-strong)}.qm-body{flex:1;padding:24px 32px 32px;display:flex;flex-direction:column;gap:20px}.qm-summary{background:var(--c-surface-2);border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:6px}.qm-summary-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c-ink-3);margin-bottom:4px}.qm-summary-row{display:flex;justify-content:space-between;font-size:13px}.qm-summary-label{color:var(--c-ink-3)}.qm-summary-value{font-weight:500;color:var(--c-ink)}.qm-price-line{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px;margin-top:4px;border-top:1px solid var(--c-border);font-size:13px;color:var(--c-ink-2)}.qm-price-amount{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--c-accent-text);font-variant-numeric:tabular-nums}.qm-disclaimer{font-size:11px;color:var(--c-ink-3);margin:4px 0 0;font-style:italic}.qm-fields{display:flex;flex-direction:column;gap:14px}.qm-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qm-field{display:flex;flex-direction:column;gap:5px}.qm-label{font-size:12px;font-weight:600;color:var(--c-ink-2)}.qm-required{color:var(--c-accent);margin-left:2px}.qm-input{width:100%;padding:10px 13px;border:1.5px solid var(--c-border-strong);border-radius:var(--r-md);font-size:14px;color:var(--c-ink);background:var(--c-surface);transition:border-color var(--t1) var(--ease),box-shadow var(--t1) var(--ease);outline:none;font-family:var(--font)}.qm-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #c4954a1f}.qm-input--textarea{resize:vertical;min-height:88px}.qm-error{padding:10px 14px;background:#b53a2f14;border:1px solid rgba(181,58,47,.2);border-radius:var(--r-md);color:var(--c-err);font-size:13px}.qm-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--c-ink);color:#fff;border:none;border-radius:var(--r-md);font-size:15px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:all var(--t2) var(--ease)}.qm-btn-primary:hover:not(:disabled){background:#222;transform:translateY(-1px);box-shadow:var(--s-md)}.qm-btn-primary:disabled{opacity:.55;cursor:not-allowed}.qm-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:qm-spin .7s linear infinite}.qm-privacy{font-size:11px;color:var(--c-ink-3);text-align:center;margin:0}.qm-success{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 32px;text-align:center}.qm-success__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#2d7d461a;color:var(--c-ok);font-size:28px;border-radius:50%}.qm-success h3{font-size:22px;font-weight:800;letter-spacing:-.03em;margin:0;color:var(--c-ink)}.qm-success p{font-size:14px;color:var(--c-ink-2);max-width:340px;margin:0}@keyframes tc-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tc__toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--c-ink);color:#fff;padding:10px 20px;border-radius:var(--r-full);font-size:13px;font-weight:500;box-shadow:var(--s-md);z-index:300;animation:tc-toast-in var(--t3) var(--spring)}@media(max-width:700px){.tc{grid-template-rows:52px 1fr 1fr auto auto;border-radius:var(--r-lg)}.tc__workspace{grid-template-columns:1fr;min-height:0}.tc__pane--2d{order:2;min-height:280px}.tc__pane--3d{order:1;min-height:240px}.tc__bg-picker{display:none}.presets__btn{min-width:54px;padding:5px 7px}.tc__topbar-meta,.tc__brand-sub{display:none}.tc__config{padding:12px 16px 14px}.co{gap:14px 20px}.tc__footbar{flex-direction:column;gap:10px;padding:12px 16px}.tc__footbar-right{width:100%;justify-content:space-between;margin-left:0}.tc__cta--lg{width:auto}.qm-panel{width:100vw}.qm-header{padding:24px 20px 16px}.qm-body{padding:16px 20px 24px}.qm-fields-row{grid-template-columns:1fr}.p2d__toolbar{gap:4px}}@keyframes pp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pp-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.pp-overlay{position:fixed;inset:0;background:#00000085;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:210;display:flex;align-items:center;justify-content:center;padding:20px;animation:pp-fade-in .2s var(--ease)}.pp-panel{width:min(520px,100%);max-height:min(92vh,760px);background:var(--c-surface);border-radius:var(--r-xl);box-shadow:var(--s-xl);display:flex;flex-direction:column;overflow:hidden;animation:pp-slide-up var(--t3) var(--spring)}.pp-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 28px 18px;border-bottom:1px solid var(--c-border);flex-shrink:0}.pp-eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent-text);margin-bottom:3px}.pp-title{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--c-ink);margin:0}.pp-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:var(--c-surface-2);border-radius:var(--r-full);color:var(--c-ink-2);cursor:pointer;flex-shrink:0;transition:background var(--t1) var(--ease)}.pp-close:hover{background:var(--c-border-strong)}.pp-body{flex:1;overflow-y:auto;padding:20px 28px 28px;display:flex;flex-direction:column;gap:16px}.pp-intro{font-size:13px;color:var(--c-ink-2);line-height:1.6;margin:0}.pp-dropzone{border:2px dashed var(--c-border-strong);border-radius:var(--r-lg);padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:border-color var(--t2) var(--ease),background var(--t2) var(--ease);text-align:center;color:var(--c-ink-3)}.pp-dropzone:hover,.pp-dropzone--over{border-color:var(--c-accent);background:var(--c-accent-dim);color:var(--c-accent-text)}.pp-dropzone__icon{opacity:.55}.pp-dropzone__text{display:flex;flex-direction:column;gap:3px;font-size:14px}.pp-dropzone__text strong{color:var(--c-ink);font-weight:600}.pp-dropzone__text span{font-size:12px}.pp-dropzone__formats{font-size:11px;color:var(--c-ink-3);opacity:.7}.pp-preview-wrap{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface-2)}.pp-preview-img{display:block;width:100%;max-height:260px;object-fit:cover}.pp-preview-change{position:absolute;top:10px;right:10px;padding:5px 12px;background:#0009;color:#fff;border:none;border-radius:var(--r-full);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--t1) var(--ease)}.pp-preview-change:hover{background:#000c}.pp-loading{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--c-ink-2);padding:4px 0}.pp-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--c-border-strong);border-top-color:var(--c-accent);border-radius:50%;animation:qm-spin .65s linear infinite;flex-shrink:0}.pp-error{padding:10px 14px;background:#b53a2f14;border:1px solid rgba(181,58,47,.2);border-radius:var(--r-md);color:var(--c-err);font-size:13px}.pp-result{background:var(--c-surface-2);border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.pp-result__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pp-result__title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c-ink-3)}.pp-mock-badge{font-size:10px;font-weight:600;padding:2px 8px;background:#c4954a26;color:var(--c-accent-text);border-radius:var(--r-full);letter-spacing:.04em}.pp-conf{display:flex;align-items:center;gap:10px}.pp-conf__bar{flex:1;height:5px;background:var(--c-border-strong);border-radius:var(--r-full);overflow:hidden}.pp-conf__fill{height:100%;border-radius:var(--r-full);transition:width .6s var(--ease)}.pp-conf__label{font-size:11px;font-weight:700;white-space:nowrap;min-width:80px;text-align:right}.pp-hints{display:flex;flex-direction:column;gap:5px}.pp-hint-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;padding:4px 0;border-bottom:1px solid var(--c-border)}.pp-hint-row:last-child{border-bottom:none}.pp-hint-row--hl .pp-hint-value{font-weight:700;font-size:14px;color:var(--c-ink)}.pp-hint-label{color:var(--c-ink-3)}.pp-hint-value{font-weight:500;color:var(--c-ink-2)}.pp-notes{font-size:12px;color:var(--c-ink-3);line-height:1.6;margin:0;font-style:italic;border-top:1px solid var(--c-border);padding-top:8px}.pp-apply-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:var(--c-accent);color:#fff;border:none;border-radius:var(--r-md);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--t2) var(--ease)}.pp-apply-btn:hover{background:var(--c-accent-hover);transform:translateY(-1px);box-shadow:var(--s-acc)}.pp-applied{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#2d7d461a;border-radius:var(--r-md);color:var(--c-ok);font-size:14px;font-weight:600}.pp-disclaimer{font-size:11px;color:var(--c-ink-3);text-align:center;margin:0;line-height:1.5}.tc__pane-ai-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:linear-gradient(180deg,#fffbf3fa,#faefdab8);color:var(--c-accent-text);border:1px solid rgba(196,149,74,.24);border-radius:var(--r-full);font-size:11px;font-weight:700;cursor:pointer;transition:background var(--t1) var(--ease),border-color var(--t1) var(--ease),transform var(--t1) var(--ease),box-shadow var(--t2) var(--ease);white-space:nowrap;box-shadow:0 8px 18px #c9974c14}.tc__pane-ai-btn:hover{background:linear-gradient(180deg,#fffcf6,#fbf1ddf2);border-color:#c4954a73;transform:translateY(-1px);box-shadow:0 12px 24px #c9974c1f}.tc__dim-toggle{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:#ffffffc7;color:var(--c-ink-2);border:1px solid rgba(16,19,23,.08);border-radius:var(--r-full);font-size:11px;font-weight:700;cursor:pointer;transition:background var(--t1) var(--ease),border-color var(--t1) var(--ease),color var(--t1) var(--ease),box-shadow var(--t2) var(--ease),transform var(--t1) var(--ease);white-space:nowrap;box-shadow:0 8px 18px #18140e0d}.tc__dim-toggle:hover{background:#fffffff5;border-color:#10131724;color:var(--c-ink);transform:translateY(-1px)}.tc__dim-toggle--active{background:var(--c-accent-dim);color:var(--c-accent-text);border-color:#c4954a59}.tc__dim-toggle--active:hover{background:#c4954a33;border-color:#c4954a80}.dim3d{pointer-events:none;-webkit-user-select:none;user-select:none}.dim3d__label{display:inline-block;padding:6px 10px;background:#101317b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f7f0e4;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:999px;border:1px solid rgba(255,255,255,.12);white-space:nowrap;line-height:1.2;box-shadow:0 14px 28px #0f0b082e}.dim3d__label--rise{color:var(--c-accent);border-color:#c4954a4d;background:#0d1014e0}.p2d__stair-panel{position:absolute;bottom:44px;left:50%;transform:translate(-50%);z-index:30;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);box-shadow:var(--s-lg);padding:12px 14px;min-width:220px;max-width:280px;display:flex;flex-direction:column;gap:10px}.p2d__stair-panel-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink-3);margin-bottom:2px}.p2d__stair-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--c-ink)}.p2d__stair-row span{flex:1;color:var(--c-ink-2)}.p2d__stair-input{width:72px;padding:4px 8px;background:var(--c-surface-2);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);color:var(--c-ink);font-size:12px;font-family:inherit;text-align:right;outline:none;transition:border-color var(--t1) var(--ease)}.p2d__stair-input:focus{border-color:var(--c-accent)}.p2d__stair-hint{font-size:11px;color:var(--c-accent-text);background:var(--c-accent-dim);border-radius:var(--r-sm);padding:4px 8px;line-height:1.5}.p2d__stair-reset{align-self:flex-start;padding:3px 10px;background:transparent;border:1px solid var(--c-border-strong);border-radius:var(--r-full);color:var(--c-ink-3);font-size:11px;cursor:pointer;transition:color var(--t1) var(--ease),border-color var(--t1) var(--ease)}.p2d__stair-reset:hover{color:var(--c-ink);border-color:var(--c-border-strong)}:root{--tipto-bg: #f5f1e8;--tipto-surface: rgba(255, 252, 247, .78);--tipto-surface-strong: #fffaf2;--tipto-ink: #17191d;--tipto-muted: #64615d;--tipto-line: rgba(23, 25, 29, .09);--tipto-accent: #b78b56;--tipto-accent-strong: #8e6537;--tipto-shadow: 0 32px 90px rgba(54, 39, 20, .12);--tipto-radius-xl: 28px;--tipto-radius-lg: 20px;--tipto-radius-md: 14px;--tipto-font: "Manrope", "Avenir Next", "Segoe UI", sans-serif}.tipto-balustrade-3d-shell,.tipto-balustrade-3d-root{width:100%}.tipto-app{font-family:var(--tipto-font);color:var(--tipto-ink);background:radial-gradient(circle at top left,rgba(183,139,86,.15),transparent 32%),linear-gradient(145deg,#f8f4ec,#f0e9de);border-radius:36px;padding:28px;box-shadow:var(--tipto-shadow);overflow:hidden}.tipto-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);gap:24px}.tipto-main-column,.tipto-side-column{display:grid;gap:20px;align-content:start}.tipto-hero,.tipto-panel,.tipto-preview-panel{background:var(--tipto-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.55);border-radius:var(--tipto-radius-xl);padding:24px}.tipto-hero h1,.tipto-panel h2,.tipto-preview-panel h2{margin:0;font-size:clamp(1.8rem,2vw,2.45rem);line-height:1.05;letter-spacing:-.04em}.tipto-hero p,.tipto-panel p,.tipto-preview-panel p,.tipto-card-option span,.tipto-summary-row span,.tipto-fallback-copy p{color:var(--tipto-muted);line-height:1.6}.tipto-eyebrow,.tipto-preview-badge,.tipto-price-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#b78b561f;color:var(--tipto-accent-strong);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.tipto-panel-header,.tipto-preview-copy{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.tipto-field,.tipto-range,.tipto-form label{display:grid;gap:12px}.tipto-field+.tipto-field,.tipto-field+.tipto-field-grid,.tipto-field-grid+.tipto-field,.tipto-form>*+*,.tipto-summary-list>*+*,.tipto-fallback-copy>*+*{margin-top:18px}.tipto-field-label{display:flex;justify-content:space-between;gap:12px;font-size:.95rem;font-weight:700}.tipto-field-grid,.tipto-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tipto-card-options,.tipto-swatch-grid,.tipto-check-grid{display:grid;gap:12px}.tipto-card-options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tipto-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tipto-card-option,.tipto-swatch{border:1px solid var(--tipto-line);background:#ffffffa3;border-radius:var(--tipto-radius-md);padding:16px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.tipto-card-option:hover,.tipto-swatch:hover,.tipto-primary-button:hover{transform:translateY(-1px)}.tipto-card-option.is-active,.tipto-swatch.is-active{border-color:#b78b56a6;box-shadow:0 16px 34px #b78b5629;background:#fffbf5f2}.tipto-swatch{display:flex;align-items:center;gap:12px}.tipto-swatch-chip{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex:0 0 auto}.tipto-range input,.tipto-form input,.tipto-form textarea{width:100%;border-radius:14px;border:1px solid rgba(23,25,29,.1);background:#ffffffb8}.tipto-range input{accent-color:var(--tipto-accent-strong)}.tipto-form input,.tipto-form textarea{padding:14px 15px;font:inherit;color:inherit}.tipto-check-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tipto-check-item,.tipto-consent{display:flex;gap:10px;align-items:flex-start;color:var(--tipto-muted)}.tipto-config-note,.tipto-inline-summary,.tipto-reference-box,.tipto-form-status{border-radius:var(--tipto-radius-md);padding:16px 18px;background:#fff9;border:1px solid rgba(23,25,29,.08)}.tipto-config-note,.tipto-reference-box{display:grid;gap:8px}.tipto-preview-stage{position:relative;min-height:520px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at top,#ffffffe0,#ffffff1a 65%),linear-gradient(180deg,#fcf8f1,#efe7db)}.tipto-loader{display:inline-flex;align-items:center;justify-content:center;min-height:100%;width:100%;color:var(--tipto-muted);font-weight:600}.tipto-fallback{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:22px;height:100%}.tipto-fallback-visual{position:relative;min-height:260px;border-radius:22px;background:radial-gradient(circle at top,#fffffff2,#ffffff0d 68%),linear-gradient(180deg,#f7f4ee,#ede5d8);border:1px solid rgba(23,25,29,.08)}.tipto-fallback-rail,.tipto-fallback-panel{position:absolute;left:10%;right:10%;border-radius:999px}.tipto-fallback-rail{top:20%;height:14px;background:var(--tipto-finish, #22262b);box-shadow:0 12px 22px #22262b2e}.tipto-fallback-panel{top:28%;bottom:12%;border-radius:18px;border:2px solid rgba(34,38,43,.18);background:#dce6ee85}.tipto-fallback-panel[data-infill=verticale-spijlen],.tipto-fallback-panel[data-infill=lamellen]{background:repeating-linear-gradient(90deg,#22262b0f 0 18px,#22262bb8 18px 24px)}.tipto-fallback-panel[data-infill=horizontale-profielen]{background:repeating-linear-gradient(180deg,#22262b05 0 24px,#22262bb8 24px 30px)}.tipto-fallback-list{margin:0;padding-left:18px;color:var(--tipto-muted)}.tipto-summary-list{display:grid}.tipto-summary-row{display:flex;justify-content:space-between;gap:16px}.tipto-primary-button{border:0;border-radius:999px;padding:15px 20px;font:inherit;font-weight:800;color:#fffaf2;background:linear-gradient(135deg,var(--tipto-accent-strong),var(--tipto-accent));box-shadow:0 18px 34px #8e65373d;cursor:pointer}.tipto-primary-button:disabled{opacity:.7;cursor:wait}.tipto-form-status.is-success{color:#205d36;border-color:#205d3638;background:#dcf7e5e0}.tipto-form-status.is-error{color:#7d2c21;border-color:#7d2c212e;background:#fbe7e4e0}@media(max-width:1100px){.tipto-grid{grid-template-columns:1fr}.tipto-side-column{order:-1}.tipto-preview-stage{min-height:420px}}@media(max-width:720px){.tipto-app{border-radius:24px;padding:16px}.tipto-hero,.tipto-panel,.tipto-preview-panel{padding:18px}.tipto-field-grid,.tipto-form-grid{grid-template-columns:1fr}.tipto-panel-header,.tipto-preview-copy{flex-direction:column}.tipto-preview-stage{min-height:340px}}