:root{--color-accent-50: #F6F1EB;--color-accent-100: #F1E9DE;--color-accent-200: #E5D7C6;--color-accent-300: #D3BEA4;--color-accent-400: #BDAB8E;--color-accent-500: #AD9477;--color-accent-600: #9C8165;--color-accent-700: #876D52;--color-accent-800: #7B6047;--color-accent-900: #5F4934;--color-accent: var(--color-accent-500);--color-accent-hover: var(--color-accent-600);--color-accent-active: var(--color-accent-700);--color-accent-pressed: var(--color-accent-800);--color-accent-soft: var(--color-accent-100);--color-accent-soft-bd: var(--color-accent-200);--color-accent-strong: var(--color-accent-800);--color-bg-page: #F8F6F2;--color-bg-canvas: #F5F2ED;--color-bg-sunken: #F3EEE8;--color-bg-surface: #FFFFFF;--color-bg-surface-2: #FAF8F5;--color-bg-raised: #FFFFFF;--color-bg-hover: #F7F3EE;--color-bg-active: #EFE7DB;--color-bg-selected: #F4EEE6;--color-bg-table-header: #F0EAE0;--color-border-subtle: #E9E2D9;--color-border: #DDD2C5;--color-border-strong: #C9BAA9;--swatch-ring: rgba(0, 0, 0, .22);--color-text-primary: #3A3A3C;--color-text-secondary: #686258;--color-text-tertiary: #9A8F83;--color-text-disabled: #B8AEA3;--color-text-on-accent: #FFFFFF;--color-text-link: #876D52;--color-text-on-scrim: #FFFFFF;--color-success: #7EAF69;--color-success-soft: #EDF6EA;--color-success-border: #CFE5C8;--color-success-strong: #4C7D3A;--color-warning: #D9A441;--color-warning-soft: #FFF6E7;--color-warning-border: #F0D8A4;--color-warning-strong: #A56B00;--color-error: #D46A6A;--color-error-soft: #FDEEEE;--color-error-border: #EFC9C9;--color-error-strong: #B84E4E;--color-info: #7FA7C2;--color-info-soft: #EDF4FA;--color-info-border: #C8DCEB;--color-info-strong: #4E7B98;--color-focus-ring: #CDB396;--color-focus-ring-alpha: rgba(173, 148, 119, .4);--shadow-card: 0 1px 2px rgba(54, 44, 28, .05);--shadow-elevated: 0 4px 14px rgba(54, 44, 28, .08);--shadow-modal: 0 18px 44px rgba(40, 32, 18, .16);--color-scrim: rgba(38, 34, 26, .45);--color-neutral-100: #F1ECE3;--color-neutral-200: #E3DCCF;--color-neutral-300: #D0C5B3;--color-neutral-400: #ABA191;--color-neutral-500: #847C72;--font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-caption: 11px;--font-size-small: 12px;--font-size-body: 13px;--font-size-lg: 15px;--font-size-h2: 16px;--font-size-h1: 18px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.2;--line-height-normal: 1.45;--letter-spacing-eyebrow: .06em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--configurator-header-height: 57px;--configurator-navigation-height: 57px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--transition-fast: .12s ease;--transition-base: .18s ease;--color-status-success: var(--color-success);--color-status-error: var(--color-error)}[data-theme=dark]{--color-accent-50: #1C1712;--color-accent-100: #2A231C;--color-accent-200: #463A2E;--color-accent-300: #645243;--color-accent-400: #8B735C;--color-accent-500: #AD9477;--color-accent-600: #C4AE95;--color-accent-700: #D8C8BB;--color-accent-800: #E9DFD4;--color-accent-900: #F7F2EC;--color-accent: var(--color-accent-500);--color-accent-hover: var(--color-accent-600);--color-accent-active: var(--color-accent-700);--color-accent-pressed: var(--color-accent-400);--color-accent-soft: var(--color-accent-100);--color-accent-soft-bd: var(--color-accent-200);--color-accent-strong: var(--color-accent-700);--color-bg-page: #0F0F10;--color-bg-canvas: #141516;--color-bg-sunken: #141516;--color-bg-surface: #1B1C1E;--color-bg-surface-2: #232427;--color-bg-raised: #232427;--color-bg-hover: #313338;--color-bg-active: #2B2D30;--color-bg-selected: #342D27;--color-bg-table-header: #0A0A0B;--color-border-subtle: #303236;--color-border: #3A3D42;--color-border-strong: #4A4E55;--swatch-ring: rgba(255, 255, 255, .28);--color-text-primary: #F4EFE9;--color-text-secondary: #D0C5B7;--color-text-tertiary: #A89E92;--color-text-disabled: #6E6760;--color-text-on-accent: #1B1C1E;--color-text-link: #C4AE95;--color-success: #4F9E6E;--color-success-soft: #142319;--color-success-border: #245034;--color-success-strong: #BCE3C9;--color-warning: #D3A64C;--color-warning-soft: #2C2418;--color-warning-border: #8A6C2B;--color-warning-strong: #F4D89A;--color-error: #D87268;--color-error-soft: #2A1818;--color-error-border: #9E4F4B;--color-error-strong: #F0B9B5;--color-info: #6A9FC3;--color-info-soft: #18242E;--color-info-border: #45647E;--color-info-strong: #B9D4EA;--color-focus-ring: #C4AE95;--color-focus-ring-alpha: rgba(196, 174, 149, .45);--color-neutral-100: #232427;--color-neutral-200: #2B2D30;--color-neutral-300: #463A2E;--color-neutral-400: #8B735C;--color-neutral-500: #A89E92;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-elevated: 0 6px 18px rgba(0, 0, 0, .45);--shadow-modal: 0 20px 48px rgba(0, 0, 0, .6);--color-scrim: rgba(0, 0, 0, .62)}:root{font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-page)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}body{margin:0}#root canvas~div{z-index:10!important}#root canvas~div div{z-index:10!important}@keyframes masko-spin{to{transform:rotate(360deg)}}.masko-spinner{width:24px;height:24px;border:2.5px solid var(--color-accent-soft, #ecd9c4);border-top-color:var(--color-accent, #e0833a);border-radius:50%;animation:masko-spin .7s linear infinite}.page-header{margin-bottom:20px}.page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-header__copy{min-width:0}.page-header__actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 600px){.page-header__row{flex-direction:column;gap:var(--space-3)}}.page-header h1{margin:0;font-size:24px;font-weight:700;color:var(--color-text-primary)}.page-header p{margin:4px 0 0;color:var(--color-text-secondary);font-size:14px}.browser-compatibility{width:100%;min-height:100vh;box-sizing:border-box;padding:var(--space-7) var(--space-5);color:var(--color-text-primary);background:var(--color-bg-page);font-family:var(--font-family)}.browser-compatibility__page{width:100%;max-width:1100px;margin:0 auto}.browser-compatibility__brand{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle);color:var(--color-accent-strong)}.browser-compatibility__brand img{display:block;width:228px;max-width:100%;height:auto}.browser-compatibility .page-header{margin-bottom:var(--space-6)}.browser-compatibility .page-header p{max-width:680px;margin-top:var(--space-3)}.browser-compatibility__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.browser-compatibility__panel{min-width:0;padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-card)}.browser-compatibility h2{margin:0 0 var(--space-3);font-size:var(--font-size-h1);line-height:var(--line-height-normal)}.browser-compatibility h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.browser-compatibility p{margin:0 0 var(--space-4);color:var(--color-text-secondary);line-height:1.6;font-size:var(--font-size-lg)}.browser-compatibility__viewport{position:relative;display:grid;place-items:center;min-height:240px;border-radius:var(--radius-md);background:var(--color-bg-sunken);color:var(--color-accent);margin:var(--space-5) 0 var(--space-4);overflow:hidden}.browser-compatibility__viewport canvas{display:block;width:240px;height:240px;max-width:100%;object-fit:contain;color:var(--color-accent)}.browser-compatibility__viewport[data-state=failed] canvas{visibility:hidden}.browser-compatibility__placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-5);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-body)}.browser-compatibility__placeholder svg{width:40px;height:40px;color:var(--color-accent-strong)}.browser-compatibility__status{display:flex;align-items:flex-start;gap:var(--space-2)}.browser-compatibility__status svg{flex:0 0 20px;height:20px;margin-top:2px}.browser-compatibility p.browser-compatibility__status--passed{color:var(--color-success-strong)}.browser-compatibility__steps{list-style:none;padding:0;margin:var(--space-5) 0 0;counter-reset:step}.browser-compatibility__steps li{counter-increment:step;position:relative;padding-left:44px}.browser-compatibility__steps li+li{margin-top:var(--space-5)}.browser-compatibility__steps li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent-strong);font-weight:var(--font-weight-semibold)}.browser-compatibility__steps p{margin:0;font-size:var(--font-size-body)}.browser-compatibility__diagnostics{margin-bottom:var(--space-5)}.browser-compatibility__diagnostics summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer;color:var(--color-accent-strong);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);list-style:none}.browser-compatibility__diagnostics summary::-webkit-details-marker{display:none}.browser-compatibility__diagnostics summary svg{flex:0 0 24px;height:24px}.browser-compatibility__diagnostics summary:hover{background:var(--color-accent-soft)}.browser-compatibility__diagnostics summary:active{background:var(--color-accent-soft-bd)}.browser-compatibility__diagnostics summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px}.browser-compatibility__diagnostics[open] summary{margin-bottom:var(--space-4)}.browser-compatibility__diagnostics[open] summary svg{transform:rotate(180deg)}.browser-compatibility__diagnostics dl{margin:0}.browser-compatibility__diagnostics dt{margin-top:var(--space-3);font-size:var(--font-size-body);color:var(--color-text-secondary)}.browser-compatibility__diagnostics dd{margin:var(--space-1) 0 0;min-width:0}.browser-compatibility__diagnostics code{font-size:var(--font-size-small);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.browser-compatibility__settings label{display:block;margin-top:var(--space-4);font-size:var(--font-size-small);color:var(--color-text-secondary)}.browser-compatibility__settings input{box-sizing:border-box;width:100%;min-width:0;margin-top:var(--space-2);padding:var(--space-3);font:inherit;font-size:var(--font-size-body);color:var(--color-text-primary);background:var(--color-bg-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.browser-compatibility__settings input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.browser-compatibility__settings p[role=status]{margin-top:var(--space-3);font-size:var(--font-size-small)}.browser-compatibility button,.browser-compatibility__settings a{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-sizing:border-box;min-height:44px;text-decoration:none;margin:var(--space-2) var(--space-2) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent-soft-bd);border-radius:var(--radius-md);color:var(--color-accent-strong);background:var(--color-accent-soft);font:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer}.browser-compatibility button svg,.browser-compatibility__settings a svg{width:20px;height:20px;flex-shrink:0}.browser-compatibility button:hover:not(:disabled),.browser-compatibility__settings a:hover:not(:disabled){background:var(--color-accent-soft-bd)}.browser-compatibility button:active:not(:disabled),.browser-compatibility__settings a:active:not(:disabled){background:var(--color-bg-active)}.browser-compatibility button:focus-visible,.browser-compatibility__settings a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.browser-compatibility button:disabled,.browser-compatibility__settings a:disabled{cursor:default;color:var(--color-text-disabled);background:var(--color-bg-sunken);border-color:var(--color-border-subtle)}@media (max-width: 720px){.browser-compatibility{padding:var(--space-5) var(--space-4)}.browser-compatibility__layout{grid-template-columns:minmax(0,1fr)}.browser-compatibility__panel{padding:var(--space-4)}.browser-compatibility__brand{margin-bottom:var(--space-5)}.browser-compatibility__brand img{width:185px}.browser-compatibility button,.browser-compatibility__settings a{width:100%;margin-right:0}}