@font-face{font-family:poppins;src:url(../media/Poppins_Regular-s.p.28fh5u7rh2cas.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:poppins;src:url(../media/Poppins_Medium-s.p.41qdeu0w0ipvn.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:poppins;src:url(../media/Poppins_SemiBold-s.p.18e37lg9r3yr8.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:poppins;src:url(../media/Poppins_Bold-s.p.3lnmyfe_qi4d0.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:poppins;src:url(../media/Poppins_ExtraBold-s.p.3eoodsith0f5g.ttf)format("truetype");font-display:swap;font-weight:800}@font-face{font-family:poppins Fallback;src:local(Arial);ascent-override:92.83%;descent-override:30.94%;line-gap-override:8.84%;size-adjust:113.11%}.poppins_60ab7abb-module__uxs_3q__className{font-family:poppins,poppins Fallback}.poppins_60ab7abb-module__uxs_3q__variable{--font-poppins:"poppins", "poppins Fallback"}
:root{--blue:#0872bd;--blue-dark:#075b96;--blue-soft:#e9f5fc;--ink:#153246;--muted:#536b79;--line:#dce8ee;--success:#198754;font-family:var(--font-poppins), sans-serif;color:var(--ink);background:#f3f8fa}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 0,#0872bd1c,#0000 32rem),linear-gradient(#fafdfe 0%,#eef6f8 100%);min-height:100vh;margin:0}button,input{font:inherit}button,a{color:inherit}.skip-link{z-index:20;background:var(--ink);color:#fff;border-radius:8px;align-items:center;min-height:44px;padding:10px 14px;font-size:13px;font-weight:700;display:flex;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline-offset:3px;outline:3px solid #f0a229}.site-shell{min-height:100vh}.configurator-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 20px}.product-header{align-items:center;gap:28px;padding:0 4px 22px;display:flex}.product-header img{width:184px;height:auto;display:block}.product-header a{flex:none}.header-copy{border-left:1px solid var(--line);padding-left:28px}.header-copy p{color:var(--muted);margin:3px 0 0;font-size:14px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-size:13px;font-weight:700}.private-chip{color:#26734b;background:#f2fbf6;border:1px solid #cfe6d8;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:9px 14px;font-size:12px;font-weight:600;display:inline-flex}.private-chip span{background:#3fb174;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #3fb1741f}.configurator-card{background:#fffffff0;border:1px solid #ccdee6e6;border-radius:28px;overflow:hidden;box-shadow:0 24px 65px #204b601f}.intro,.flash-heading{align-items:flex-start;gap:15px;display:flex}.intro{padding:34px 36px 26px}.intro h1,.flash-heading h2{letter-spacing:-.035em;margin:0;line-height:1.18}.intro h1{font-size:clamp(24px,3vw,34px)}.intro p,.flash-heading p{color:var(--muted);margin:8px 0 0;font-size:14px}.step-number{background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:0 7px 18px #0872bd3d}.workspace-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:310px 1fr;display:grid}.button-panel{border-right:1px solid var(--line);background:#f7fbfc;padding:28px}.panel-label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin:0 0 15px;font-size:12px;font-weight:700}.button-stack{gap:12px;display:grid}.physical-button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.physical-button:hover{border-color:#9ecbe6;transform:translateY(-1px)}.physical-button.active{border-color:var(--blue);box-shadow:0 0 0 3px #0872bd1a,0 10px 24px #25638214}.button-index{background:var(--blue-soft);width:42px;height:42px;color:var(--blue);border-radius:12px;place-items:center;font-size:18px;font-weight:800;display:grid}.physical-button.active .button-index{background:var(--blue);color:#fff}.physical-button strong,.physical-button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.physical-button strong{font-size:14px}.physical-button small{color:var(--muted);margin-top:3px;font-size:11px}.edit-mark{color:var(--blue);opacity:0;font-size:10px;font-weight:700}.physical-button.active .edit-mark{opacity:1}.pin-note{color:#8ca0ab;text-align:center;margin:17px 0 0;font-size:11px}.action-panel{min-width:0;padding:28px 34px 30px}.mode-switch{background:#edf3f5;border-radius:13px;padding:4px;display:inline-flex}.mode-switch button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;display:flex}.mode-switch button.active{color:var(--blue);background:#fff;box-shadow:0 4px 14px #2a47551f}.mode-icon{border:2px solid;width:16px;height:16px;display:inline-block}.mouse-icon{border-radius:9px}.keyboard-icon{border-radius:3px;position:relative}.keyboard-icon:after{content:"";background:currentColor;height:2px;position:absolute;bottom:2px;left:2px;right:2px}.picker-heading{justify-content:space-between;align-items:end;gap:20px;margin:24px 0 18px;display:flex}.picker-heading span{color:var(--blue);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.picker-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-size:22px}.picker-heading .current-selection{background:var(--blue-soft);text-transform:none;letter-spacing:0;white-space:nowrap;border-radius:999px;padding:7px 11px}.mouse-picker{background:#f8fbfc;border:2px solid #aac5d4;border-radius:94px 94px 110px 110px;grid-template-rows:128px 1fr;grid-template-columns:1fr 1fr;width:min(320px,90%);height:260px;margin:4px auto 22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -14px 32px #1f536c0d}.mouse-zone{color:#68818e;cursor:pointer;background:0 0;border:0;transition:background .16s,color .16s}.mouse-zone span{font-size:12px;font-weight:700;position:relative;top:-18px}.mouse-left{border-right:1px solid #cbdce4}.mouse-zone.selected{color:var(--blue);background:var(--blue-soft)}.mouse-wheel{z-index:2;color:#68818e;cursor:pointer;background:#fff;border:2px solid #aac5d4;border-radius:24px;align-content:start;justify-items:center;gap:8px;width:46px;height:88px;padding:10px 5px;font-size:9px;font-weight:700;display:grid;position:absolute;top:22px;left:50%;transform:translate(-50%)}.mouse-wheel.selected{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 5px #0872bd1a}.wheel-mark{background:currentColor;border-radius:5px;width:5px;height:28px}.double-click{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;grid-column:1/-1;place-self:center;padding:10px 20px;font-size:12px;font-weight:700}.double-click.selected{border-color:var(--blue);background:var(--blue);color:#fff}.keyboard{background:#eaf1f4;border:1px solid #c9dce5;border-radius:18px;gap:8px;max-width:650px;margin:5px auto 24px;padding:17px;display:grid;box-shadow:inset 0 -6px #d6e2e7}.keyboard-row{justify-content:center;gap:8px;display:flex}.key{cursor:pointer;background:#fff;border:1px solid #c5d6de;border-radius:9px;place-content:center;gap:2px;min-width:72px;min-height:54px;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:0 4px #c7d5dc}.key:hover{transform:translateY(1px);box-shadow:0 3px #c7d5dc}.key.selected{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-dark)}.key span{font-size:15px;font-weight:800}.key small{font-size:11px}.key-17{min-width:210px}.quick-actions{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.quick-actions button{border:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;display:inline-flex}.quick-actions button.selected{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.quick-actions span{font-weight:800}.flash-section{background:#fbfdfe;padding:28px 36px 30px}.flash-heading h2{font-size:21px}.flash-controls{justify-content:space-between;align-items:center;gap:24px;margin-top:24px;display:flex}.progress-copy{align-items:center;gap:12px;min-width:0;display:flex}.progress-copy strong,.progress-copy small{display:block}.progress-copy strong{font-size:13px}.progress-copy small{color:var(--muted);margin-top:3px;font-size:12px}.status-dot{background:#afbec5;border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 5px #edf2f4}.status-dot.working{background:#e9a23b;animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 0 5px #fff4dd}.status-dot.done{background:var(--success);box-shadow:0 0 0 5px #e7f7ef}.status-dot.error{background:#c64040;box-shadow:0 0 0 5px #fcecec}.flash-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:22px;min-width:238px;padding:15px 18px;font-size:13px;font-weight:800;transition:background .16s,transform .16s;display:flex;box-shadow:0 11px 24px #0872bd3d}.flash-button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.flash-button:disabled{opacity:.5;cursor:not-allowed}.flash-button span{font-size:20px;font-weight:400}.progress-track{background:#e5edf1;border-radius:999px;height:5px;margin-top:22px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, #55b6e4, var(--blue));height:100%;transition:width .22s}.support-warning{color:#89580e;background:#fff3df;border-radius:10px;margin:16px 0 0 49px;padding:10px 13px;font-size:12px}.product-footer{color:#536b79;justify-content:space-between;padding:8px 5px 0;font-size:12px;display:flex}.product-footer a{min-height:44px;color:var(--blue-dark);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}@keyframes pulse{50%{transform:scale(1.18)}}@media (min-width:821px) and (min-height:650px){.configurator-shell{padding:12px 0 8px}.product-header{gap:18px;padding:0 4px 10px}.product-header img{width:140px}.header-copy{padding-left:18px}.header-copy p{margin-top:1px;font-size:12px}.private-chip{padding:7px 12px}.configurator-card{border-radius:22px}.intro{padding:16px 24px 14px}.intro h1{font-size:26px}.intro p{margin-top:4px}.step-number{width:30px;height:30px;font-size:13px}.action-panel{grid-template-columns:minmax(250px,.8fr) minmax(420px,1.2fr);grid-template-areas:"mode heading""picker shortcuts";align-items:center;gap:12px 28px;padding:16px 24px 18px;display:grid}.mode-switch{grid-area:mode;justify-self:center}.mode-switch button{min-height:44px;padding:8px 16px}.picker-heading{grid-area:heading;align-items:center;margin:0}.picker-heading h2{font-size:20px}.mouse-picker,.keyboard{grid-area:picker}.quick-actions{border:1px solid var(--line);background:#f7fbfc;border-radius:18px;grid-area:shortcuts;place-content:center flex-start;min-height:180px;padding:18px}.mouse-picker{border-radius:70px 70px 82px 82px;grid-template-rows:88px 1fr;width:230px;height:180px;margin:0 auto}.mouse-zone span{top:-10px}.mouse-wheel{width:44px;height:66px;padding-top:7px;top:13px}.wheel-mark{height:20px}.double-click{min-height:44px;padding:7px 16px}.keyboard{border-radius:14px;gap:4px;width:100%;margin:0;padding:9px}.keyboard-row{gap:5px}.key{min-width:58px;min-height:44px;box-shadow:0 3px #c7d5dc}.key-17{min-width:170px}.key span{font-size:13px}.quick-actions button{min-height:44px;padding:7px 10px}.flash-section{grid-template-columns:minmax(300px,.9fr) minmax(520px,1.1fr);align-items:center;gap:10px 28px;padding:14px 24px 16px;display:grid}.flash-heading h2{font-size:18px}.flash-heading p{margin-top:3px;font-size:12px}.flash-controls{gap:16px;margin-top:0}.flash-button{min-width:210px;padding:11px 16px}.progress-track{grid-column:1/-1;margin-top:0}.support-warning{grid-column:1/-1;margin:0}.product-footer{padding-top:8px}}@media (min-width:821px) and (min-height:780px){.configurator-shell{min-height:100dvh;padding:20px 0 12px}.product-header{padding-bottom:16px}.product-header img{width:160px}.configurator-card{border-radius:26px}.intro{padding:22px 32px 20px}.intro h1{font-size:30px}.action-panel{grid-template-columns:minmax(320px,.85fr) minmax(460px,1.15fr);gap:18px 46px;min-height:390px;padding:24px 38px 28px}.picker-heading h2{font-size:24px}.mouse-picker{border-radius:88px 88px 102px 102px;grid-template-rows:116px 1fr;width:300px;height:238px}.mouse-zone span{font-size:13px;top:-15px}.mouse-wheel{height:78px;top:18px}.wheel-mark{height:26px}.quick-actions{gap:10px;min-height:238px;padding:24px}.action-panel:has(.mouse-picker) .quick-actions{grid-template-columns:repeat(2,minmax(150px,1fr))}.action-panel:has(.mouse-picker) .quick-actions button{border-radius:12px;justify-content:flex-start;min-height:56px;padding:10px 14px;font-size:13px}.keyboard{gap:7px;max-width:700px;padding:14px}.keyboard-row{gap:7px}.key{min-height:50px}.flash-section{padding:18px 32px 20px}}@media (max-width:820px){.product-header{flex-wrap:wrap;gap:16px}.header-copy{border-left:0;border-top:1px solid var(--line);order:3;width:100%;padding:14px 0 0}.private-chip{margin-left:auto}.workspace-grid{grid-template-columns:1fr}.button-panel{border-right:0;border-bottom:1px solid var(--line)}.button-stack{grid-template-columns:repeat(3,1fr)}.physical-button{grid-template-columns:40px minmax(0,1fr)}.edit-mark{display:none}}@media (max-width:620px){.configurator-shell{width:min(100% - 20px,1180px);padding-top:18px}.product-header img{width:145px}.private-chip{padding:8px 10px;font-size:9px}.configurator-card{border-radius:20px}.intro,.flash-section{padding:24px 20px}.button-panel,.action-panel{padding:22px 18px}.button-stack{grid-template-columns:1fr}.physical-button{grid-template-columns:42px minmax(0,1fr) auto}.edit-mark{display:inline}.picker-heading{flex-direction:column;align-items:flex-start;gap:9px}.mouse-picker{grid-template-rows:115px 1fr;width:280px;max-width:100%;height:230px}.keyboard{gap:6px;padding:10px 8px 14px}.keyboard-row{gap:5px}.key{flex:1;min-width:0;min-height:50px}.key-17{flex:2.4}.flash-controls{flex-direction:column;align-items:stretch}.flash-button{width:100%;min-width:0}.product-footer{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}