:root{--ink:#f4f6f8;--muted:#9aa6b1;--paper:#0e1217;--line:#2b333c;--accent:#c5f66b;--tint:#253026;--accent-ink:#111b09;--surface:#191f26;--focus:#c5f66b;font-synthesis:none}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,select,input,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.app{background:var(--paper);color:var(--ink);min-height:100vh}.skip{z-index:100;color:#111;background:#fff;padding:16px;position:absolute;top:-80px;left:16px}.skip:focus{top:8px}.prototype-bar{color:#b3bec9;background:#1c232b;border-bottom:1px solid #313b45;justify-content:space-between;align-items:center;gap:16px;padding:8px 3.5%;font-size:11px;display:flex}.prototype-bar b{color:#e4ebf0;letter-spacing:.12em;margin-right:8px;font-size:10px}.prototype-bar label{align-items:center;gap:12px;display:flex}.prototype-bar select{color:#f4f6f8;background:#29343e;border:1px solid #3e4c59;border-radius:6px;padding:6px 10px;font-size:11px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px 3.5%;display:flex}.brand{letter-spacing:-.35px;align-items:center;gap:12px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.brand small{letter-spacing:.01em;color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.brand-mark{background:var(--accent);width:42px;height:42px;color:var(--accent-ink);letter-spacing:-1px;border-radius:10px;place-items:center;font-size:16px;font-weight:800;display:grid}nav{align-items:center;gap:28px;display:flex}nav button,footer button{background:0 0;border:0;font-size:12px;font-weight:500}nav button:hover,footer button:hover{color:var(--accent)}button.outlined{border:1px solid var(--line);background:0 0;border-radius:9px;padding:12px 17px;font-size:12px}nav button.outlined{border-color:#4b5866}main{max-width:1640px;margin:auto;padding:0 3.5%}.intro{justify-content:space-between;align-items:flex-end;gap:36px;padding:42px 0 30px;display:flex}.eyebrow{letter-spacing:.15em;color:var(--muted);margin:0 0 17px;font-weight:650;font-size:10px!important}h1{letter-spacing:-3px;max-width:730px;margin:0 0 17px;font-size:clamp(38px,4.7vw,70px);font-weight:650;line-height:1.02}h2{letter-spacing:-1px;margin:16px 0;font-size:28px;font-weight:650;line-height:1.16}h3{font-size:15px;font-weight:650;line-height:1.4}.intro p{color:var(--muted);max-width:660px;margin-bottom:0;font-size:14px;line-height:1.7}.intro .eyebrow{color:var(--accent);margin-bottom:16px}.dealer-selector{border:1px solid var(--line);background:var(--surface);min-width:235px;color:var(--muted);border-radius:12px;padding:14px 16px;font-size:10px}.dealer-selector select{width:100%;color:var(--ink);background:var(--surface);cursor:pointer;border:0;padding:9px 0 0;font-size:13px;font-weight:600;display:block}.steps{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(6,1fr);gap:4px;margin:0 0 20px;padding:5px;list-style:none;display:grid}.steps li{min-width:0}.steps button{width:100%;min-height:47px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:10px 12px;font-size:12px;transition:background .15s,color .15s;display:flex}.steps button span{font-variant-numeric:tabular-nums;opacity:.8;font-size:10px}.steps button:hover{color:var(--ink);background:#ffffff0a}.steps button[aria-current]{background:var(--accent);color:var(--accent-ink);font-weight:650}.workspace{grid-template-columns:minmax(0,1.7fr) minmax(350px,1fr);align-items:start;gap:20px;display:grid}.visual{min-width:0}.scene-shell{border:1px solid var(--line);background:#19212a;border-radius:18px;height:550px;position:relative;overflow:hidden}.scene-label{z-index:1;color:#e9eff6;pointer-events:none;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;top:22px;left:22px;right:22px}.scene-label>span:last-child{color:#a7b6c5;margin-left:auto;font-size:10px}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #c5f66b0d}.scene-controls{gap:8px;display:flex;position:absolute;bottom:102px;left:22px}.scene-controls button{color:#e3ebf3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111921ce;border:1px solid #425364;border-radius:8px;min-height:38px;padding:10px 12px;font-size:10px}.scene-controls button:hover{background:#2a3948}.scene-caption{color:#eff4f8;pointer-events:none;font-size:13px;font-weight:600;position:absolute;bottom:23px;left:22px;right:22px}.scene-caption small{color:#a4b4c2;max-width:520px;margin-top:8px;font-size:11px;font-weight:400;line-height:1.6;display:block}.scene-fallback{color:var(--muted);place-items:center;padding:40px;font-size:14px;display:grid}.material-strip{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:32px;margin-top:12px;padding:18px 22px;display:flex}.material-strip>div{align-items:center;gap:12px;display:flex}.material-strip strong{font-size:12px;font-weight:600}.material-strip small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.steel-swatch{background:repeating-linear-gradient(0deg,#0000,#0000 1px,#d1d5d533 1px 2px),linear-gradient(125deg,#7c858b,#ecf0f1,#727b82);border:1px solid #7d8991;border-radius:8px;flex-shrink:0;width:35px;height:35px}.finish-icon{color:var(--muted);font-size:31px;line-height:1}.pill{background:var(--tint);color:var(--ink);border-radius:6px;padding:7px 9px;font-size:10px;font-weight:500;line-height:1.2;display:inline-block}.material-strip>.pill{white-space:nowrap;margin-left:auto}.configuration-panel{--ink:#19222b;--muted:#687481;--line:#e2e7ec;--accent:#1c2732;--accent-ink:#fff;--tint:#edf2f6;--surface:#f6f8fa;--focus:#2867df;color:var(--ink);background:#fff;border:1px solid #e1e6eb;border-radius:18px;padding:28px;box-shadow:0 10px 35px #00000012}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading .eyebrow{margin:0}.panel-heading>span{color:#607080;background:#eff3f6;border-radius:5px;padding:6px 8px;font-size:10px;font-weight:600}.muted{color:var(--muted);font-size:13px;line-height:1.75}.choice{border:1px solid var(--line);border-radius:11px;align-items:center;gap:15px;margin:23px 0 17px;padding:18px;display:flex}.choice.selected{background:#f5f7f9;border:1.5px solid #253548}.choice b{font-size:13px;font-weight:650}.choice small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.choice>span:last-child{color:#fff;background:#1d2a38;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-left:auto;font-size:12px;display:grid}.shape-icon{color:#283e51;background:#e6edf3;border-radius:7px;place-items:center;width:50px;height:46px;font-size:39px;line-height:1;display:grid}.spec-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;font-size:12px;line-height:1.5;display:flex}.spec-row span{color:var(--muted)}.spec-row b{text-align:right;overflow-wrap:anywhere;font-weight:550}.help{color:var(--muted);margin:15px 0;font-size:11px;line-height:1.75}.price{background:#f3f6f8;border-radius:10px;margin-top:22px;padding:17px}.price>span{color:var(--muted);font-size:11px}.price strong{letter-spacing:-.8px;margin-top:7px;font-size:22px;font-weight:650;display:block}.price small{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.6;display:block}.actions{gap:9px;margin-top:18px;display:flex}.primary{background:var(--accent);min-height:50px;color:var(--accent-ink);text-align:left;border:0;border-radius:10px;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:12px;font-weight:600;transition:transform .15s,filter .15s;display:flex}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary>span{font-size:20px}.back{border:1px solid var(--line);background:#fff;border-radius:10px;width:48px}.text-button{text-align:center;color:var(--muted);background:0 0;border:0;margin:9px auto 0;padding:9px;font-size:11px;display:block}.text-button:hover{color:var(--ink)}.status{color:var(--accent);min-height:16px;margin:14px 0;font-size:12px;line-height:1.6}.reassurance{grid-template-columns:repeat(3,1fr);gap:24px;padding:22px 0 32px;display:grid}.reassurance>div{align-items:center;gap:14px;display:flex}.reassurance b{color:var(--accent);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:11px;font-weight:500}.reassurance strong{font-size:12px;font-weight:500;display:block}.reassurance small{color:var(--muted);margin-top:7px;font-size:11px;display:block}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:23px 3.5%;font-size:11px;display:flex}footer small{color:var(--muted);font-size:10px}.field{margin:21px 0 12px;font-size:12px;font-weight:550;display:block}.field>span{float:right;color:var(--muted);font-size:11px;font-weight:400}.field input,.field select,.field textarea{color:#1e2b37;background:#fff;border:1px solid #c5ced8;border-radius:9px;width:100%;margin-top:10px;padding:15px;font-size:15px;display:block}.field input::placeholder,.field textarea::placeholder{color:#788490}.field input[aria-invalid=true]{border-color:#be4936}.field textarea{resize:vertical;min-height:90px;font-size:13px}.pending{color:#73602b;background:#faf6e8;border:1px solid #e3d6ad;border-radius:9px;margin:17px 0;padding:14px 16px;font-size:11px;line-height:1.75}.pending-card{text-align:left;background:#f6f8fb;border:1px solid #e0e6ed;border-radius:12px;margin:23px 0;padding:25px 22px}.pending-card>span:first-child{color:#5b6c7f;background:#e8edf4;border-radius:10px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.pending-card h3{margin-bottom:8px;font-size:16px}.pending-card p{color:var(--muted);font-size:12px;line-height:1.8}.attachment{background:0 0;border:1px dashed #a6b6c6;border-radius:9px;width:100%;margin-top:19px;padding:16px;font-size:12px}details{margin-top:20px;font-size:12px;line-height:1.8}summary{cursor:pointer;font-weight:600}details ul{color:var(--muted);padding-left:18px}dialog{--ink:#18232f;--muted:#677584;--line:#dde4eb;--accent:#192b3d;--accent-ink:white;--focus:#2867df;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:18px;width:calc(100% - 32px);max-width:550px;padding:36px;box-shadow:0 25px 100px #0006}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e18cc}dialog p,dialog li{color:var(--muted);font-size:13px;line-height:1.9}dialog .primary{width:100%;margin-top:23px}.close{background:0 0;border:0;padding:8px;font-size:26px;position:absolute;top:10px;right:14px}.management{min-height:75vh;padding-top:40px}.management h1{font-size:48px}.management>.muted{max-width:800px}.crm-grid{grid-template-columns:300px 1fr;gap:24px;margin:30px 0;display:grid}.request-list,.request-detail{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}.request-list h2{font-size:23px}.request{text-align:left;border:1px solid var(--line);background:0 0;border-radius:10px;width:100%;margin:14px 0;padding:17px;display:block}.request.active{background:var(--tint);border-color:var(--accent)}.request small,.request span{color:var(--muted);font-size:11px;line-height:1.8;display:block}.request strong{margin:8px 0;font-size:14px;display:block}.request-detail>.pill{margin-bottom:10px}.timeline{border-left:2px solid var(--accent);padding-left:20px;font-size:12px;line-height:1.8}.timeline small{color:var(--muted)}.admin-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0;display:grid}.admin-card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:13px;padding:25px}.admin-card:hover{border-color:var(--accent)}.admin-card span{color:var(--muted);font-size:11px}.theme-in-de-keuken{--ink:#102843;--muted:#647890;--paper:#f1f5fb;--line:#d7e2ef;--accent:#245cf5;--accent-ink:#fff;--tint:#e2ebff;--surface:#fff;--focus:#245cf5}.theme-in-de-keuken .prototype-bar{color:#4f6686;background:#e5edf9;border-color:#d0dcef}.theme-in-de-keuken .prototype-bar b{color:#24466b}.theme-in-de-keuken .prototype-bar select{color:#24466b;background:#f9fbff;border-color:#c4d4e9}.theme-in-de-keuken header{background:#fff;border-bottom-color:#e3eaf3}.theme-in-de-keuken nav button.outlined{border-color:#ccd9eb}.theme-in-de-keuken .brand-mark{color:#fff;letter-spacing:-.5px;background:#245cf5;border-radius:50%;font-size:14px}.theme-in-de-keuken .intro{align-items:center;padding:36px 0 28px}.theme-in-de-keuken h1{letter-spacing:-2.6px;max-width:670px;font-size:clamp(36px,4.1vw,60px);font-weight:700}.theme-in-de-keuken .dealer-selector{border:0;box-shadow:0 4px 20px #142f5705}.theme-in-de-keuken .steps{background:0 0;border:0;gap:8px;margin-bottom:22px;padding:0}.theme-in-de-keuken .steps button{border:1px solid var(--line);background:#fff;border-radius:50px;gap:8px;min-height:44px}.theme-in-de-keuken .steps button[aria-current]{background:var(--accent);border-color:var(--accent);color:#fff}.theme-in-de-keuken .steps button:hover{border-color:var(--accent);color:var(--accent)}.theme-in-de-keuken .steps button[aria-current]:hover{color:#fff}.theme-in-de-keuken .workspace{grid-template-columns:minmax(350px,1fr) minmax(0,1.65fr);gap:25px}.theme-in-de-keuken .visual{grid-area:1/2}.theme-in-de-keuken .configuration-panel{--accent:#245cf5;border:0;border-radius:15px;grid-area:1/1;box-shadow:0 8px 32px #1d407009}.theme-in-de-keuken .scene-shell{background:#e5edf7;border:0;border-radius:15px}.theme-in-de-keuken .scene-label{color:#25476b}.theme-in-de-keuken .scene-label>span:last-child{color:#547293}.theme-in-de-keuken .scene-caption{color:#203e5d}.theme-in-de-keuken .scene-caption small{color:#566f8a}.theme-in-de-keuken .scene-controls button{color:#264b74;background:#ffffffde;border-color:#bdd0e5}.theme-in-de-keuken .scene-controls button:hover{background:#fff}.theme-in-de-keuken .choice.selected{background:#f4f7ff;border-color:#245cf5}.theme-in-de-keuken .choice>span:last-child{background:#245cf5}.theme-in-de-keuken .shape-icon{color:#245cf5;background:#e6edff}.theme-in-de-keuken .price{background:#eef4ff}.theme-in-de-keuken .material-strip{border:0}.theme-in-de-keuken .reassurance b{background:#fff;border:0}.theme-in-de-keuken footer{background:#fff}@media (min-width:1600px){.scene-shell{height:590px}}@media (max-width:1100px){.workspace{grid-template-columns:minmax(0,1.3fr) minmax(335px,1fr)}.theme-in-de-keuken .workspace{grid-template-columns:minmax(335px,1fr) minmax(0,1.3fr)}.configuration-panel{padding:24px}.material-strip{gap:22px;padding:18px}.material-strip>.pill{display:none}.intro{gap:20px}h1{letter-spacing:-2.4px;font-size:52px}.dealer-selector{min-width:220px}.scene-shell{height:565px}}@media (max-width:780px){header{padding:18px 5%}.brand{gap:10px;font-size:13px}.brand-mark{width:36px;height:36px;font-size:14px}.brand small{font-size:9px}nav{gap:0}nav button{display:none}nav button.outlined{padding:11px;font-size:10px;display:block}.prototype-bar{padding:8px 5%;font-size:9px}.prototype-bar>span{max-width:180px;line-height:1.6}.prototype-bar b{font-size:9px;display:block}.prototype-bar label{font-size:0}.prototype-bar select{padding:8px;font-size:10px}.intro,.theme-in-de-keuken .intro{padding:28px 0 22px;display:block}.intro h1,.theme-in-de-keuken .intro h1{letter-spacing:-2.5px;max-width:510px;font-size:46px;line-height:1.02}.intro p{font-size:12px}.dealer-selector{justify-content:space-between;align-items:center;gap:14px;min-width:0;margin-top:21px;padding:12px;font-size:10px;display:flex}.dealer-selector select{width:auto;max-width:65%;padding:0;font-size:11px}.steps,.theme-in-de-keuken .steps{scrollbar-width:thin;border-radius:10px;gap:5px;margin-bottom:16px;display:flex;overflow-x:auto}.steps li{flex:none}.steps button{gap:7px;min-height:42px;padding:10px 12px;font-size:11px}.theme-in-de-keuken .steps button{padding:10px 15px}.workspace,.theme-in-de-keuken .workspace{flex-direction:column;gap:16px;display:flex}.visual,.configuration-panel{width:100%}.scene-shell{border-radius:14px;height:365px}.scene-label{font-size:10px;top:17px;left:17px;right:17px}.scene-label>span:last-child{font-size:9px}.scene-controls{bottom:98px;left:17px}.scene-controls button{font-size:10px}.scene-caption{font-size:12px;bottom:19px;left:17px;right:17px}.scene-caption small{max-width:330px;font-size:10px}.material-strip{gap:30px;padding:15px 17px}.material-strip strong{font-size:11px}.material-strip small{font-size:10px}.configuration-panel{border-radius:14px;padding:25px}.configuration-panel h2{font-size:28px}.theme-in-de-keuken .configuration-panel{order:0}.theme-in-de-keuken .visual{order:1}.theme-in-de-keuken .scene-shell{height:350px}.reassurance{grid-template-columns:1fr;gap:20px;padding:15px 0 30px}.reassurance strong{font-size:12px}.reassurance small{font-size:11px}main{padding-left:5%;padding-right:5%}.management h1{letter-spacing:-1.8px;font-size:36px}.crm-grid,.admin-grid{grid-template-columns:1fr}footer{padding:20px 5%;font-size:10px}footer button{font-size:10px}dialog{padding:29px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.account-panel .field input{width:100%}.account-panel .primary{width:100%;margin:8px 0}.saved-designs{gap:10px;display:grid}.saved-design{text-align:left;background:#f4f6f8;border:1px solid #d8dde3;border-radius:12px;gap:5px;padding:16px;display:grid}.saved-design small{color:#586572}.account-panel button:disabled{opacity:.55;cursor:wait}.real-management{max-width:1020px;margin:0 auto;padding:48px 24px 100px}.real-management h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(40px,7vw,72px)}.real-management>a{color:inherit}.management-box{color:#172321;background:#fff;border:1px solid #dde3df;border-radius:22px;margin:24px 0;padding:28px}.management-box h2{margin:12px 0 18px}.management-box .field{max-width:520px;margin:18px 0}.organization-row{border-bottom:1px solid #e0e7e2;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.organization-row h3,.organization-row p{margin:4px 0}.organization-row button{cursor:pointer;border:1px solid #b9c8be;border-radius:10px;padding:12px 18px}.management-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.real-management button:disabled{opacity:.5;cursor:wait}@media (max-width:600px){.organization-row{flex-direction:column;align-items:flex-start}.management-box{padding:20px}}