:root{--bg-panel: rgba(18, 18, 18, .82);--border-panel: 1px solid rgba(255, 255, 255, .18);--radius-panel: 8px;--shadow-panel: 0 6px 18px rgba(0, 0, 0, .35);--color-text: #eeeeee;--font-size-base: 13px;--z-index-panel: 1000;--panel-bg-top: rgba(30, 38, 50, .96);--panel-bg-bottom: rgba(22, 28, 38, .96);--panel-border: rgba(160, 176, 200, .32);--panel-shadow: 0 16px 38px rgba(0, 0, 0, .38);--card-bg-top: rgba(38, 47, 60, .94);--card-bg-bottom: rgba(26, 33, 44, .94);--card-border: rgba(132, 150, 175, .26);--card-hover-top: rgba(48, 59, 75, .98);--card-hover-bottom: rgba(32, 40, 53, .98);--card-hover-border: rgba(170, 190, 215, .38);--card-active-top: rgba(62, 70, 82, .98);--card-active-bottom: rgba(44, 50, 60, .98);--card-active-border: rgba(192, 204, 220, .35);--accent: #b8c0cc;--accent-light: #d6dde7;--accent-dark: #909cad;--accent-soft: rgba(184, 192, 204, .14);--accent-mid: rgba(184, 192, 204, .3);--accent-border: rgba(184, 192, 204, .28);--accent-border-strong: rgba(184, 192, 204, .55);--accent-glow: rgba(184, 192, 204, .45);--text-main: #f8fafc;--text-sub: rgba(203, 213, 225, .66);--text-sub-strong: rgba(203, 213, 225, .82);--accent-text: #e2e8f0;--accent-sub-text: rgba(220, 228, 238, .92);--state-bg: rgba(9, 14, 23, .52);--state-active-bg: rgba(58, 66, 78, .72);--state-border: rgba(255, 255, 255, .09);--state-dot: rgba(148, 163, 184, .86);--spot-white: rgba(226, 232, 240, .88);--spot-dot: rgba(226, 232, 240, .95);--spot-dash: rgba(148, 163, 184, .32)}.base-panel{position:absolute;z-index:var(--z-index-panel);padding:8px;background:var(--bg-panel);border:var(--border-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--color-text);font-size:var(--font-size-base);font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none;box-sizing:border-box}.property-panel{display:flex;align-items:center;gap:7px;height:50px;padding:7px 8px;border-radius:13px;background:linear-gradient(180deg,var(--panel-bg-top),var(--panel-bg-bottom));border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-main);font-family:inherit;-webkit-user-select:none;user-select:none;box-sizing:border-box}.product-property-panel{display:none;flex-direction:column;align-items:stretch;gap:0;width:280px;max-width:calc(100vw - 32px);height:auto;min-height:0;padding:14px;border:1px solid rgba(132,151,178,.34);border-radius:14px;background:linear-gradient(180deg,var(--panel-bg-top),var(--panel-bg-bottom));box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box}.product-property-row{width:100%;min-width:0;box-sizing:border-box}.product-property-top-row{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%;min-width:0}.product-property-top-row>.property-divider{display:none}.product-transform-mode-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;width:100%;min-width:0;padding:2px 4px 12px;border-bottom:1px solid rgba(145,160,180,.18);box-sizing:border-box}.product-transform-mode-option{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;color:#dce4efc2;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.product-transform-mode-option:hover{color:#fff}.product-transform-mode-option input{flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:#91b7e8;cursor:pointer}.product-transform-mode-option span{min-width:0;color:inherit;font-size:12px;font-weight:800;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-transform-mode-option:has(input:checked){color:#fff}.product-transform-field-container{width:100%;min-width:0}.product-transform-field-group{display:flex;flex-direction:column;align-items:stretch;gap:9px;width:100%;min-width:0}.product-transform-field-group .property-field{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%!important;min-width:0;height:38px;padding:0 11px;border-radius:9px;background:#070c148f}.product-transform-field-group .property-field:hover{background:#0b111bbd}.product-transform-field-group .property-field:focus-within{background:#121b29e6}.product-transform-field-group .property-field-label{width:auto;min-width:0;color:#d7e1efeb;font-size:11px;font-weight:900;text-align:left}.product-transform-field-group .property-field-input{width:100%;min-width:0;font-size:13px;font-weight:800;text-align:right}.product-transform-field-group .property-field-unit{margin-left:0;font-size:9px}.product-property-bottom-row,.product-toggle-group,.product-property-spacer,.product-action-group{display:none!important}@media(max-width:620px){.product-property-panel{width:calc(100vw - 24px)}}.property-divider{flex:0 0 auto;width:1px;height:28px;margin:0 2px;background:#96a5b93d}.property-field{display:flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:6px;width:var(--property-field-width, 86px);height:36px;padding:0 10px;border:1px solid rgba(145,160,180,.24);border-radius:10px;background:#090e178f;box-sizing:border-box;box-shadow:inset 0 1px #ffffff0a;line-height:1;white-space:nowrap;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.property-field:hover{background:#101722b8;border-color:#a5b4ca57}.property-field:focus-within{background:#18202ce0;border-color:#91b7e8ad;box-shadow:0 0 0 2px #91b7e81a}.property-field-label{display:block;flex:0 0 auto;color:#d7e0ece6;font-size:9px;font-weight:900;line-height:1;white-space:nowrap}.property-field-input{display:block;flex:1 1 auto;min-width:0;width:100%;height:24px;padding:0;margin:0;border:0;outline:none;background:transparent;color:#fff;font-size:11px;font-weight:800;line-height:24px;text-align:right;overflow:hidden;text-overflow:clip;white-space:nowrap;box-sizing:border-box}.property-field-input::-webkit-inner-spin-button,.property-field-input::-webkit-outer-spin-button{appearance:none;margin:0}.property-field-input[type=number]{appearance:textfield;-moz-appearance:textfield}.property-field-unit{display:block;flex:0 0 auto;margin-left:2px;color:#becadbad;font-size:8px;font-weight:800;line-height:1;white-space:nowrap;pointer-events:none}.property-field[data-disabled="1"]{opacity:.55;pointer-events:none}.property-panel .type-button{display:flex;align-items:center;justify-content:center;position:relative;gap:7px;height:34px;padding:0 10px;border-radius:11px;border:1px solid var(--card-border);background:linear-gradient(180deg,var(--card-bg-top),var(--card-bg-bottom));color:var(--text-sub-strong);font-size:11px;font-weight:900;font-family:inherit;white-space:nowrap;cursor:pointer;outline:none;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 1px #ffffff0f;transition:background .16s ease,border .16s ease,box-shadow .16s ease,color .16s ease,transform .08s ease}.property-panel .type-button:active{transform:translateY(1px)}.property-panel .type-button:hover:not([data-active="1"]){background:linear-gradient(180deg,var(--card-hover-top),var(--card-hover-bottom));border:1px solid var(--card-hover-border);color:#fff;box-shadow:inset 0 1px #ffffff14,0 7px 18px #0003}.property-panel .type-button[data-active="1"]{background:linear-gradient(180deg,var(--card-active-top),var(--card-active-bottom));color:#fff;border:1px solid var(--card-active-border);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px var(--accent-soft),0 0 20px var(--accent-soft)}.property-panel .type-button .type-accent{position:absolute;left:0;top:6px;bottom:6px;width:0;border-radius:0 999px 999px 0;background:linear-gradient(180deg,var(--accent-light),var(--accent-dark));box-shadow:0 0 13px var(--accent-border-strong);opacity:0;transition:width .16s ease,opacity .16s ease}.property-panel .type-button[data-active="1"] .type-accent{width:4px;opacity:1}.property-panel .type-label{position:relative;z-index:1}.property-panel .type-icon{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;flex:0 0 auto;width:15px;height:15px;color:currentColor;font-weight:900}.property-panel .type-icon.normal{border:2px solid currentColor;border-radius:2px;box-sizing:border-box}.property-panel .type-icon.partition{font-size:22px;line-height:11px;font-weight:900;transform:translateY(-1px)}.property-panel .type-icon.curve{font-size:20px;line-height:11px;font-weight:900;transform:translateY(2px)}.property-panel .type-icon.floor{font-size:20px;line-height:11px;transform:translateY(4px)}.property-panel .type-icon.ceiling{font-size:20px;line-height:11px;transform:translateY(-4px)}.property-panel .type-icon.both{font-size:16px;line-height:11px;transform:translateY(-1px)}.property-panel .type-icon.door{font-size:18px;line-height:11px;transform:translateY(-1px)}.property-panel .type-icon.window{font-size:15px;line-height:11px}.property-dropdown{display:flex;align-items:center;position:relative;flex:0 0 auto;gap:5px;width:var(--property-dropdown-width, 128px);height:34px;padding:0 8px;border-radius:11px;border:1px solid rgba(145,160,180,.24);background:#090e1785;box-sizing:border-box;box-shadow:inset 0 1px #ffffff0a;line-height:1;white-space:nowrap;transition:background .16s ease,border .16s ease,box-shadow .16s ease}.property-dropdown[data-open="1"],.property-dropdown:focus-within{background:#18202cd1;border-color:#b8c0cc8c;box-shadow:0 0 0 2px #b8c0cc1f}.property-dropdown-label{flex:0 0 auto;color:#cbd5e1d1;font-size:9px;font-weight:900;line-height:1;white-space:nowrap}.property-dropdown-button{flex:1 1 auto;min-width:0;height:24px;padding:0 22px 0 4px;border:0;outline:none;background:transparent;color:#fff;font-size:11px;font-weight:900;font-family:inherit;line-height:24px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;box-sizing:border-box}.property-dropdown-arrow{position:absolute;right:8px;top:50%;display:flex;align-items:center;justify-content:center;width:15px;height:15px;transform:translateY(-50%) rotate(0);opacity:.82;pointer-events:none;transition:transform .16s ease,opacity .16s ease}.property-dropdown[data-open="1"] .property-dropdown-arrow{transform:translateY(-50%) rotate(180deg);opacity:1}.property-dropdown-menu{position:absolute;left:8px;right:8px;top:calc(100% + 5px);display:none;padding:3px;border-radius:9px;border:1px solid rgba(160,176,200,.28);background:linear-gradient(180deg,#1c2430fa,#101620fa);box-shadow:0 10px 23px #00000061;z-index:9999;box-sizing:border-box}.property-dropdown[data-open="1"] .property-dropdown-menu{display:block}.property-dropdown-option{width:100%;height:25px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--text-main);font-size:11px;font-weight:900;font-family:inherit;text-align:left;cursor:pointer;box-sizing:border-box}.property-dropdown-option:hover{background:#b8c0cc24}.property-dropdown-option[data-active="1"]{background:#b8c0cc38}.property-dropdown[data-disabled="1"]{opacity:.55;pointer-events:none}.select-property-panel{display:flex;align-items:stretch;gap:0;padding:0;border-radius:13px;overflow:hidden;background:linear-gradient(180deg,var(--panel-bg-top),var(--panel-bg-bottom));border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-main);font-family:inherit;-webkit-user-select:none;user-select:none;box-sizing:border-box}.select-property-panel .header{display:flex;align-items:center;gap:8px;width:108px;padding:10px 11px;background:#0a101a61;border-right:1px solid rgba(150,165,185,.28);box-sizing:border-box}.select-property-panel .header-icon-wrap{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:23px;height:23px;border-radius:7px;border:1px dashed rgba(226,232,240,.48);background:#0f172a52;box-sizing:border-box}.select-property-panel .header-icon{color:var(--text-main);font-size:15px;font-weight:800;line-height:1;transform:translate(1px,1px)}.select-property-panel .header-text-wrap{display:flex;flex-direction:column;justify-content:center;min-width:0}.select-property-panel .header-title{color:#fff;font-size:12px;font-weight:900;line-height:1.15;letter-spacing:-.4px;white-space:nowrap}.select-property-panel .header-desc{margin-top:3px;color:#cbd5e1ad;font-size:8px;font-weight:700;line-height:1.2;white-space:nowrap}.select-property-panel .body{display:flex;align-items:center;gap:7px;padding:6px 7px;box-sizing:border-box}.select-property-panel .tool-card{display:flex;align-items:center;position:relative;gap:8px;width:254px;height:43px;padding:0 10px;border-radius:11px;border:1px solid var(--card-border);background:linear-gradient(180deg,var(--card-bg-top),var(--card-bg-bottom));color:var(--text-main);font-family:inherit;text-align:left;cursor:pointer;outline:none;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 1px #ffffff0f;transition:background .16s ease,border .16s ease,box-shadow .16s ease,transform .08s ease}.select-property-panel .tool-card:hover:not([data-active="1"]){background:linear-gradient(180deg,var(--card-hover-top),var(--card-hover-bottom));border:1px solid var(--card-hover-border);box-shadow:inset 0 1px #ffffff14,0 7px 18px #0003}.select-property-panel .tool-card:active{transform:translateY(1px)}.select-property-panel .tool-card[data-active="1"]{background:linear-gradient(180deg,var(--card-active-top),var(--card-active-bottom));border:1px solid var(--card-active-border);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px var(--accent-soft),0 0 20px var(--accent-soft)}.select-property-panel .tool-card .tool-accent{position:absolute;left:0;top:7px;bottom:7px;width:0;border-radius:0 999px 999px 0;background:linear-gradient(180deg,var(--accent-light),var(--accent-dark));box-shadow:0 0 13px var(--accent-border-strong);opacity:0;transition:width .16s ease,opacity .16s ease}.select-property-panel .tool-card[data-active="1"] .tool-accent{width:4px;opacity:1}.select-property-panel .tool-card .spot-icon{display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle,#ffffff14,#ffffff05 58%,#fff0 60%);border:1px solid rgba(255,255,255,.08);box-sizing:border-box;transition:background .16s ease,border .16s ease,box-shadow .16s ease}.select-property-panel .tool-card[data-active="1"] .spot-icon{background:radial-gradient(circle,var(--accent-mid),rgba(77,163,255,.16) 54%,rgba(77,163,255,.04) 62%);border:1px solid var(--accent-mid);box-shadow:0 0 15px var(--accent-soft)}.select-property-panel .tool-card .spot-icon-dashed{position:absolute;inset:-4px;border-radius:50%;border:1px dashed var(--spot-dash);transition:border .16s ease,opacity .16s ease}.select-property-panel .tool-card[data-active="1"] .spot-icon-dashed{border:1px dashed var(--accent-border-strong);opacity:1}.select-property-panel .tool-card .spot-icon-ring{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:2px solid var(--spot-white);box-sizing:border-box;transition:border .16s ease,box-shadow .16s ease}.select-property-panel .tool-card[data-active="1"] .spot-icon-ring{border:2px solid rgba(77,163,255,.92);box-shadow:0 0 10px var(--accent-mid)}.select-property-panel .tool-card .spot-icon-dot{width:4px;height:4px;border-radius:50%;background:var(--spot-dot);transition:background .16s ease,box-shadow .16s ease}.select-property-panel .tool-card[data-active="1"] .spot-icon-dot{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.select-property-panel .tool-card .text-wrap{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;min-width:0}.select-property-panel .tool-card .tool-title{color:#fff;font-size:13px;font-weight:900;line-height:1.15;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-property-panel .tool-card .tool-desc{margin-top:3px;color:var(--text-sub);font-size:9px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-property-panel .tool-card[data-active="1"] .tool-desc{color:var(--accent-sub-text)}.select-property-panel .tool-card .tool-state{display:flex;align-items:center;justify-content:center;flex:0 0 auto;gap:5px;min-width:44px;height:21px;padding:0 7px;border-radius:999px;border:1px solid var(--state-border);background:var(--state-bg);color:var(--text-sub-strong);font-size:9px;font-weight:900;box-sizing:border-box;box-shadow:inset 0 1px #ffffff0a;transition:background .16s ease,color .16s ease,border .16s ease,box-shadow .16s ease}.select-property-panel .tool-card[data-active="1"] .tool-state{color:var(--accent-text);background:var(--state-active-bg);border:1px solid var(--accent-border);box-shadow:inset 0 1px #ffffff14,0 0 11px var(--accent-soft)}.select-property-panel .tool-card .tool-state-dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--state-dot);box-shadow:none;transition:background .16s ease,box-shadow .16s ease}.select-property-panel .tool-card[data-active="1"] .tool-state-dot{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.toolbar-panel{display:flex;flex-direction:column;gap:4px}.toolbar-panel button{width:72px;height:34px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#eee;font-size:13px;cursor:pointer;transition:background .16s ease,border .16s ease,color .16s ease}.toolbar-panel button:hover:not([data-active="1"]){background:#ffffff29}.toolbar-panel button[data-active="1"]{background:#5096fff2;border:1px solid rgba(160,205,255,.95);color:#fff}.command-bar{display:flex;align-items:center;gap:6px;padding:8px 10px}.command-bar button{min-width:64px;height:34px;padding:0 12px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s ease,border .16s ease}.command-bar button:hover{background:#ffffff29}.command-bar button.primary{border:1px solid rgba(160,205,255,.95);background:#5096fff2}.command-bar button.primary:hover{background:#64aafff2}.command-bar .separator{width:1px;height:24px;margin:0 4px;background:#ffffff2e}.sun-panel{width:220px}.sun-panel .sun-title{margin-bottom:8px;font-weight:600}.sun-panel .sun-label{margin-bottom:6px}.sun-panel input[type=range]{width:100%}.dialog-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998}.dialog-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);min-width:340px;padding:16px;z-index:9999}.dialog-panel .dialog-title{margin-bottom:12px;font-size:16px;font-weight:600}.dialog-panel .dialog-message{margin-bottom:16px;line-height:1.5}.dialog-panel .dialog-buttons{display:flex;justify-content:flex-end;gap:8px}.dialog-panel button{min-width:80px;height:34px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer;transition:background .16s ease,border .16s ease}.dialog-panel button:hover{background:#ffffff29}.dialog-panel button.primary{border:1px solid rgba(160,205,255,.95);background:#5096fff2}.dialog-panel button.primary:hover{background:#64aafff2}:root{--product-ui-scale: .9;--product-panel-width: calc(720px * var(--product-ui-scale));--product-panel-height: calc(860px * var(--product-ui-scale));--product-header-height: calc(54px * var(--product-ui-scale));--product-status-height: calc(48px * var(--product-ui-scale));--product-category-width: calc(160px * var(--product-ui-scale));--product-preview-height: calc(138px * var(--product-ui-scale));--product-panel-radius: calc(10px * var(--product-ui-scale));--product-grid-padding: calc(10px * var(--product-ui-scale));--product-grid-gap-small: calc(6px * var(--product-ui-scale));--product-grid-gap-medium: calc(8px * var(--product-ui-scale));--product-grid-gap-large: calc(10px * var(--product-ui-scale));--product-card-radius: calc(7px * var(--product-ui-scale));--product-card-image-padding: calc(8px * var(--product-ui-scale));--product-card-content-min-height: calc(36px * var(--product-ui-scale));--product-card-content-padding-x: calc(9px * var(--product-ui-scale));--product-card-content-padding-y: calc(8px * var(--product-ui-scale));--product-card-name-font-size: calc(12px * var(--product-ui-scale));--product-card-favorite-size: calc(24px * var(--product-ui-scale));--product-card-favorite-offset: calc(5px * var(--product-ui-scale));--product-card-favorite-font-size: calc(15px * var(--product-ui-scale));--product-preview-thumbnail-size: calc(86px * var(--product-ui-scale));--product-preview-button-width: calc(88px * var(--product-ui-scale));--product-preview-button-height: calc(36px * var(--product-ui-scale));--product-preview-header-font-size: calc(11px * var(--product-ui-scale));--product-preview-name-font-size: calc(14px * var(--product-ui-scale));--product-preview-detail-font-size: calc(11px * var(--product-ui-scale));--product-preview-description-font-size: calc(10px * var(--product-ui-scale));--product-search-height: calc(40px * var(--product-ui-scale));--product-tab-height: calc(34px * var(--product-ui-scale));--product-tab-button-height: calc(28px * var(--product-ui-scale));--product-search-font-size: calc(13px * var(--product-ui-scale));--product-search-icon-size: calc(18px * var(--product-ui-scale));--product-search-clear-size: calc(26px * var(--product-ui-scale));--product-tab-font-size: calc(11px * var(--product-ui-scale));--product-category-tree-padding-x: calc(8px * var(--product-ui-scale));--product-category-tree-padding-y: calc(10px * var(--product-ui-scale));--product-category-item-height: calc(36px * var(--product-ui-scale));--product-category-font-size: calc(12px * var(--product-ui-scale));--product-category-count-font-size: calc(10px * var(--product-ui-scale));--product-category-expand-size: calc(16px * var(--product-ui-scale));--product-status-font-size: calc(11px * var(--product-ui-scale));--product-status-option-height: calc(30px * var(--product-ui-scale));--product-status-button-height: calc(28px * var(--product-ui-scale))}.product-panel{width:min(var(--product-panel-width),calc(100vw - 140px));height:min(var(--product-panel-height),calc(100vh - 40px));display:flex;flex-direction:column;overflow:hidden;color:var(--ui-text-color, #f2f2f2);background:var(--ui-panel-background, rgba(29, 29, 29, .97));border:1px solid var(--ui-border-color, rgba(255, 255, 255, .16));border-radius:var(--product-panel-radius);box-shadow:0 12px 36px #0000006b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:120}.product-panel[data-loading="1"]{cursor:wait}.product-panel-header{min-height:var(--product-header-height);flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--product-ui-scale));padding:calc(9px * var(--product-ui-scale)) calc(10px * var(--product-ui-scale)) calc(9px * var(--product-ui-scale)) calc(14px * var(--product-ui-scale));background:var(--ui-panel-header-background, #252525);border-bottom:1px solid var(--ui-border-color, rgba(255, 255, 255, .12))}.product-panel-title-area{min-width:0;display:flex;flex-direction:column;gap:calc(2px * var(--product-ui-scale))}.product-panel-title{overflow:hidden;color:var(--ui-title-color, #ffffff);font-size:calc(14px * var(--product-ui-scale));font-weight:700;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.product-panel-description{overflow:hidden;color:var(--ui-muted-text-color, #9a9a9a);font-size:calc(10px * var(--product-ui-scale));font-weight:400;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.product-panel-close-button{width:calc(30px * var(--product-ui-scale));height:calc(30px * var(--product-ui-scale));flex:0 0 calc(30px * var(--product-ui-scale));display:flex;align-items:center;justify-content:center;padding:0;color:var(--ui-text-color, #e7e7e7);background:transparent;border:1px solid transparent;border-radius:calc(5px * var(--product-ui-scale));font-family:inherit;font-size:calc(20px * var(--product-ui-scale));font-weight:300;line-height:1;cursor:pointer}.product-panel-close-button:hover{background:var(--ui-hover-background, rgba(255, 255, 255, .08));border-color:var(--ui-border-color, rgba(255, 255, 255, .12))}.product-panel-close-button:active{background:var(--ui-active-background, rgba(255, 255, 255, .14))}.product-panel-search-section{flex:0 0 auto;display:flex;flex-direction:column;gap:calc(7px * var(--product-ui-scale));padding:calc(8px * var(--product-ui-scale)) calc(10px * var(--product-ui-scale));background:var(--ui-panel-background, #202020);border-bottom:1px solid var(--ui-border-color, rgba(255, 255, 255, .1))}.product-panel-content{min-width:0;min-height:0;flex:1 1 auto;display:grid;grid-template-columns:var(--product-category-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--product-preview-height);grid-template-areas:"category products" "preview preview";overflow:hidden}.product-panel-category-section{grid-area:category;min-width:0;min-height:0;overflow:hidden;background:var(--ui-panel-secondary-background, #1b1b1b);border-right:1px solid var(--ui-border-color, rgba(255, 255, 255, .1))}.product-panel-product-section{grid-area:products;min-width:0;min-height:0;overflow:hidden;background:var(--ui-panel-background, #202020)}.product-panel-preview-section{grid-area:preview;min-width:0;min-height:0;overflow:hidden;background:var(--ui-panel-secondary-background, #1b1b1b);border-top:1px solid var(--ui-border-color, rgba(255, 255, 255, .1))}.product-panel button,.product-panel input{font-family:inherit}.product-panel button:focus-visible{outline:2px solid var(--ui-accent-color, #2589ff);outline-offset:1px}.product-panel input:not(.product-search-input):focus-visible{outline:2px solid var(--ui-accent-color, #2589ff);outline-offset:1px}.product-panel button:disabled,.product-panel input:disabled{cursor:default;opacity:.5}@media(max-width:1050px){.product-panel{width:min(calc(660px * var(--product-ui-scale)),calc(100vw - 120px))}.product-panel-content{grid-template-columns:calc(145px * var(--product-ui-scale)) minmax(0,1fr)}}@media(max-height:820px){.product-panel{height:calc(100vh - 32px)}}.product-search-bar{height:var(--product-search-height);display:flex;align-items:center;gap:calc(9px * var(--product-ui-scale));padding:0 calc(11px * var(--product-ui-scale));background:var(--ui-input-background, #161616);border:1px solid var(--ui-input-border-color, rgba(255, 255, 255, .14));border-radius:calc(6px * var(--product-ui-scale))}.product-search-bar:focus-within{border-color:var(--ui-accent-color, #2589ff);box-shadow:0 0 0 1px var(--ui-accent-color, #2589ff)}.product-search-icon{flex:0 0 auto;color:var(--ui-muted-text-color, #939393);font-size:var(--product-search-icon-size);line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.product-search-input{min-width:0;height:100%;flex:1 1 auto;padding:0;color:var(--ui-input-text-color, #eeeeee);background:transparent;border:0;outline:0;font-size:var(--product-search-font-size)}.product-search-input:focus,.product-search-input:focus-visible{outline:none;box-shadow:none}.product-search-input::placeholder{color:var(--ui-placeholder-color, #737373)}.product-search-input::-webkit-search-cancel-button{display:none}.product-search-clear{width:var(--product-search-clear-size);height:var(--product-search-clear-size);flex:0 0 var(--product-search-clear-size);display:flex;align-items:center;justify-content:center;padding:0;color:var(--ui-muted-text-color, #a5a5a5);background:transparent;border:0;border-radius:calc(4px * var(--product-ui-scale));font-size:var(--product-search-icon-size);line-height:1;cursor:pointer}.product-search-clear:hover{color:var(--ui-text-color, #ffffff);background:var(--ui-hover-background, rgba(255, 255, 255, .08))}.product-view-tabs{height:var(--product-tab-height);display:flex;align-items:center;gap:calc(3px * var(--product-ui-scale));padding:calc(3px * var(--product-ui-scale));background:var(--ui-segment-background, #181818);border:1px solid var(--ui-border-color, rgba(255, 255, 255, .1));border-radius:calc(6px * var(--product-ui-scale))}.product-view-tab{height:var(--product-tab-button-height);flex:1 1 0;padding:0 calc(11px * var(--product-ui-scale));color:var(--ui-muted-text-color, #a6a6a6);background:transparent;border:0;border-radius:calc(4px * var(--product-ui-scale));font-size:var(--product-tab-font-size);font-weight:500;white-space:nowrap;cursor:pointer}.product-view-tab:hover{color:var(--ui-text-color, #f0f0f0);background:var(--ui-hover-background, rgba(255, 255, 255, .06))}.product-view-tab[data-active="1"]{color:var(--ui-accent-text-color, #ffffff);background:var(--ui-accent-color, #2589ff);box-shadow:0 1px 3px #0000003d}.product-category-tree{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--product-category-tree-padding-y) var(--product-category-tree-padding-x);box-sizing:border-box}.product-category-row{width:100%}.product-category-button{width:100%;min-height:var(--product-category-item-height);display:flex;align-items:center;gap:calc(5px * var(--product-ui-scale));padding-top:0;padding-right:calc(9px * var(--product-ui-scale));padding-bottom:0;color:var(--ui-muted-text-color, #b1b1b1);background:transparent;border:0;border-radius:calc(5px * var(--product-ui-scale));text-align:left;cursor:pointer}.product-category-button:hover{color:var(--ui-text-color, #f3f3f3);background:var(--ui-hover-background, rgba(255, 255, 255, .06))}.product-category-button[data-active="1"]{color:var(--ui-accent-text-color, #ffffff);background:var(--ui-accent-background, rgba(37, 137, 255, .28))}.product-category-expand,.product-category-expand-spacer{width:var(--product-category-expand-size);height:calc(22px * var(--product-ui-scale));flex:0 0 var(--product-category-expand-size);display:inline-flex;align-items:center;justify-content:center;font-size:var(--product-category-font-size);line-height:1}.product-category-expand{color:var(--ui-muted-text-color, #969696)}.product-category-button:hover .product-category-expand{color:var(--ui-text-color, #ffffff)}.product-category-name{min-width:0;flex:1 1 auto;overflow:hidden;font-size:var(--product-category-font-size);font-weight:500;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.product-category-count{flex:0 0 auto;color:var(--ui-muted-text-color, #777777);font-size:var(--product-category-count-font-size);font-variant-numeric:tabular-nums}.product-category-button[data-active="1"] .product-category-count{color:#ffffffc7}.product-category-tree::-webkit-scrollbar{width:calc(8px * var(--product-ui-scale))}.product-category-tree::-webkit-scrollbar-track{background:transparent}.product-category-tree::-webkit-scrollbar-thumb{background:#ffffff24;border:calc(2px * var(--product-ui-scale)) solid transparent;border-radius:calc(8px * var(--product-ui-scale));background-clip:padding-box}.product-category-tree::-webkit-scrollbar-thumb:hover{background:#ffffff3d;border:calc(2px * var(--product-ui-scale)) solid transparent;background-clip:padding-box}.product-grid-container{position:relative;width:100%;height:100%;overflow:hidden}.product-grid{width:100%;height:100%;display:grid;align-content:start;align-items:start;grid-auto-rows:max-content;overflow-x:hidden;overflow-y:auto;padding:var(--product-grid-padding);box-sizing:border-box}.product-grid[data-size=small]{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--product-grid-gap-small)}.product-grid[data-size=medium]{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--product-grid-gap-medium)}.product-grid[data-size=large]{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--product-grid-gap-large)}.product-grid-empty,.product-grid-loading,.product-grid-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(24px * var(--product-ui-scale));color:var(--ui-muted-text-color, #8c8c8c);font-size:calc(12px * var(--product-ui-scale));text-align:center}.product-grid-loading:before{width:calc(18px * var(--product-ui-scale));height:calc(18px * var(--product-ui-scale));margin-right:calc(8px * var(--product-ui-scale));content:"";border:calc(2px * var(--product-ui-scale)) solid rgba(255,255,255,.18);border-top-color:var(--ui-accent-color, #2589ff);border-radius:50%;animation:product-grid-loading-spin .8s linear infinite}.product-grid-error{color:var(--ui-error-color, #ff7373)}.product-grid::-webkit-scrollbar{width:calc(9px * var(--product-ui-scale))}.product-grid::-webkit-scrollbar-track{background:transparent}.product-grid::-webkit-scrollbar-thumb{background:#ffffff24;border:calc(2px * var(--product-ui-scale)) solid transparent;border-radius:calc(8px * var(--product-ui-scale));background-clip:padding-box}.product-grid::-webkit-scrollbar-thumb:hover{background:#ffffff3d;border:calc(2px * var(--product-ui-scale)) solid transparent;background-clip:padding-box}@keyframes product-grid-loading-spin{to{transform:rotate(360deg)}}.product-card{position:relative;width:100%;height:auto;min-width:0;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;align-self:start;padding:0;overflow:hidden;color:var(--ui-text-color, #e9e9e9);background:var(--ui-card-background, #272727);border:1px solid var(--ui-card-border-color, rgba(255, 255, 255, .1));border-radius:var(--product-card-radius);box-sizing:border-box;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,transform .12s ease,box-shadow .12s ease}.product-card:hover{background:var(--ui-card-hover-background, #2d2d2d);border-color:#ffffff38;transform:translateY(-1px);box-shadow:0 4px 12px #0000003d}.product-card[data-selected="1"]{border-color:var(--ui-accent-color, #2589ff);box-shadow:0 0 0 1px var(--ui-accent-color, #2589ff)}.product-card-thumbnail{position:relative;width:100%;height:auto;min-width:0;aspect-ratio:1 / 1;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ui-thumbnail-background, #202020);border-bottom:1px solid var(--ui-border-color, rgba(255, 255, 255, .08));box-sizing:border-box}.product-card-thumbnail img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;padding:var(--product-card-image-padding);box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:none}.product-card-thumbnail-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--product-card-image-padding);color:var(--ui-placeholder-color, #707070);font-size:calc(10px * var(--product-ui-scale));line-height:1.3;text-align:center;box-sizing:border-box}.product-card-favorite{position:absolute;top:var(--product-card-favorite-offset);right:var(--product-card-favorite-offset);width:var(--product-card-favorite-size);height:var(--product-card-favorite-size);display:flex;align-items:center;justify-content:center;padding:0;color:var(--ui-muted-text-color, #a2a2a2);background:#121212ad;border:1px solid rgba(255,255,255,.12);border-radius:calc(5px * var(--product-ui-scale));font-size:var(--product-card-favorite-font-size);line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,background-color .12s ease}.product-card:hover .product-card-favorite,.product-card-favorite[data-active="1"]{opacity:1}.product-card-favorite:hover{color:#fff;background:#161616eb}.product-card-favorite[data-active="1"]{color:var(--ui-favorite-color, #ffd24a)}.product-card-content{width:100%;min-width:0;min-height:var(--product-card-content-min-height);flex:0 0 auto;display:flex;align-items:center;padding:var(--product-card-content-padding-y) var(--product-card-content-padding-x);box-sizing:border-box}.product-card-name{min-width:0;flex:1 1 auto;display:block;overflow:hidden;color:var(--ui-text-color, #eeeeee);font-size:var(--product-card-name-font-size);font-weight:600;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.product-card-code,.product-card-size{display:none}.product-preview{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.product-preview-header{flex:0 0 auto;padding:calc(9px * var(--product-ui-scale)) calc(12px * var(--product-ui-scale)) calc(6px * var(--product-ui-scale));color:var(--ui-title-color, #eaeaea);font-size:var(--product-preview-header-font-size);font-weight:700}.product-preview-content{min-width:0;min-height:0;flex:1 1 auto;display:flex;flex-direction:row;align-items:center;gap:calc(12px * var(--product-ui-scale));padding:0 calc(12px * var(--product-ui-scale)) calc(11px * var(--product-ui-scale))}.product-preview-thumbnail{width:var(--product-preview-thumbnail-size);height:var(--product-preview-thumbnail-size);flex:0 0 var(--product-preview-thumbnail-size);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ui-thumbnail-background, #222222);border:1px solid var(--ui-border-color, rgba(255, 255, 255, .1));border-radius:calc(6px * var(--product-ui-scale))}.product-preview-thumbnail img{width:100%;height:100%;display:block;object-fit:contain;padding:calc(7px * var(--product-ui-scale));box-sizing:border-box}.product-preview-thumbnail-empty{padding:calc(7px * var(--product-ui-scale));color:var(--ui-placeholder-color, #727272);font-size:calc(10px * var(--product-ui-scale));text-align:center}.product-preview-info{min-width:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name button" "code button" "size button" "manufacturer button" "description button";column-gap:calc(16px * var(--product-ui-scale));row-gap:calc(4px * var(--product-ui-scale));padding:0}.product-preview-name{grid-area:name;min-width:0;overflow:hidden;color:var(--ui-title-color, #ffffff);font-size:var(--product-preview-name-font-size);font-weight:700;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.product-preview-code{grid-area:code}.product-preview-size{grid-area:size}.product-preview-manufacturer{grid-area:manufacturer}.product-preview-code,.product-preview-size,.product-preview-manufacturer{min-width:0;overflow:hidden;color:var(--ui-muted-text-color, #969696);font-size:var(--product-preview-detail-font-size);line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.product-preview-size{font-variant-numeric:tabular-nums}.product-preview-description{grid-area:description;min-width:0;overflow:hidden;color:var(--ui-muted-text-color, #858585);font-size:var(--product-preview-description-font-size);line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.product-preview-place-button{grid-area:button;width:var(--product-preview-button-width);height:var(--product-preview-button-height);align-self:center;margin:0;padding:0 calc(14px * var(--product-ui-scale));color:var(--ui-accent-text-color, #ffffff);background:var(--ui-accent-color, #2589ff);border:0;border-radius:calc(5px * var(--product-ui-scale));font-size:var(--product-preview-detail-font-size);font-weight:600;white-space:nowrap;cursor:pointer}.product-preview-place-button:hover{filter:brightness(1.08)}.product-preview-place-button:active{filter:brightness(.92)}.product-preview-empty{min-height:calc(72px * var(--product-ui-scale));flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:calc(12px * var(--product-ui-scale)) calc(14px * var(--product-ui-scale));color:var(--ui-placeholder-color, #747474);font-size:var(--product-preview-detail-font-size);text-align:center}@media(max-width:780px){.product-preview-thumbnail{width:calc(72px * var(--product-ui-scale));height:calc(72px * var(--product-ui-scale));flex-basis:calc(72px * var(--product-ui-scale))}.product-preview-place-button{width:calc(76px * var(--product-ui-scale))}}.product-status-bar{min-height:var(--product-status-height);flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--product-ui-scale));padding:calc(8px * var(--product-ui-scale)) calc(12px * var(--product-ui-scale));background:var(--ui-panel-header-background, #252525);border-top:1px solid var(--ui-border-color, rgba(255, 255, 255, .1))}.product-status-count{flex:0 0 auto;color:var(--ui-muted-text-color, #a0a0a0);font-size:var(--product-status-font-size);font-variant-numeric:tabular-nums;white-space:nowrap}.product-status-controls{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:calc(14px * var(--product-ui-scale))}.product-placement-mode,.product-thumbnail-size{display:flex;align-items:center;gap:calc(5px * var(--product-ui-scale))}.product-status-label{margin-right:calc(3px * var(--product-ui-scale));color:var(--ui-muted-text-color, #858585);font-size:var(--product-status-font-size);white-space:nowrap}.product-placement-option{height:var(--product-status-option-height);display:inline-flex;align-items:center;cursor:pointer}.product-placement-option input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.product-placement-option span{height:var(--product-status-button-height);display:flex;align-items:center;justify-content:center;padding:0 calc(10px * var(--product-ui-scale));color:var(--ui-muted-text-color, #9b9b9b);background:var(--ui-segment-background, #1a1a1a);border:1px solid var(--ui-border-color, rgba(255, 255, 255, .1));border-radius:calc(4px * var(--product-ui-scale));font-size:var(--product-status-font-size);white-space:nowrap}.product-placement-option:hover span{color:var(--ui-text-color, #f0f0f0);background:var(--ui-hover-background, rgba(255, 255, 255, .06))}.product-placement-option input:checked+span{color:var(--ui-accent-text-color, #ffffff);background:var(--ui-accent-color, #2589ff);border-color:var(--ui-accent-color, #2589ff)}.product-thumbnail-size-button{height:var(--product-status-button-height);padding:0 calc(9px * var(--product-ui-scale));color:var(--ui-muted-text-color, #959595);background:var(--ui-segment-background, #1a1a1a);border:1px solid var(--ui-border-color, rgba(255, 255, 255, .1));border-radius:calc(4px * var(--product-ui-scale));font-size:var(--product-status-font-size);cursor:pointer}.product-thumbnail-size-button:hover{color:var(--ui-text-color, #eeeeee);background:var(--ui-hover-background, rgba(255, 255, 255, .06))}.product-thumbnail-size-button[data-active="1"]{color:var(--ui-accent-color, #4c9fff);border-color:var(--ui-accent-color, #2589ff);background:var(--ui-accent-background, rgba(37, 137, 255, .14))}@media(max-width:1250px){.product-status-label{display:none}.product-status-controls{gap:calc(8px * var(--product-ui-scale))}}