:root{--font-display: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--sidebar-w: 420px;--sheet-collapsed-h: 72px;--color-bg: #f5f2ed;--color-surface: #ffffff;--color-surface-hover: #faf8f5;--color-border: #e2ded7;--color-border-light: #eeeae4;--color-text: #2a2520;--color-text-secondary: #5e574f;--color-text-muted: #8a847c;--color-brass: #9a8464;--color-brass-light: #c4b49c;--color-brass-bg: rgba(154, 132, 100, .07);--color-brass-border: rgba(154, 132, 100, .28);--color-danger: #b84f4f;--color-danger-bg: rgba(184, 79, 79, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(42, 37, 32, .04);--shadow-md: 0 4px 16px rgba(42, 37, 32, .06);--shadow-lg: 0 8px 32px rgba(42, 37, 32, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.section-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.sidebar-scroll::-webkit-scrollbar{width:2px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:1px;transition:background .3s}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background:var(--color-border)}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.viewport-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#faf7f2,#f5f2ed,#ede9e2);pointer-events:none;z-index:0}.viewport-canvas{cursor:grab}.viewport-toolbar{display:flex;flex-direction:column;gap:6px;z-index:10}.viewport-toolbar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-size:16px;cursor:pointer;border:1px solid rgba(154,132,100,.2);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #2a252014;color:var(--color-text);padding:0;transition:all .2s ease}.viewport-toolbar-btn:hover{border-color:var(--color-brass-border);background:#fffffff2;box-shadow:0 4px 16px #2a25201f;transform:translateY(-1px)}.viewport-toolbar-btn--active{background:var(--color-brass);border-color:var(--color-brass);color:#fff;box-shadow:0 2px 12px #9a84644d}.viewport-toolbar-btn--active:hover{background:#8a7558;border-color:#8a7558}.viewport-toolbar-tooltip{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:5px 10px;border-radius:6px;font-size:11px;font-family:var(--font-body);font-weight:500;letter-spacing:.02em;color:#fff;background:#2a2520e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease}.viewport-toolbar-btn:hover .viewport-toolbar-tooltip{opacity:1}@media (max-width: 1023px){.viewport-toolbar-btn{width:44px;height:44px;border-radius:12px}.viewport-toolbar-tooltip{display:none}}.swatch{position:relative;border-radius:50%;cursor:pointer;border:2px solid transparent;outline:none;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);background-size:cover;background-position:center;padding:0}.swatch:hover{transform:scale(1.12);z-index:2}.swatch--sm{width:28px;height:28px}.swatch--md{width:40px;height:40px}.swatch--active{border-color:var(--color-brass);outline:2px solid var(--color-brass-border);outline-offset:1px;box-shadow:inset 0 0 0 2px #fff6;animation:swatchSelect .3s ease-out}.swatch:not(.swatch--active){box-shadow:var(--shadow-sm)}@keyframes swatchSelect{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.swatch-preview{position:fixed;width:120px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:9999}.swatch-preview--visible{opacity:1}.swatch-preview__img{width:100%;height:96px;object-fit:cover;display:block}.swatch-preview__info{padding:6px 8px;display:flex;flex-direction:column;gap:2px}.swatch-preview__name{font-size:10px;font-weight:600;color:var(--color-text);line-height:1.2}.swatch-preview__type{font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}@media (max-width: 1023px){.swatch--sm{width:34px;height:34px}.swatch--md{width:46px;height:46px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1 1 0%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:var(--color-border);border-radius:1px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-text);border:3px solid var(--color-surface);box-shadow:0 1px 4px #2a252033;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #2a252040}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-text);border:3px solid var(--color-surface);box-shadow:0 1px 4px #2a252033;cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp var(--transition-slow) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade{animation:fadeIn var(--transition-base) ease-out}.viewport-canvas{cursor:grab;touch-action:none}.viewport-canvas:active{cursor:grabbing}.viewport-toolbar--mobile{bottom:calc(88px + env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}.viewport-toolbar--lifted{bottom:calc(148px + env(safe-area-inset-bottom))}@media (max-width: 1023px) and (orientation: landscape){.viewport-toolbar--mobile{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));bottom:auto}}.modal-btn-primary{width:100%;padding:11px;font-size:10px;font-family:var(--font-body);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);border:none;background:var(--color-brass);color:#fff;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.modal-btn-primary:hover:not(:disabled){background:#8a7558}.modal-btn-primary:disabled{background:var(--color-border);cursor:default;color:var(--color-text-muted)}.modal-btn-secondary{width:100%;padding:11px;font-size:10px;font-family:var(--font-body);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-btn-secondary:hover{border-color:var(--color-brass-border);color:var(--color-brass)}.modal-btn-danger{width:100%;padding:11px;font-size:10px;font-family:var(--font-body);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);border:none;background:var(--color-danger);color:#fff;cursor:pointer;transition:background var(--transition-fast)}.modal-btn-danger:hover{background:#a04444}.modal-label{display:block;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.modal-input{width:100%;padding:10px 12px;font-size:13px;font-family:var(--font-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);outline:none;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.modal-input:focus{border-color:var(--color-brass);box-shadow:0 0 0 3px var(--color-brass-bg)}.modal-error{margin-bottom:16px;padding:10px 12px;font-size:11px;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid rgba(184,79,79,.15);border-radius:var(--radius-sm)}.modal-success{margin-bottom:16px;padding:14px 16px;font-size:12px;line-height:1.5;color:var(--color-brass);background:var(--color-brass-bg);border:1px solid var(--color-brass-border);border-radius:var(--radius-sm)}.cabinet-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-base)}.cabinet-card:hover:not(:disabled){border-color:var(--color-brass-border);background:var(--color-brass-bg);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cabinet-card:disabled{opacity:.4;cursor:default}.cabinet-card__icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.cabinet-card:hover:not(:disabled) .cabinet-card__icon{transform:scale(1.08)}.cabinet-card__name{font-size:12px;font-weight:600;color:var(--color-text);text-align:center}.cabinet-card__price{font-size:11px;color:var(--color-text-muted)}.empty-state-nudge{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;animation:nudgeFadeUp .5s ease-out}.empty-state-nudge__icon{color:var(--color-brass-light);animation:nudgePulse 2s ease-in-out infinite}.empty-state-nudge__text{font-size:12px;color:var(--color-text-muted);line-height:1.4}@keyframes nudgePulse{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-3px);opacity:1}}@keyframes nudgeFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-tabs{display:flex;gap:0;margin-top:8px;border-bottom:1px solid var(--color-border-light)}.sidebar-tab{flex:1;padding:9px 0 8px;font-size:11px;font-weight:600;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;position:relative;transition:color var(--transition-fast)}.sidebar-tab:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--color-brass);border-radius:1px;transform:scaleX(0);transition:transform var(--transition-base)}.sidebar-tab:hover{color:var(--color-text-secondary)}.sidebar-tab--active{color:var(--color-text);font-weight:700}.sidebar-tab--active:after{transform:scaleX(1)}.sheet-transition{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--color-border);margin:10px auto}.sheet-backdrop{animation:sheetBackdropIn .2s ease-out}@keyframes sheetBackdropIn{0%{opacity:0}to{opacity:1}}.sheet-dragging{opacity:.55}@media (max-width: 1023px){html,body,#root{overscroll-behavior:none;-webkit-overflow-scrolling:touch}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:22px;height:22px}.sidebar-tab{padding:11px 0 10px;font-size:11px}.section-label{font-size:12px}}.app{position:relative;width:100%;height:100%;overflow:hidden;background:var(--color-bg)}.viewport{position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 1024px){.viewport{right:var(--sidebar-w)}}.inspector{position:absolute;left:24px;bottom:24px;z-index:12;width:268px;max-height:calc(100% - 48px);overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:16px 18px 18px;display:flex;flex-direction:column;gap:14px;animation:fadeInUp var(--transition-base) both}@media (prefers-reduced-motion: reduce){.inspector{animation:none}}.inspector-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px;display:flex;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.inspector-close:hover{color:var(--color-text);background:var(--color-surface-hover)}.dragchip{position:fixed;z-index:1000;pointer-events:none;background:var(--color-surface);border:1px solid var(--color-brass-border);border-radius:6px;padding:6px 8px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000001f;opacity:.95}.dragchip[data-refused=true]{border-color:var(--color-danger)}.dragchip__label{font-size:10px;font-weight:600;color:var(--color-text);letter-spacing:.04em;text-transform:uppercase}.dragchip[data-refused=true] .dragchip__label{color:var(--color-danger)}.dragchip[data-note=true]{max-width:292px;align-items:flex-start}.dragchip[data-note=true] .dragchip__label{text-transform:none;letter-spacing:.01em;line-height:1.45;font-weight:500}.armed-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;min-height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-brass-border);background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;pointer-events:auto;white-space:nowrap}.armed-chip__dot{width:7px;height:7px;border-radius:50%;background:var(--color-brass);flex-shrink:0}.armed-chip__put-down{color:var(--color-text-muted);font-weight:500;letter-spacing:.04em;border-left:1px solid var(--color-border-light);padding-left:8px}.room-notice{position:absolute;left:50%;top:22px;transform:translate(-50%);z-index:14;display:flex;align-items:center;gap:12px;max-width:min(520px,calc(100% - 32px));padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-surface);box-shadow:var(--shadow-lg);font-family:var(--font-body);font-size:11px;line-height:1.5;color:var(--color-text-secondary);text-align:left}.room-notice--nudge{cursor:pointer;border-style:dashed;border-color:var(--color-brass-border);color:var(--color-text-muted)}.room-notice__text{flex:1}.room-notice__actions{display:flex;gap:6px;flex-shrink:0}.room-notice__primary,.room-notice__secondary{padding:7px 12px;min-height:32px;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer}.room-notice__primary{border:none;background:var(--color-brass);color:#fff}.room-notice__secondary{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted)}.dup-handle{width:26px;height:26px;border-radius:50%;border:1px solid var(--color-brass-border);background:var(--color-surface);color:var(--color-brass);font-family:var(--font-body);font-size:15px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 2px 6px #2a25202e;display:flex;align-items:center;justify-content:center;padding:0;transition:transform var(--transition-fast),background var(--transition-fast)}.dup-handle:hover{transform:scale(1.12);background:var(--color-brass-bg)}@media (max-width: 1023px){.dup-handle{width:34px;height:34px;font-size:18px}}.toast{position:absolute;left:50%;top:22px;transform:translate(-50%);z-index:30;padding:9px 16px;border-radius:var(--radius-sm);background:#2a2520eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:11px;font-family:var(--font-body);letter-spacing:.02em;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.toast[data-show=true]{opacity:1}.summary-table{width:100%;border-collapse:collapse}.summary-table th{text-align:left;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:0 8px 7px 0;border-bottom:1px solid var(--color-border)}.summary-table td{padding:8px 8px 8px 0;border-bottom:1px solid var(--color-border-light);font-size:11px;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.summary-table td.q{text-align:right;font-weight:600;padding-right:0}.summary-table td.p{text-align:right;color:var(--color-text-muted);padding-right:0}.summary-table tfoot td{font-weight:600;border-bottom:0;color:var(--color-text)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-border-light);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);overflow:hidden}.fact{background:var(--color-surface);padding:11px 12px}.fact dt{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.fact dd{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:2px;color:var(--color-text)}.fact dd small{font-size:10px;font-weight:500;color:var(--color-text-muted)}.placeholder{padding:13px 15px;border:1px dashed var(--color-brass-border);border-radius:var(--radius-sm);background:var(--color-brass-bg);font-size:11px;line-height:1.6;color:var(--color-text-secondary)}.placeholder b{display:block;color:var(--color-brass);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.placeholder span{display:block;margin-top:7px;color:var(--color-text-muted)}.receipt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;line-height:1.65;white-space:pre-wrap;background:var(--color-surface-hover);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:13px 14px;color:var(--color-text-secondary)}@media (max-width: 1023px){.inspector--sheet{left:0;right:0;width:auto;bottom:calc(72px + env(safe-area-inset-bottom));top:auto;max-height:52%;border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0;padding:0 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #2a252029;z-index:18;gap:12px}.inspector--bar{max-height:none;overflow:visible;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.inspector-grip{background:none;border:none;padding:0;margin:0 -16px;width:calc(100% + 32px);cursor:pointer}.rail-undo{display:flex;justify-content:center;padding-top:4px;border-top:1px solid var(--color-border-light);margin-top:2px}.rail-undo button{width:44px!important;height:44px!important;border-color:transparent}.armed-chip{position:fixed;left:12px;right:auto;bottom:calc(84px + env(safe-area-inset-bottom));max-width:calc(100vw - 84px)}.armed-chip--lifted{bottom:calc(148px + env(safe-area-inset-bottom))}.room-notice{top:auto;bottom:calc(96px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:8px;text-align:center}.room-notice__actions{justify-content:center}.room-notice__primary,.room-notice__secondary{flex:1;min-height:44px}}.piece-print{display:none}@media print{body{overflow:visible;background:#fff}.app{display:block;height:auto;overflow:visible}.viewport,.viewport-toolbar,.inspector,.dragchip,.toast,.sheet-handle,.sheet-backdrop,.armed-chip,.room-notice,.sidebar-tabs,.empty-state-nudge{display:none!important}.receipt{border:0;padding:0;font-size:11px;color:#000}.piece-print{display:block;margin:0 0 14px;padding:0;break-inside:avoid}.piece-print img{width:100%;max-height:42vh;object-fit:contain;border:1px solid #ddd}}