:root{--colour-surface: #ffffff;--colour-page: #f4f6f9;--colour-hover: #f5f7fa;--colour-ink: #1a2332;--colour-ink-muted: #5d6a7a;--colour-ink-faint: #8f99a8;--colour-accent: #1b4f9c;--colour-accent-hover: #17427f;--colour-teal: #006487;--colour-border: #e4e8ee;--colour-border-strong: #ccd4e0;--colour-danger: #b42318;--colour-warn: #8a5a00;--radius-sm: 4px;--radius: 6px;--control-height: 30px;--label-column: 4.4rem;--chrome-above-canvas: 5.4rem;--shadow-float: 0 4px 14px rgba(16, 24, 40, .1);--ring: 0 0 0 3px rgba(27, 79, 156, .22);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1;color:var(--colour-ink);background:var(--colour-page)}::selection{color:#fff;background:var(--colour-accent)}button,select,input,label{-webkit-tap-highlight-color:transparent}.palette__empty,.layer-panel__empty,.palette__warning,.palette__error{text-wrap:pretty;max-width:44ch}:where(button,select,input,[tabindex]):focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.palette__placed,.layer-panel__list{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .15s ease}.palette__placed:hover,.layer-panel__list:hover{scrollbar-color:var(--colour-border-strong) transparent}.palette__placed::-webkit-scrollbar,.layer-panel__list::-webkit-scrollbar{width:9px}.palette__placed::-webkit-scrollbar-thumb,.layer-panel__list::-webkit-scrollbar-thumb{background:transparent;border:2px solid transparent;background-clip:content-box;border-radius:99px;transition:background .15s ease}.palette__placed:hover::-webkit-scrollbar-thumb,.layer-panel__list:hover::-webkit-scrollbar-thumb{background:var(--colour-border-strong);background-clip:content-box}.app-shell__header{display:flex;align-items:center;gap:1.5rem;padding:.85rem 1.5rem;background:var(--colour-surface);border-bottom:1px solid var(--colour-border)}.app-shell__brand{font-weight:600;letter-spacing:-.01em;color:var(--colour-accent)}.app-shell__main{padding:1.5rem}.configurator>h1{margin:0 0 1rem;font-size:1rem;font-weight:600;letter-spacing:-.01em}.configurator__canvas{position:relative;height:calc(100vh - var(--chrome-above-canvas));min-height:420px;overflow:hidden;border:1px solid var(--colour-border);border-radius:var(--radius);background:#fafbfb;border-top:2px solid var(--colour-teal)}.app-shell__header+.app-shell__main .configurator__canvas{height:calc(100vh - var(--chrome-above-canvas) - 3.1rem)}@media (min-width: 1101px){.configurator__canvas{position:sticky;top:1.5rem}}.viewport-toolbar{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.1rem;padding:.2rem;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius);box-shadow:var(--shadow-float)}.viewport-toolbar__button{padding:.3rem .55rem;font-size:.75rem;line-height:1;color:var(--colour-ink-muted);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.viewport-toolbar__button:hover{color:var(--colour-ink);background:var(--colour-hover)}.marker-panel{position:absolute;top:.75rem;right:.75rem;width:208px;font-size:.75rem;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius);box-shadow:var(--shadow-float)}.marker-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;border-bottom:1px solid var(--colour-border)}.marker-panel__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marker-panel__close{flex:none;padding:0 .25rem;font-size:1rem;line-height:1;color:var(--colour-ink-faint);background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.marker-panel__close:hover{color:var(--colour-danger)}.marker-panel__field{display:block;padding:.6rem}.marker-panel__label{display:block;margin-bottom:.35rem;color:var(--colour-ink-muted)}.marker-panel__input{width:100%;padding:.35rem .45rem;font:inherit;font-variant-numeric:tabular-nums;color:var(--colour-ink);background:#fff;border:1px solid var(--colour-border-strong);border-radius:var(--radius-sm)}.marker-panel__input:focus-visible{outline:none;border-color:var(--colour-accent);box-shadow:var(--ring)}.marker-panel__hint{margin:0;padding:0 .6rem .55rem;font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--colour-ink-faint)}.configurator__canvas-error{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;margin:0;padding:.55rem .75rem;font-size:.8125rem;color:var(--colour-danger);background:var(--colour-surface);border:1px solid var(--colour-danger);border-radius:var(--radius);box-shadow:var(--shadow-float)}.configurator__canvas-error span{color:var(--colour-ink-muted)}.configurator__layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.25rem;align-items:start}@media (max-width: 1100px){.configurator__layout{grid-template-columns:minmax(0,1fr)}}.configurator__side{display:flex;flex-direction:column;gap:0;min-width:0;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius)}.palette{display:flex;flex-direction:column;gap:0;min-width:0}.configurator__panel-slot{min-width:0}.palette section{padding:1rem 1rem 1.1rem;background:transparent;border:0;border-radius:0}.palette section+section,.layer-panel--docked{border-top:1px solid var(--colour-border)}.palette h2{margin:0 0 .7rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--colour-ink-faint)}.palette__heading{margin:0}.palette__disclosure{display:flex;align-items:center;gap:.4rem;width:100%;padding:0;font:inherit;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--colour-ink-faint);background:none;border:0;cursor:pointer}.palette__disclosure:hover{color:var(--colour-ink)}.palette__chevron{flex:none;transform:rotate(-90deg);transition:transform .14s ease}.palette__chevron[data-open=true]{transform:rotate(0)}.palette__disclosure[aria-expanded=true]{margin-bottom:.7rem}.palette__count{font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}.palette__picker{display:flex;align-items:center;gap:.45rem;margin-bottom:.9rem}.palette__picker-label{flex:none;width:var(--label-column);font-size:.75rem;color:var(--colour-ink-muted)}.palette__select{flex:1;min-width:0;font:inherit;font-size:.8125rem;height:var(--control-height);padding:0 1.6rem 0 .5rem;color:var(--colour-ink);background-color:var(--colour-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%235d6a7a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:11px 11px;border:1px solid var(--colour-border-strong);border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.palette__select:focus-visible{outline:none;border-color:var(--colour-accent);box-shadow:var(--ring)}.palette__picker button{flex:none;height:var(--control-height);padding:0 .85rem;font:inherit;font-size:.8125rem;font-weight:600;color:#fff;background:var(--colour-accent);border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease}.palette__picker button:hover{background:var(--colour-accent-hover)}.palette__picker button:active,.layer-panel__generate:active,#palette-rail-body>button:active{transform:translateY(1px)}.palette__picker button:focus-visible,.layer-panel__generate:focus-visible{outline:none;box-shadow:0 0 0 3px #1a23324d}.palette__facts{display:grid;grid-template-columns:var(--label-column) minmax(0,1fr);gap:.35rem 0;margin:0;font-size:.75rem;font-variant-numeric:tabular-nums}.palette__facts>div{display:contents}.palette__facts dt{color:var(--colour-ink-faint)}.palette__facts dd{margin:0;overflow-wrap:anywhere}.palette__warning{margin:.8rem 0 0;font-size:.75rem;line-height:1.5;color:var(--colour-warn)}.palette__error{margin:0;font-size:.8125rem;line-height:1.5;color:var(--colour-danger)}.palette__empty{margin:0;font-size:.8125rem;line-height:1.55;color:var(--colour-ink-muted)}.palette__empty code{font-size:.9em;color:var(--colour-ink)}.palette__placed{margin:0;padding:0;max-height:46vh;overflow-y:auto;list-style:none}.palette__placed li{display:flex;gap:.55rem;align-items:center;padding:.3rem .3rem .3rem .1rem;font-size:.8125rem;border-radius:var(--radius-sm)}.palette__placed li:hover{background:var(--colour-hover)}.palette__placed-index{flex:none;min-width:1.1rem;font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right;color:var(--colour-ink-faint)}.palette__placed-name{flex:1;min-width:0;overflow-wrap:anywhere}.palette__placed-actions{display:flex;gap:.1rem}.palette__placed-actions button{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;padding:0;font-size:.75rem;line-height:1;color:transparent;background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.palette__placed li:hover .palette__placed-actions button{color:var(--colour-ink-faint)}.palette__placed-actions button:hover{color:var(--colour-accent);background:#fff}.palette__placed-actions button:last-child:hover{color:var(--colour-danger)}.palette__placed-actions button:disabled{cursor:default}.palette__placed li:hover .palette__placed-actions button:disabled{color:#dde2ea}.palette__total{margin:.8rem 0 .7rem;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--colour-ink-faint)}#palette-rail-body>button{padding:.35rem .7rem;font:inherit;font-size:.75rem;color:var(--colour-ink-muted);background:var(--colour-surface);border:1px solid var(--colour-border-strong);border-radius:var(--radius-sm);cursor:pointer}#palette-rail-body>button:hover{color:var(--colour-danger);border-color:var(--colour-danger)}.layer-panel{position:absolute;top:.75rem;left:.75rem;width:232px;max-height:calc(100% - 1.5rem);display:flex;flex-direction:column;font-size:.75rem;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius);box-shadow:var(--shadow-float)}.layer-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1rem .7rem}.layer-panel__title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--colour-ink-faint)}.layer-panel__count{margin-left:.2rem;font-variant-numeric:tabular-nums}.layer-panel__all{font:inherit;font-size:.75rem;color:var(--colour-accent);background:transparent;border:0;padding:0;cursor:pointer}.layer-panel__all:hover{text-decoration:underline}.layer-panel__switch{display:flex;align-items:center;gap:.5rem;padding:.3rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.layer-panel__switch:hover{color:var(--colour-accent)}.layer-panel__switch:focus-within{color:var(--colour-accent);background:var(--colour-hover)}.layer-panel__switch:focus-within input{box-shadow:var(--ring);border-radius:3px}.layer-panel__switch input{margin:0;width:13px;height:13px;accent-color:var(--colour-accent);cursor:pointer}.layer-panel__switch-name{flex:1;min-width:0}.layer-panel__generate{display:block;width:calc(100% - 2rem);margin:.9rem 1rem 1rem;padding:.5rem;font:inherit;font-size:.75rem;font-weight:600;color:#fff;background:var(--colour-accent);border:0;border-radius:var(--radius-sm);cursor:pointer}.layer-panel__generate:hover{background:var(--colour-accent-hover)}.layer-panel__generate:disabled{cursor:progress;transform:none}.layer-panel__generate:disabled[title^="Add a product"]{color:var(--colour-ink-faint);background:var(--colour-surface);box-shadow:inset 0 0 0 1px var(--colour-border-strong);cursor:not-allowed}.layer-panel__list,.layer-panel__parts,.layer-panel__occurrences{list-style:none;margin:0;padding:0}.layer-panel__list{overflow-y:auto;padding:.6rem .7rem .8rem;border-top:1px solid var(--colour-border)}.layer-panel__parts{margin-left:.8rem;padding-left:.55rem;border-left:1px solid var(--colour-border)}.layer-panel__occurrences{margin-left:.9rem;padding-left:.55rem;border-left:1px solid var(--colour-border)}.layer-panel__empty{margin:0;padding:.2rem .3rem .5rem;line-height:1.6;color:var(--colour-ink-muted)}.layer-row{display:flex;align-items:center;gap:.35rem;padding:.1rem .3rem .1rem .1rem;min-height:1.55rem;border-radius:var(--radius-sm)}.layer-row:hover{background:var(--colour-hover)}.layer-row__eye{flex:none;display:inline-flex;align-items:center;padding:.15rem;color:var(--colour-ink-muted);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.layer-row__eye:hover{color:var(--colour-accent)}.layer-row__eye[data-state=hidden]{opacity:.3}.layer-row__eye[data-state=mixed]{color:var(--colour-accent)}.layer-row:has(>.layer-row__eye[data-state=hidden]) .layer-row__name{color:var(--colour-ink-faint)}.layer-row__disclose{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0;font:inherit;text-align:left;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}.layer-row__disclose>[aria-hidden=true]{flex:none;display:inline-flex;align-items:center;justify-content:center;width:.8rem;color:var(--colour-ink-faint)}.layer-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row__name--single{padding-left:.8rem}.layer-row__badge{flex:none;font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--colour-ink-faint)}.layer-row__tris{display:none}.layer-row--product{font-weight:600;margin-top:.3rem}.layer-row--part{font-weight:400}.layer-row--occurrence{color:var(--colour-ink-muted)}.layer-panel--docked{position:static;top:auto;left:auto;width:100%;max-height:60vh;border:0;border-top:1px solid var(--colour-border);border-radius:0;box-shadow:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}