:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f1f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--app-bg:#0f1014;--panel:#111217;--panel-raised:#16171d;--border:#25272f;--border-strong:#343741;--text:#f1f1f2;--text-muted:#8e9099;--text-faint:#787b86;--accent:#7c6cf2;--accent-bright:#a79df8;--accent-soft:#7c6cf224;--danger:#ff6b6b;background:#0f1014;font-family:Inter,SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;inset:0 auto auto 0!important;overflow:hidden!important}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:var(--app-bg);grid-template-rows:56px minmax(0,1fr);height:100dvh;min-height:100vh;display:grid}.app-header{z-index:10;border-bottom:1px solid var(--border);background:#0f1014;justify-content:space-between;align-items:center;min-width:0;padding:0 16px;display:flex;position:relative}.brand-lockup{align-items:center;gap:16px;min-width:0;display:flex}.brand-name{align-items:center;gap:9px;min-width:0;display:flex}.brand-name--button{cursor:pointer;background:0 0;border:0;padding:0}.brand-logo{flex:none;width:28px;height:28px}.brand-mark{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-bright);border:1px solid #7c6cf26b;border-radius:7px;flex:none;place-items:center;display:inline-grid}.brand-lockup h1{color:var(--text);letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:17px;font-weight:650}.brand-lockup h1 span{font-weight:560}.brand-divider{background:var(--border);width:1px;height:24px}.brand-lockup p{color:var(--text-muted);margin:0;font-size:11px;font-weight:500}.projects-back{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 7px;font-size:11px;font-weight:580;display:inline-flex}.projects-back:hover{color:var(--text);background:#17181e}.button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 10px;font-size:11px;font-weight:600;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.button--secondary{border-color:var(--border-strong);color:#d9dde0;background:#111518}.button--secondary:hover{background:#191a20;border-color:#4a4d59}.button--primary{background:var(--accent);color:#fff;border-color:#9386f8}.button--primary:hover:not(:disabled){background:#8979f5;border-color:#aaa0fa}.button--primary:disabled{cursor:not-allowed;opacity:.4}.button--danger{color:#ff8b8b;background:#ff6b6b1f;border-color:#ff6b6b73}.button--danger:hover{background:#ff6b6b2e;border-color:#ff6b6bb8}.dashboard-shell{background:var(--app-bg);min-height:100dvh;overflow:auto}.dashboard-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1014f0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.dashboard-header .brand-name{gap:10px}.dashboard-header .brand-name h1{letter-spacing:-.035em;margin:0 18px 0 0;font-size:17px;font-weight:650}.dashboard-nav-label{color:#dedee3;align-items:center;height:64px;font-size:12px;font-weight:620;display:inline-flex;position:relative}.dashboard-nav-label:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.dashboard-header__actions{align-items:center;gap:10px;display:flex}.dashboard-new-button{min-height:36px;padding-inline:14px}.dashboard-content{width:min(100%,1480px);margin:0 auto;padding:56px 44px 48px}.dashboard-heading{margin-bottom:34px}.dashboard-heading h2{color:var(--text);letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.4vw,30px);font-weight:680}.dashboard-heading p{color:var(--text-muted);margin:8px 0 0;font-size:13px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.project-card,.project-create-card{border:1px solid var(--border-strong);background:#121318;border-radius:10px;min-width:0;transition:border-color .15s,background .15s,transform .15s;overflow:hidden}.project-card{position:relative}.project-card:hover,.project-card:focus-within{background:#15161c;border-color:#555263;transform:translateY(-1px)}.project-card--draft{border-color:#7c6cf27a}.project-card__open{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.project-preview-frame{aspect-ratio:1.45;background:#0b0c10;border:1px solid #2d3038;border-radius:7px;place-items:center;width:calc(100% - 16px);margin:8px 8px 0;display:grid;overflow:hidden}.project-preview-frame svg{filter:saturate(.92);width:calc(100% - 22px);height:calc(100% - 22px)}.project-card__body{gap:11px;width:100%;padding:15px 16px 17px;display:grid}.project-card__title-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;padding-right:24px;display:flex}.project-card__title-row strong{color:#f2f2f4;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:630;overflow:hidden}.draft-label{background:var(--accent-soft);color:var(--accent-bright);border-radius:5px;padding:2px 6px;font-size:9px;font-weight:650}.project-card__meta{min-width:0;color:var(--text-muted);justify-content:space-between;gap:12px;font-size:10px;display:flex}.project-card__updated{color:var(--text-faint);align-items:center;gap:6px;font-size:10px;display:inline-flex}.project-card__menu{position:absolute;bottom:74px;right:10px}.project-card__menu summary{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;place-items:center;list-style:none;display:grid}.project-card__menu summary::-webkit-details-marker{display:none}.project-card__menu summary:hover,.project-card__menu[open] summary{color:var(--text);background:#22242b}.project-card__menu-popover{border:1px solid var(--border-strong);background:#191a20;border-radius:7px;width:132px;padding:5px;position:absolute;bottom:34px;right:0;box-shadow:0 14px 32px #00000057}.project-card__menu-popover button{color:#ff8b8b;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;width:100%;padding:7px 8px;font-size:10px;display:flex}.project-card__menu-popover button:hover{background:#ff6b6b1a}.project-create-card{min-height:300px;color:var(--accent-bright);cursor:pointer;background:0 0;border-style:dashed;place-content:center;gap:13px;display:grid}.project-create-card span{border:1px solid #7c6cf29e;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto;display:grid}.project-create-card strong{font-size:12px;font-weight:620}.project-create-card:hover{border-color:var(--accent);background:var(--accent-soft)}.dashboard-storage-note{border:1px solid var(--border);color:var(--text-muted);background:#111217;border-radius:9px;align-items:flex-start;gap:12px;margin-top:48px;padding:15px 17px;display:flex}.dashboard-storage-note svg{color:var(--accent-bright);flex:none}.dashboard-storage-note strong{color:#d5d5da;font-size:11px;font-weight:620}.dashboard-storage-note p{margin:3px 0 0;font-size:10px;line-height:1.5}.dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000094;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border-strong);background:#17181e;border-radius:10px;width:min(100%,390px);padding:20px;box-shadow:0 24px 80px #0000007a}.confirm-dialog h2{margin:0;font-size:16px;font-weight:650}.confirm-dialog p{color:var(--text-muted);margin:10px 0 20px;font-size:11px;line-height:1.55}.confirm-dialog__actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=760px){.dashboard-header{height:auto;min-height:64px;padding:10px 14px}.dashboard-header .brand-name h1{margin-right:0;font-size:15px}.dashboard-nav-label{display:none}.dashboard-content{padding:34px 16px 32px}.dashboard-heading{margin-bottom:24px}.project-grid{grid-template-columns:1fr}.project-create-card{min-height:170px}.dashboard-storage-note{margin-top:28px}}.design-manager{align-items:center;gap:6px;min-width:0;display:flex}.language-switch{border:1px solid var(--border-strong);background:#111518;border-radius:7px;flex:none;align-items:center;height:30px;padding:2px;display:inline-flex}.language-switch button{min-width:28px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 6px;font-size:9px;font-weight:650}.language-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-bright)}.saved-design-select,.design-name-input{border:1px solid var(--border-strong);color:#dce1e4;background:#111518;border-radius:7px;outline:0;height:32px;font-size:11px}.saved-design-select{width:142px;padding:0 30px 0 10px}.design-name-input{width:190px;padding:0 11px}.saved-design-select:focus,.design-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6cf221}.save-state{min-width:84px;color:var(--text-faint);text-align:right;font-size:9px}.save-state--saved{color:#70b99a}.save-state--error{color:var(--danger)}.button--full{width:100%}.button--add{background:var(--accent-soft);width:100%;color:var(--accent-bright);border-color:#7c6cf273;margin-top:2px}.button--add:hover{border-color:var(--accent);background:#7c6cf236}.button:disabled{cursor:not-allowed;opacity:.42}.button--add:hover:not(:disabled){border-color:var(--accent);background:#7c6cf236}.button--add:disabled:hover{background:var(--accent-soft);border-color:#7c6cf273}.workspace{grid-template-columns:minmax(300px,324px) minmax(0,1fr);min-height:0;display:grid}.mobile-view-switch{display:none}.inspector{border-right:1px solid var(--border);background:var(--panel);scrollbar-color:#3d454b transparent;scrollbar-width:thin;min-width:0;overflow-y:auto}.inspector-section{border-bottom:1px solid var(--border);padding:15px 16px 17px}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.section-heading h2{color:var(--text);letter-spacing:-.015em;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:650;display:inline-flex}.section-heading p{color:var(--text-faint);margin:3px 0 0 24px;font-size:10px;line-height:1.4}.section-heading>span{color:var(--text-faint);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:10px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.field{color:#bac1c7;gap:6px;font-size:11px;font-weight:550;display:grid}.number-input{border:1px solid var(--border-strong);background:#0d1113;border-radius:7px;grid-template-columns:minmax(42px,1fr) auto;align-items:center;min-width:0;height:34px;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.number-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #7c6cf221}.number-input input{width:100%;min-width:0;height:100%;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;outline:0;padding:0 3px 0 8px;font-size:13px}.number-input>span{color:var(--text-muted);padding-right:10px;font-size:12px}.preset-fieldset{border:0;min-width:0;margin:13px 0 0;padding:0}.preset-fieldset legend{color:#bac1c7;margin-bottom:8px;padding:0;font-size:11px;font-weight:550}.wall-swatches{gap:7px;display:flex}.wall-color-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.swatch{cursor:pointer;border:1px solid #ffffff24;border-radius:6px;width:28px;height:28px;position:relative}.more-colors{border:1px solid var(--border-strong);min-height:30px;color:var(--text-muted);cursor:pointer;background:#0d1113;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:600;display:inline-flex}.more-colors:hover,.more-colors.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-bright)}.custom-color-control{grid-template-columns:34px minmax(0,1fr);gap:7px;margin-top:9px;display:grid}.color-picker{border:1px solid var(--border-strong);cursor:pointer;background:#0d1113;border-radius:7px;width:34px;height:34px;display:block;overflow:hidden}.color-picker input{cursor:pointer;border:0;width:46px;height:46px;margin:-7px;padding:0}.hex-field{border:1px solid var(--border-strong);background:#0d1113;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;height:34px;padding:0 9px;display:grid}.hex-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #7c6cf221}.hex-field span{color:var(--text-faint);font-size:9px}.hex-field input{width:100%;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;text-transform:uppercase;background:0 0;border:0;outline:0;padding:0;font-size:11px}.field-error{color:var(--danger);grid-column:1/-1;margin:0;font-size:9px}.swatch:hover:after,.swatch.is-active:after{border:2px solid var(--accent);content:"";border-radius:9px;position:absolute;inset:-4px}.control-caption{color:var(--text-faint);margin:7px 0 0;font-size:10px;line-height:1.45}.fit-guide{border-top:1px solid var(--border);margin-top:14px;padding-top:13px}.fit-guide__heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.fit-guide__heading strong{color:#d7dce0;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.fit-guide__heading span{color:var(--text-faint);font-size:9px}.fit-guide__rows{gap:6px;display:grid}.fit-row{border:1px solid var(--border);background:#0d1113;border-radius:7px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:7px 9px;display:grid}.fit-row strong,.fit-row b{color:#dde2e6;font-variant-numeric:tabular-nums;font-size:10px;font-weight:650}.fit-row span{color:var(--text-muted);font-size:9px}.fit-row b{color:var(--accent-bright);text-align:right}.fit-row small{color:var(--text-faint);font-variant-numeric:tabular-nums;grid-column:2/-1;font-size:8px}.fit-row.is-unavailable{opacity:.5;grid-template-columns:58px minmax(0,1fr)}.product-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.product-family,.face-option,.size-option{border:1px solid var(--border-strong);color:#cbd0d4;cursor:pointer;background:#0d1113;transition:border-color .15s,background .15s,color .15s}.product-family:hover,.face-option:hover,.size-option:hover{border-color:#59636b}.product-family.is-active,.face-option.is-active,.size-option.is-active{border-color:var(--accent);background:var(--accent-soft);color:#eef6ff}.product-family{text-align:left;border-radius:7px;align-items:center;gap:9px;min-width:0;min-height:38px;padding:6px 9px;font-size:11px;display:flex}.product-family>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-swatches{border:1px solid #ffffff2e;border-radius:4px;flex:none;display:flex;overflow:hidden}.product-swatches>span{width:11px;height:18px}.face-options{flex-wrap:wrap;gap:7px;display:flex}.face-option{border-radius:6px;align-items:center;gap:7px;min-height:32px;padding:0 10px;font-size:11px;font-weight:550;display:inline-flex}.face-option>span{border:1px solid #ffffff2e;border-radius:50%;width:13px;height:13px}.size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.size-option{text-align:left;border-radius:7px;grid-template-rows:50px auto;align-content:center;justify-items:stretch;gap:6px;min-width:0;min-height:112px;padding:8px;display:grid}.size-option.is-unavailable{opacity:.58}.size-option[draggable=true]{cursor:grab}.size-option[draggable=true]:active{cursor:grabbing}.board-thumbnail{width:100%;height:50px;display:block;overflow:visible}.size-option__details{justify-items:center;gap:2px;min-width:0;display:grid}.size-option strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:650;overflow:hidden}.size-option__details>span{color:#f5f7fa;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.size-option s{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:9px}.size-option small{color:var(--accent-bright);font-size:8px;font-weight:600}.board-drag-hint{text-align:center}.accessory-library-section{background:#101116}.accessory-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.accessory-product{border:1px solid var(--border);color:#cbd0d4;text-align:left;cursor:pointer;background:#0d1113;border-radius:6px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:58px;padding:6px;transition:border-color .15s,background .15s,color .15s;display:grid}.accessory-product:hover{background:#14161b;border-color:#50535e}.accessory-product.is-active{border-color:var(--accent);background:var(--accent-soft);color:#f0efff}.accessory-product>span{gap:2px;min-width:0;display:grid}.accessory-product strong,.accessory-product small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.accessory-product strong{font-size:10px;font-weight:620}.accessory-product small{color:var(--text-faint);font-size:8px}.accessory-thumbnail{width:26px;height:30px;display:block;overflow:visible}.accessory-detail{border-top:1px solid var(--border);gap:9px;margin-top:10px;padding-top:11px;display:grid}.accessory-detail__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.accessory-detail__heading>div:first-child{gap:3px;min-width:0;display:grid}.accessory-detail__heading strong{color:#e4e6e9;font-size:11px;font-weight:630}.accessory-detail__heading span{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.accessory-price{font-variant-numeric:tabular-nums;flex:none;justify-items:end;gap:2px;display:grid}.accessory-price strong{color:var(--accent-bright);font-size:12px}.accessory-price strong small{color:var(--text-faint);font-size:8px;font-weight:500}.accessory-price s{color:var(--text-faint);font-size:9px}.accessory-set-catalog{border:1px solid var(--border);background:#101116;border-radius:8px;margin-top:10px}.accessory-set-catalog>summary{color:#d9dde0;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:9px 11px;list-style:none;display:flex}.accessory-set-catalog>summary::-webkit-details-marker{display:none}.accessory-set-catalog>summary>span:first-child{gap:2px;min-width:0;display:grid}.accessory-set-catalog>summary strong{font-size:10px;font-weight:620}.accessory-set-catalog>summary small{color:var(--text-faint);font-size:9px}.accessory-set-catalog__count{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-bright);border-radius:6px;flex:none;place-items:center;font-size:9px;font-weight:650;display:inline-grid}.accessory-set-list{gap:5px;padding:0 7px 7px;display:grid}.accessory-set-card{color:inherit;background:#15161b;border:1px solid #0000;border-radius:6px;grid-template-columns:24px minmax(0,1fr) auto 14px;align-items:center;gap:8px;padding:8px;text-decoration:none;display:grid}.accessory-set-card:hover{border-color:var(--border-strong);background:#191a20}.accessory-set-swatch{background:#f0efeb;border:1px solid #ffffff2b;border-radius:6px;width:22px;height:22px}.accessory-set-swatch--black{background:#292a2f}.accessory-set-swatch--multicolour{background:linear-gradient(135deg,#f0efeb 0 33%,#d69ab1 33% 66%,#7a90a9 66%)}.accessory-set-card__copy{gap:2px;min-width:0;display:grid}.accessory-set-card__copy>strong{color:#dce1e4;font-size:9px;font-weight:620}.accessory-set-card__copy>strong small{color:var(--accent-bright);text-transform:uppercase;background:#7c6cf22b;border-radius:4px;margin-left:5px;padding:1px 4px;font-size:7px}.accessory-set-card__copy>small,.accessory-set-card__copy>span{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.accessory-set-card__price{font-variant-numeric:tabular-nums;justify-items:end;gap:1px;display:grid}.accessory-set-card__price strong{color:var(--accent-bright);font-size:10px}.accessory-set-card__price s{color:var(--text-faint);font-size:8px}.accessory-set-note{color:var(--text-faint);margin:0;padding:2px 9px 10px;font-size:8px;line-height:1.45}.accessory-color-options{flex-wrap:wrap;gap:6px;display:flex}.accessory-color{border:1px solid var(--border-strong);color:#bfc3ca;cursor:pointer;background:#0d1113;border-radius:6px;align-items:center;gap:6px;min-height:28px;padding:0 8px;font-size:10px;display:inline-flex}.accessory-color:hover,.accessory-color.is-active{border-color:var(--accent);background:var(--accent-soft)}.accessory-color>span{border:1px solid #ffffff2e;border-radius:50%;width:11px;height:11px}.accessory-measurements{color:var(--text-faint);flex-wrap:wrap;gap:4px 10px;font-size:9px;line-height:1.4;display:flex}.control-caption--warning{color:#d49c69}.selected-accessory-section,.selected-board-section{background:#13141a}.icon-button{border:1px solid var(--border-strong);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:#0d1113;border-radius:7px;flex:none;place-items:center;padding:0;display:inline-grid}.selection-actions{flex:none;gap:6px;display:inline-flex}.icon-button--danger:hover{color:var(--danger);background:#ff6b6b14;border-color:#ff6b6b99}.board-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 11px;display:grid}.board-specs>div{border:1px solid var(--border);background:#0d1113;border-radius:7px;justify-content:space-between;align-items:center;padding:8px;display:flex}.board-specs dt{color:var(--text-faint);font-size:10px}.board-specs dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:12px;font-weight:650}.position-grid{margin-bottom:10px}.product-link{color:var(--text-muted);align-items:center;gap:6px;margin-top:12px;font-size:10px;text-decoration:none;display:inline-flex}.product-link:hover{color:var(--accent-bright)}.summary-section{border-bottom:0}.summary-lines{gap:9px;display:grid}.summary-groups,.summary-group{gap:10px;display:grid}.summary-groups{gap:14px}.summary-group+.summary-group{border-top:1px solid var(--border);padding-top:12px}.summary-group__heading{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:650}.summary-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.summary-line>div{gap:3px;min-width:0;display:grid}.summary-line strong{color:#dde1e4;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.summary-line span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.summary-line>span{color:#e7eaed;flex:none;font-size:12px;font-weight:600}.empty-summary{color:var(--text-faint);margin:0;font-size:11px;line-height:1.6}.summary-total{border-top:1px solid var(--border-strong);justify-content:space-between;align-items:baseline;gap:16px;margin-top:14px;padding-top:12px;display:flex}.summary-total span{color:#d7dce0;font-size:12px;font-weight:600}.summary-total strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:18px;font-weight:620}.summary-total>div{grid-template-columns:auto auto;place-items:baseline end;gap:2px 7px;display:grid}.summary-total small{color:var(--accent-bright);text-transform:uppercase;font-size:8px;font-weight:600}.summary-total s{color:var(--text-faint);font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:9px}.price-note{color:var(--text-faint);gap:4px;margin-top:12px;font-size:9px;line-height:1.45;display:grid}.price-note strong{color:var(--accent-bright);font-weight:550}.transfer-section{border-top:1px solid var(--border);background:#101116;border-bottom:0}.transfer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.transfer-actions .button{width:100%}.transfer-status{min-height:15px;color:var(--text-faint);margin:8px 0 0;font-size:9px;line-height:1.5}.transfer-status--success{color:#70b99a}.transfer-status--error{color:var(--danger)}.canvas-shell{background:#0e0f13;grid-template-rows:minmax(0,1fr) 40px;min-width:0;min-height:0;display:grid;position:relative}.canvas-viewport{background:#0c0d11;min-height:0;position:relative;overflow:hidden}.canvas-scroll-area{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-color:#353740 #0c0d11;scrollbar-width:thin;position:absolute;inset:0;overflow:auto}.canvas-scroll-area.is-pan-ready,.canvas-scroll-area.is-pan-ready *{cursor:grab!important}.canvas-scroll-area.is-panning,.canvas-scroll-area.is-panning *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.canvas-zoom-stage{place-items:center;min-width:100%;min-height:100%;display:grid}.wall-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:40px 26px 22px;display:block}.wall-surface-shadow{opacity:.42;filter:blur(1.2px)}.wall-surface{stroke:#ffffff2e;stroke-width:1px;vector-effect:non-scaling-stroke}.ruler{fill:#9099a1;font-variant-numeric:tabular-nums}.ruler line{stroke:#5c646b;stroke-width:1px}.ruler text{font-weight:500}.pegboard-layer{cursor:grab;outline:none}.pegboard-layer:active{cursor:grabbing}.pegboard-layer:focus-visible .pegboard-body{stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.pegboard-shadow{fill:#000;opacity:.32;filter:blur(.65px);pointer-events:none}.pegboard-body{pointer-events:all}.accessory-layer{cursor:grab;outline:none}.accessory-layer:active{cursor:grabbing}.accessory-hitbox{fill:#0000;pointer-events:all}.accessory-shadow{opacity:.18;filter:blur(.35px)brightness(.15);pointer-events:none}.accessory-layer:focus-visible .accessory-hitbox{fill:#7c6cf21a;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.accessory-selection{pointer-events:none}.elastic-endpoint-target{cursor:crosshair}.elastic-endpoint-hit{fill:#0000;pointer-events:all}.elastic-endpoint-handle{fill:#11161a;stroke:var(--accent-bright);stroke-width:2px;pointer-events:none}.elastic-endpoint-target:hover .elastic-endpoint-handle{fill:#7c6cf26b}.mount-guide{pointer-events:none}.mount-guide-slot{fill:#0a0d1085;stroke-width:1.25px}.mount-guide-slot.is-available{stroke:#67cfa6;opacity:.58}.mount-guide-slot.is-current{fill:#7c6cf23d;stroke:var(--accent-bright);stroke-width:2px;opacity:1}.mount-guide-slot.is-occupied{fill:#d49c692e;stroke:#d49c69;opacity:.9}.mounting-cap circle:first-child{stroke-width:.11px}.selection-overlay{pointer-events:none}.canvas-empty{fill:#676c6d}.canvas-empty text:first-child{font-weight:650}.canvas-readout{z-index:2;border:1px solid var(--border);pointer-events:none;background:#0f1014eb;border-radius:7px;gap:3px;padding:8px 10px;display:grid;position:absolute;top:16px}.canvas-readout--left{left:18px}.canvas-readout--right{text-align:right;right:18px}.canvas-readout span{color:var(--text-faint);letter-spacing:.03em;font-size:8px}.canvas-readout strong{color:#dce1e4;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.mount-guide-legend{z-index:3;border:1px solid var(--border);color:var(--text-muted);pointer-events:none;background:#0f1014f0;border-radius:7px;align-items:center;gap:12px;padding:7px 10px;font-size:9px;line-height:1;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.mount-guide-legend strong{color:#dce1e4;font-weight:600}.mount-guide-legend span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.mount-guide-legend i{border:1.5px solid;border-radius:999px;width:7px;height:7px}.mount-guide-legend i.is-available{border-color:#67cfa6}.mount-guide-legend i.is-current{border-color:var(--accent-bright);background:#7c6cf247}.mount-guide-legend i.is-occupied{background:#d49c692e;border-color:#d49c69}.status-bar{border-top:1px solid var(--border);color:var(--text-muted);background:#0f1014;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-size:10px;display:flex}.status-bar span{align-items:center;gap:9px;display:inline-flex}.status-bar .keyboard-hint{color:var(--text-faint);margin-left:auto}.placement-status.is-warning{color:#d49c69}.zoom-controls{align-items:center;gap:5px;display:flex}.zoom-controls button{border:1px solid var(--border-strong);color:#bac2c8;cursor:pointer;background:#111518;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;display:inline-grid}.zoom-controls button:hover:not(:disabled){color:var(--text);background:#191a20;border-color:#4a4d59}.zoom-controls button:disabled{cursor:not-allowed;opacity:.35}.zoom-controls .zoom-value{color:#dce1e4;font-variant-numeric:tabular-nums;text-align:center;width:48px;min-width:48px;font-size:11px}.zoom-controls button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-bright);border-color:#7c6cf294}.zoom-controls .zoom-fit{gap:6px;width:auto;padding:0 9px;font-size:10px;display:inline-flex}.toolbar-divider{background:var(--border-strong);width:1px;height:18px;margin:0 2px}.screenshot-source{z-index:-1;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:-100vw;overflow:hidden}.screenshot-source svg{width:1px;height:1px;display:block}.canvas-toast{z-index:5;color:#91d3b7;background:#12231df5;border:1px solid #70b99a6b;border-radius:7px;max-width:min(300px,100% - 36px);padding:9px 12px;font-size:11px;position:absolute;bottom:56px;right:18px;box-shadow:0 12px 34px #00000061}.canvas-toast--error{color:#ff9a9a;background:#2a1618f5;border-color:#ff6b6b6b}.unit-label{border-left:1px solid var(--border);color:var(--text-muted);margin-left:5px;padding-left:10px;font-size:10px}@media (width<=980px){body{overflow:auto}.app-shell{grid-template-rows:56px auto;height:auto;min-height:100vh}.workspace{grid-template-columns:1fr}.mobile-view-switch{z-index:8;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1014f5;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:6px;display:grid;position:sticky;top:0}.mobile-view-switch button{min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.mobile-view-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-bright);border-color:#7c6cf26b}.mobile-view--canvas .inspector,.mobile-view--settings .canvas-shell{display:none}.inspector{border-right:0;max-height:none;overflow:visible}.canvas-shell{border-top:1px solid var(--border);min-height:calc(100dvh - 100px)}}@media (width<=1120px){.brand-divider,.brand-lockup p,.save-state{display:none}.saved-design-select{width:122px}.design-name-input{width:150px}}@media (width<=780px){.app-shell{grid-template-rows:112px auto}.app-header{align-content:center;gap:8px;height:112px;padding:9px 15px;display:grid}.brand-lockup{justify-content:space-between;gap:10px;width:100%}.brand-lockup h1{font-size:16px}.brand-lockup h1 span,.brand-divider,.brand-lockup p{display:none}.app-header .button{min-height:34px;padding:0 10px;font-size:11px}.design-manager{grid-template-columns:minmax(82px,1fr) auto auto auto;grid-template-areas:"name save export language";gap:6px;width:100%;display:grid}.design-name-input{grid-area:name;width:auto;min-width:0}.design-manager .button--primary{grid-area:save}.design-manager .header-export{grid-area:export}.design-manager .language-switch{grid-area:language;justify-self:end}.design-manager .button{flex:none}.reset-label{display:none}.inspector-section{padding-inline:16px}.product-family-grid{grid-template-columns:1fr}.size-options{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-shell{min-height:calc(100dvh - 156px)}.wall-canvas{min-height:540px;padding:56px 8px 20px}.canvas-readout{top:12px}.canvas-readout--left{left:12px}.canvas-readout--right{right:12px}.status-bar{padding-inline:16px}.status-bar span:last-child{display:inline-flex}.status-bar .keyboard-hint,.zoom-controls .zoom-fit,.zoom-controls .unit-label{display:none}}@media (width<=480px){.status-bar{justify-content:flex-end;padding-inline:8px;position:relative}.placement-status:not(.is-warning){display:none}.placement-status.is-warning{background:#251c15f5;border:1px solid #d49c6961;border-radius:6px;max-width:calc(100vw - 24px);padding:7px 9px;position:absolute;bottom:48px;left:12px;box-shadow:0 10px 28px #00000057}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}