.side-panel{position:absolute;top:calc(50% - var(--side-panel-height) / 2);right:16px;z-index:10001;touch-action:none;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-2xl);background:var(--glass-bg);border:1px solid var(--color-border);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d;width:max-content;overflow:visible;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.side-panel:has(#product-select > option:only-child):has(#product-group-select[hidden]),.side-panel:has(#product-select > option:only-child):has(#product-group-select > option:only-child){display:none}.side-panel__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-2)}.side-panel__body{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.side-panel__label{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.side-panel__hide-btn{width:var(--touch-size);height:var(--touch-size);flex-shrink:0;border-radius:var(--radius-lg);border:1px solid transparent;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}@media (hover: hover){.side-panel__hide-btn:hover{background:var(--color-accent-dim);border-color:#39d0d859;color:var(--color-accent);transform:scale(1.08);box-shadow:0 0 14px var(--color-accent-glow)}}.side-panel__hide-btn:active{transform:scale(.95)}.side-panel__hide-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.side-panel__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:var(--touch-size);padding:var(--space-2) var(--space-5) var(--space-2) var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--color-border);background-color:var(--glass-bg-2);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% + 1px),calc(100% - 9px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:var(--color-text);font-size:var(--text-sm);font-weight:500;outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.side-panel__select:hover{border-color:var(--color-border-hover);background-color:var(--glass-bg-2h)}.side-panel__select:focus{border-color:#39d0d899;box-shadow:0 0 0 3px #39d0d81f}.side-panel__select:disabled{opacity:.45;cursor:not-allowed}.side-panel--collapsed{background:transparent;border-width:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:0;gap:0}.side-panel--collapsed .side-panel__body{display:none}.side-panel--collapsed .side-panel__header{width:var(--touch-size);height:var(--touch-size);padding:0;gap:0;justify-content:center}.side-panel--collapsed .side-panel__label{display:none}.side-panel--collapsed .side-panel__hide-btn{background:var(--glass-bg);border-color:var(--color-border);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:var(--shadow-md);color:var(--color-text-muted)}@media (hover: hover){.side-panel--collapsed .side-panel__hide-btn:hover{background:var(--color-accent-dim);border-color:#39d0d859;color:var(--color-accent);transform:scale(1.08);box-shadow:0 0 14px var(--color-accent-glow)}}.side-panel--collapsed{top:calc(50% - var(--side-panel-collapsed-height) / 2)}#right-controls{top:auto;bottom:calc(50% + var(--side-panel-height) / 2 + var(--controls-gap) / 2)}.side-panel--collapsed~#right-controls{bottom:calc(50% + var(--side-panel-collapsed-height) / 2 + var(--controls-gap) / 2)}@media (max-width: 1199.9px){.side-panel{top:auto;right:12px;bottom:calc(var(--panel-bottom));transform:none}#right-controls{top:auto;right:12px;bottom:calc(var(--right-controls-bottom))}.side-panel:not(.side-panel--collapsed):has(#product-group-select:not([hidden])):not(:has(#product-select > option:only-child):has(#product-group-select > option:only-child))~#right-controls{bottom:var(--right-controls-bottom-grouped)}.side-panel--collapsed~#right-controls{top:auto;bottom:calc(var(--right-controls-collapsed))}}@media (max-width: 1059.9px){#side-panel,#right-controls{right:8px}}
