:root{--bg:#151516;--panel:#1d1e20;--panel-2:#232427;--line:#2c2d30;--text:#eeeeee;--text-dim:#9a9a9e;--accent:#e8a33d}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;height:100%;overflow:hidden}#app{display:flex;height:100vh;width:100vw}#viewport{flex:1;position:relative;background:radial-gradient(circle at 50% 30%,#1b1c1e,#0f0f10)}#canvasHolder{position:absolute;top:0;right:0;bottom:0;left:0}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px;flex-direction:column;gap:10px}#hint{position:absolute;top:16px;left:16px;font-size:12px;color:var(--text-dim);background:#00000059;padding:8px 12px;border-radius:8px;letter-spacing:.02em;max-width:320px;line-height:1.5}#hint b{color:var(--accent)}#gridPanel,.panelBox{background:#141416d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:12px;padding:14px}#gridPanel{position:absolute;bottom:16px;left:16px;max-width:min(720px,calc(100vw - 32px));overflow-x:auto}#gridPanel h3,.panelBox h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600}.grid{display:grid;gap:1px}.cell{width:8px;height:22px;border-radius:2px;border:1px solid #3a3b3e;cursor:pointer;background:#2a2b2e;transition:transform .08s ease;position:relative}.cell:hover{transform:scaleY(1.08);border-color:var(--accent)}.cell.filled{border-color:transparent}.cell .dot{position:absolute;bottom:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0006;display:none}.miniHoles{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:.5px;pointer-events:none}.miniHole{border-radius:50%}.bodenRow{display:grid;gap:1px;margin-top:4px}.bodenCell{height:8px;border-radius:2px;background:transparent}.bodenCell.has{background:#3a3a3d}.cell.accessoryOccupied{display:flex;align-items:center;justify-content:center;font-size:9px;opacity:.85;border:1px dashed rgba(255,255,255,.4)!important}.cell.accessoryOccupied.ledCell{border:1px solid rgba(255,235,180,.55)!important;border-top:3px solid rgba(255,244,214,.95)!important;box-shadow:inset 0 6px 8px -3px #fff4d68c}.calibRow{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);margin-bottom:6px}.calibRow span.lbl{width:16px;flex-shrink:0;color:var(--text);font-weight:600}.calibRow input[type=range]{flex:1;accent-color:var(--accent);min-width:40px}.calibRow input[type=number]{width:58px;flex-shrink:0;background:#0f0f10;color:var(--text);border:1px solid #3a3b3e;border-radius:5px;font-family:monospace;font-size:11px;padding:2px 4px;text-align:right}.calibRow span.unit{width:16px;flex-shrink:0;color:var(--text-dim)}#side{width:310px;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.block{padding:16px 18px 6px;border-bottom:1px solid var(--line)}.block h2{margin:0 0 4px;font-size:14px;letter-spacing:.01em}.block p.sub{margin:0 0 12px;font-size:12px;color:var(--text-dim);line-height:1.4}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:0 18px 14px}#partLibrary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 18px 10px}.partItem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 4px;border-radius:8px;border:1px solid #3a3b3e;background:#232427;cursor:pointer;text-align:center}.partItem.active{border-color:var(--accent);background:#3a2f1c}#deleteModeBtn.active{background:#a02f2f;border-color:#ffb3b3;color:#fff;font-weight:700;box-shadow:0 0 0 2px #e08a8a59,0 3px 10px #a02f2f80;transform:translateY(-1px)}#colorOnlyBtn.active{background:#3a2f1c;border-color:var(--accent);color:var(--accent);font-weight:700;box-shadow:0 0 0 2px #e8a33d4d,0 3px 10px #e8a33d59;transform:translateY(-1px)}#ledLightToggle.on{border-color:#ffe9a8;background:#3a331c;color:#ffe9a8;font-weight:700}.partItem span{font-size:10px;color:var(--text);line-height:1.2}.partThumb{width:30px;height:30px;border-radius:6px;background:#1d1e20;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbGrid{width:30px;height:30px;border-radius:3px;background:radial-gradient(circle,#8a8d91 45%,transparent 46%) 0 0/6px 6px,#c9a97a}.thumbDots{height:30px;border-radius:3px;background:radial-gradient(circle,#8a8d91 45%,transparent 46%) 0 0/6px 6px,#c9a97a}.thumbDots.c1{width:6px}.thumbDots.c2{width:12px}.thumbDots.c3{width:18px}.thumbDots.corner-l{clip-path:polygon(0 0,100% 0,100% 100%,35% 100%)}.thumbDots.corner-r{clip-path:polygon(0 0,100% 0,65% 100%,0 100%)}.thumbShip{width:14px;height:30px;border-radius:3px;background:radial-gradient(circle,#8a8d91 45%,transparent 46%) 0 0/6px 6px,#c9a97a;clip-path:polygon(0 15%,100% 15%,85% 100%,15% 100%)}.thumbWashi{width:20px;height:20px;border-radius:50%;background:#c9a97a;display:flex;align-items:center;justify-content:center}.thumbWashi:after{content:"";width:8px;height:8px;border-radius:50%;background:#1d1e20}.thumbMulti{width:26px;height:26px;border-radius:3px;background:#8a8d91;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2px;padding:2px}.thumbMulti div{background:#1d1e20;border-radius:2px}.thumbPlank{width:26px;height:14px;background:#8a8d91;border-radius:2px;box-shadow:0 3px #6b6e72}.thumbGriff{width:16px;height:24px;border:3px solid #8a8d91;border-left:none;border-radius:0 8px 8px 0}.thumbEinsatz{width:14px;height:22px;background:#8a8d91;border-radius:7px 7px 3px 3px}.thumbLed{width:24px;height:8px;background:#e8c97a;border-radius:2px;position:relative}.thumbLed:before,.thumbLed:after{content:"";position:absolute;top:-5px;width:6px;height:18px;background:#5a5d62;border-radius:2px}.thumbLed:before{left:-6px}.thumbLed:after{right:-6px}.swatch{aspect-ratio:1;border-radius:6px;cursor:pointer;border:2px solid transparent;position:relative}.swatch.active{border-color:var(--accent)}.accessory{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:12.5px;border-bottom:1px solid var(--line)}.accessory label{flex:1;cursor:pointer}.accessory input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}#bom{padding:14px 18px 8px}.bomRow{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:5px 0;border-bottom:1px dashed var(--line)}.bomRow:last-child{border-bottom:none}.swatchSmall{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid #444}.swatchSmall.plain{background:#5b5e63}.swatchSmall.connector{background:#b9bcc0}.bomRow .name{flex:1;color:var(--text-dim)}.bomRow .qty{font-weight:600}#totals{padding:10px 18px 16px;font-size:12.5px;color:var(--text-dim)}#totals .row{display:flex;justify-content:space-between;padding:3px 0}#totals .row b{color:var(--text);font-weight:600}#actions{padding:16px 18px;margin-top:auto;border-top:1px solid var(--line)}button.primary{width:100%;padding:12px;border:none;border-radius:8px;background:var(--accent);color:#1a1200;font-weight:700;font-size:13px;cursor:pointer;letter-spacing:.02em}button.primary:hover{filter:brightness(1.08)}button.ghost{width:100%;margin-top:8px;padding:11px;border-radius:8px;background:#26272b;border:1px solid #46474d;color:var(--text);font-size:12.5px;cursor:pointer}button.ghost:hover{border-color:var(--accent);color:var(--accent)}button.cart{width:100%;margin-top:8px;padding:15px;border:none;border-radius:9px;background:var(--accent);color:#1a1200;font-weight:800;font-size:14.5px;cursor:pointer;letter-spacing:.02em;box-shadow:0 4px 14px #e8a33d59}button.cart:hover{filter:brightness(1.08)}#note{margin:0 18px 18px;font-size:11px;line-height:1.5;color:var(--text-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px}#note b{color:var(--accent)}@media(max-width:820px){html,body{height:100dvh}#side{padding-bottom:max(88px,calc(56px + env(safe-area-inset-bottom,0px)))!important;box-sizing:border-box}#ledStripNotice{width:95vw!important;max-width:95vw!important;font-size:11px!important;padding:7px 10px!important}#app{flex-direction:column;height:100dvh;width:100vw}#viewport{flex:none;height:52vh;min-height:300px;width:100%}#side{width:100%;flex:1;border-left:none;border-top:1px solid var(--line)}#hint{max-width:calc(100vw - 32px);font-size:11px;padding:6px 10px}#frontViewBtn,#sceneryBtn,#ledLightToggle{padding:6px 9px;font-size:11px}.palette{grid-template-columns:repeat(6,1fr);gap:8px}.palette .swatch{min-height:34px}#partLibrary{grid-template-columns:repeat(4,1fr)}.partItem{padding:10px 4px}.block h2{font-size:15px}button.primary,button.ghost,button.cart{padding:13px;font-size:14px}#shop-back-bar{padding:8px 12px!important}#bottomInfo{bottom:6px!important;gap:3px!important;width:90vw!important;max-width:90vw!important}#realismDisclaimer{font-size:9px!important;white-space:normal!important;width:90vw!important;max-width:90vw!important;line-height:1.25!important;padding:4px 8px!important}#copyrightNotice{font-size:10px!important;padding:2px 8px!important}}#hintOverlay,#resumeOverlay,#multitalentOverlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}#menuBtnDesktop{display:flex;position:fixed;bottom:16px;left:16px;z-index:50;padding:10px 14px;border-radius:8px;border:1px solid #3a3b3e;background:#141416e6;color:#fff;font-size:13px;cursor:pointer;box-shadow:0 4px 14px #00000059}#menuBtnMobile{display:none}@media(max-width:820px){#menuBtnDesktop{display:none!important}#menuBtnMobile{display:inline-flex!important;align-items:center;justify-content:center;padding:5px 9px;border-radius:6px;border:1px solid #3a3b3e;background:#ffffff0f;color:#fff;font-size:14px;cursor:pointer}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/steinchen-garage.css.map */