.selector-card{padding:16px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:1rem}.selector-card:not(:last-child){border-bottom:1px solid var(--border-color)}.selector-card__header h2{font-size:13px;margin:0}.selector-card__header p{margin:0;color:var(--text-tertiary);font-size:13px}.selector-card__content{display:flex;flex-direction:column;gap:.75rem}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;padding:1px;overflow:hidden}.option-grid>*{margin:-1px}.option-card{border:1px solid var(--border-color);padding:12px;background:var(--bg-secondary);text-align:left;display:flex;flex-direction:column;gap:.35rem;transition:border-color .18s ease-in-out,background .18s ease-in-out,outline .18s ease-in-out;cursor:pointer;color:inherit;position:relative;z-index:0;box-sizing:border-box}.option-card:hover:not(.option-card--active){border-color:var(--border-color-hover);background:var(--bg-tertiary);z-index:2}[data-theme=dark] .option-card:hover:not(.option-card--active){background:#10161b}.option-card--active{border:1px solid #354a5c;background:#0d1114;color:#aadcf3;z-index:10;box-sizing:border-box}[data-theme=light] .option-card--active{border:1px solid #7ebff2;background:#f0f6ff;color:#046ec2;z-index:10;box-sizing:border-box}.option-card__label{font-weight:600;text-transform:uppercase}.option-card__description,.option-card__meta{display:none}.option-card__placeholder{display:block;padding:.9rem 1rem;border:1px dashed var(--border-color);color:var(--text-tertiary);background:var(--bg-secondary);font-size:.9rem}.system-ui-list{display:flex;flex-direction:column;gap:0;padding:1px;overflow:hidden}.system-ui-item{display:flex;gap:.75rem;align-items:center;padding:.7rem .85rem;border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;transition:border-color .16s ease-in-out;margin:-1px;box-sizing:border-box;position:relative;z-index:0}.system-ui-item:hover{border-color:var(--border-color-hover);z-index:2}[data-theme=dark] .system-ui-item:hover{background:#10161b}.system-ui-item:has(input[type=checkbox]:checked){background:#0d1114;color:#aadcf3;z-index:10}[data-theme=light] .system-ui-item:has(input[type=checkbox]:checked){background:#f0f6ff;color:#046ec2}.system-ui-item input[type=checkbox]{width:18px;height:18px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0;cursor:pointer;position:relative;flex-shrink:0;transition:background .16s ease-in-out,border-color .16s ease-in-out}.system-ui-item input[type=checkbox]:checked{background:#82d8ff;border-color:#82d8ff}[data-theme=light] .system-ui-item input[type=checkbox]:checked{background:#046ec2;border:none}.system-ui-item input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid var(--bg-secondary);border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}[data-theme=light] .system-ui-item input[type=checkbox]:checked:after{border-color:var(--bg-secondary)}.system-ui-item input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.system-ui-item--locked{opacity:.65}.system-ui-item__content{display:flex;flex-direction:column}.system-ui-item__label{font-weight:600}.system-ui-item__meta-wrapper{display:flex;align-items:center;gap:.75rem;width:100%}.system-ui-item__meta{font-size:.8rem;color:var(--text-tertiary);flex-shrink:0}.system-ui-item__slider{flex:1;height:13px;max-height:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none}.system-ui-item__slider:disabled{cursor:not-allowed;opacity:.5}.system-ui-item__slider::-webkit-slider-runnable-track{width:100%;height:2px;background:var(--border-color);border-radius:0}.system-ui-item__slider::-moz-range-track{width:100%;height:2px;background:var(--border-color);border-radius:0}.system-ui-item__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;background:#aadcf3;border:none;border-radius:0;cursor:pointer;margin-top:-5.5px;opacity:1}.system-ui-item__slider::-moz-range-thumb{width:13px;height:13px;background:#aadcf3;border:none;border-radius:0;cursor:pointer;opacity:1}[data-theme=light] .system-ui-item__slider::-webkit-slider-thumb{background:#046ec2}[data-theme=light] .system-ui-item__slider::-moz-range-thumb{background:#046ec2}.system-ui-item__slider:disabled::-webkit-slider-thumb{background:#aadcf3;opacity:1;cursor:not-allowed}.system-ui-item__slider:disabled::-moz-range-thumb{background:#aadcf3;opacity:1;cursor:not-allowed}[data-theme=light] .system-ui-item__slider:disabled::-webkit-slider-thumb{background:#046ec2;opacity:1}[data-theme=light] .system-ui-item__slider:disabled::-moz-range-thumb{background:#046ec2;opacity:1}.system-ui-item__slider:hover:not(:disabled)::-webkit-slider-thumb{background:#aadcf3;border:none}.system-ui-item__slider:hover:not(:disabled)::-moz-range-thumb{background:#aadcf3;border:none}[data-theme=light] .system-ui-item__slider:hover:not(:disabled)::-webkit-slider-thumb{background:#046ec2}[data-theme=light] .system-ui-item__slider:hover:not(:disabled)::-moz-range-thumb{background:#046ec2}.preview-card{display:flex;flex-direction:column;gap:1.25rem;background:transparent;height:100%;min-height:0;position:relative}@media (max-width: 1024px){.preview-card{gap:0}}.device-stage{flex:1;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;width:100%;max-width:100%}.device-stage--mobile{padding:48px 24px}@media (max-width: 1024px){.device-stage,.device-stage--mobile{padding-top:24px;padding-bottom:24px}}.device-frame{position:relative;display:flex;flex-direction:column;padding:0;background:none;border:0;border-radius:0;box-shadow:none;min-width:0;min-height:0}.device-stage .device-frame{transform-origin:center}.device-frame--mobile{padding:0;max-width:min(100%,340px)}.device-frame--desktop{padding:0;max-width:min(100%,1008px)}.device-stage--split-view .device-frame--desktop{max-width:min(50%,504px);max-height:100%}.device-stage--floating .device-frame--desktop{max-width:min(80%,806px);max-height:90%}.device-frame__viewport{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-tertiary);overflow:hidden;transition:all .3s ease}.device-frame__viewport-horizontal{display:flex;flex-direction:row;width:100%;height:100%;flex:1}.device-frame__viewport-vertical{display:flex;flex-direction:column;flex:1;min-width:0}.device-frame__content-horizontal{display:flex;flex-direction:row;flex:1;min-height:0;gap:0;margin-top:-1px;margin-bottom:-1px;margin-right:-1px}.device-frame--mobile .device-frame__viewport{border-radius:0}.device-frame__overlay{pointer-events:none;display:flex;gap:0;transition:height .3s ease,opacity .3s ease;width:100%;overflow:hidden;min-height:0}.device-frame__overlay--top{flex-direction:column;gap:0;padding:1px;margin-bottom:-2px}.device-frame__overlay--top .device-frame__overlay-segment{margin-left:-1px;margin-right:-1px}.device-frame__overlay--top .device-frame__overlay-segment+.device-frame__overlay-segment{margin-top:-1px}.device-frame__overlay--bottom{flex-direction:column;gap:0;padding:1px;margin-top:-1px}.device-frame__overlay--bottom .device-frame__overlay-segment{margin-left:-1px;margin-right:-1px}.device-frame__overlay--bottom .device-frame__overlay-segment+.device-frame__overlay-segment{margin-top:-1px}.device-frame__overlay--left{flex-direction:column;gap:0;flex-shrink:0;align-items:center;justify-content:center;height:100%;transition:width .3s ease,opacity .3s ease;padding:1px}.device-frame__overlay--left .device-frame__overlay-segment{margin-left:-1px}.device-frame__overlay--left .device-frame__overlay-segment+.device-frame__overlay-segment{margin-top:-1px}.device-frame__overlay--right{flex-direction:column;gap:0;flex-shrink:0;align-items:center;justify-content:center;height:100%;transition:width .3s ease,opacity .3s ease;padding:1px}.device-frame__overlay--right .device-frame__overlay-segment{margin-right:-1px}.device-frame__overlay--right .device-frame__overlay-segment+.device-frame__overlay-segment{margin-top:-1px}.device-frame__overlay--scrollbar{flex-direction:column;gap:0;flex-shrink:0;align-items:center;justify-content:center;height:100%;transition:width .3s ease,opacity .3s ease;margin-left:-1px}.device-frame__overlay--scrollbar .device-frame__overlay-segment{height:100%;width:100%;padding:0;margin-left:-1px;margin-top:-1px;margin-bottom:-1px}.device-frame__overlay-segment{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#aadcf3;border:1px solid #354a5c;background:#0d1114;box-sizing:border-box;padding:4px 6px;gap:4px;flex-shrink:0;transition:height .3s ease,width .3s ease,opacity .3s ease;position:relative;z-index:0}[data-theme=light] .device-frame__overlay-segment{color:#046ec2;border-color:#7ebff2;background:#f0f6ff}.device-frame__overlay--left .device-frame__overlay-segment,.device-frame__overlay--right .device-frame__overlay-segment{flex-direction:column;writing-mode:vertical-rl;text-orientation:mixed;height:100%;width:auto}.device-frame__overlay-segment:hover{z-index:2}.device-frame__overlay-segment span:nth-child(2){font-size:.6rem;opacity:.8}.device-frame__overlay-segment--browser{background:#0d1114;border-color:#354a5c;color:#aadcf3}[data-theme=light] .device-frame__overlay-segment--browser{background:#f0f6ff;border-color:#7ebff2;color:#046ec2}.device-frame__overlay-segment--system-ui{background:#0d1114;border-color:#354a5c;color:#aadcf3}[data-theme=light] .device-frame__overlay-segment--system-ui{background:#f0f6ff;border-color:#7ebff2;color:#046ec2}.device-frame__safe-area{flex:1;border:1px solid #aad2ee;background:#0b1318;color:#b4e0ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;gap:1rem;min-width:0;min-height:0;transition:all .3s ease;box-sizing:border-box;position:relative;z-index:20;margin-right:2px;overflow:hidden}.device-frame__safe-area--with-scrollbar{margin-right:-1px}[data-theme=light] .device-frame__safe-area{border:1px solid #2196F3;background:#e3f1fd;color:#1d88de}.device-frame__safe-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.device-frame__safe-area--with-preview{padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.device-frame__preview-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;min-height:0;min-width:0;width:100%;height:100%}.device-frame__preview-wrapper{position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.device-frame__preview-wrapper iframe{display:block}.device-frame__preview-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:#0b1318f2;border:1px solid #aad2ee;border-radius:8px;color:#b4e0ff;z-index:10;box-sizing:border-box;overflow:auto}.device-frame__preview-error-title{font-size:11px;font-weight:600;margin:0 0 .75rem;color:#b4e0ff;text-transform:uppercase;max-width:480px}.device-frame__preview-error-message{font-size:11px;line-height:1.5;margin:0;color:#b4e0ff;text-transform:uppercase;max-width:480px}[data-theme=light] .device-frame__preview-error{background:#fffffff2;border-color:#2196f3;color:#1d88de}[data-theme=light] .device-frame__preview-error-title,[data-theme=light] .device-frame__preview-error-message{color:#1d88de}.device-frame__preview-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#b4e0ff;font-size:11px;text-transform:uppercase;background:#0b1318bf;z-index:5}.device-frame__preview-loading-spinner{width:24px;height:24px;border:2px solid rgba(180,224,255,.3);border-top-color:#b4e0ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=light] .device-frame__preview-loading{color:#1d88de;background:#ffffffbf}[data-theme=light] .device-frame__preview-loading-spinner{border-color:#1d88de4d;border-top-color:#1d88de}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;gap:1rem;color:var(--text-secondary);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:auto}.preview-toolbar__controls-row{display:flex;align-items:center;gap:1rem}.preview-toolbar__group{display:inline-flex;align-items:center;gap:0}.preview-toolbar__group span+button,.preview-toolbar__group span+div{margin-left:16px}.preview-toolbar__group button{border:1px solid var(--border-color);background:var(--bg-secondary);color:inherit;padding:.25rem .55rem;cursor:pointer;font-size:.7rem;letter-spacing:.06em;text-transform:inherit;transition:border-color .18s ease,color .18s ease,background .18s ease,outline .18s ease;position:relative;z-index:0;box-sizing:border-box}.preview-toolbar__group button+button{margin-left:-1px}.preview-toolbar__group button.is-active{border:1px solid #354a5c;background:#0d1114;color:#aadcf3;z-index:10;box-sizing:border-box}[data-theme=light] .preview-toolbar__group button.is-active{border:1px solid #7ebff2;background:#f0f6ff;color:#046ec2;z-index:10;box-sizing:border-box}.preview-toolbar__group button:hover:not(:disabled):not(.is-active){border-color:var(--border-color-hover);background:var(--bg-tertiary);z-index:2}[data-theme=dark] .preview-toolbar__group button:hover:not(:disabled):not(.is-active){background:#10161b}.preview-toolbar__group button:disabled{cursor:not-allowed}.preview-toolbar__value{width:54px;text-align:center}.preview-toolbar__group--url{display:flex;align-items:center;gap:8px}.preview-toolbar__url-form{display:flex;align-items:center;gap:0}.preview-toolbar__url-input{padding:.25rem .55rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:inherit;border-radius:0;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-family:inherit;min-width:200px;transition:border-color .18s ease,background .18s ease}.preview-toolbar__url-input:focus{outline:none;border-color:var(--border-color-hover);background:var(--bg-tertiary)}.preview-toolbar__url-input::placeholder{color:var(--text-secondary);opacity:.6;text-transform:uppercase}.preview-toolbar__url-button{padding:.25rem .55rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:inherit;border-radius:0;font-size:.7rem;letter-spacing:.06em;text-transform:inherit;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease;font-family:inherit;white-space:nowrap}.preview-toolbar__url-button:hover:not(:disabled){border-color:var(--border-color-hover);background:var(--bg-tertiary)}.preview-toolbar__url-button:disabled{cursor:not-allowed;border-color:var(--border-color);color:var(--text-secondary)}.preview-toolbar__url-info{font-size:.7rem;letter-spacing:.06em;text-transform:none;white-space:nowrap;color:inherit}.preview-toolbar__clear-button{padding:.25rem .55rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:inherit;border-radius:0;font-size:.7rem;letter-spacing:.06em;text-transform:inherit;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease;font-family:inherit;white-space:nowrap}.preview-toolbar__clear-button:hover{border-color:var(--border-color-hover);background:var(--bg-tertiary)}@media (max-width: 1024px){.preview-toolbar{flex-wrap:wrap;padding:16px 16px 0}.preview-toolbar__controls-row{width:100%;order:1}.preview-toolbar__group--url{width:100%;order:2;margin-left:0!important;margin-top:12px}.preview-toolbar__url-form{width:100%}.preview-toolbar__url-input{flex:1;min-width:0}}.preview-card__metrics{display:grid;gap:.85rem;margin:0}.preview-card__metrics-wrapper{padding:0 24px 24px}.device-stage--mobile .device-frame__safe-label{font-size:.72rem}.preview-card__metrics div{display:grid;gap:.15rem}.preview-card__metrics dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.preview-card__metrics dd{margin:0;font-weight:600;color:var(--text-primary)}@media (max-width: 1024px){.preview-card__metrics dt,.preview-card__metrics dd{font-size:12px}}.preview-card__placeholder,.preview-card__error{margin:0;color:var(--text-tertiary);font-size:.95rem}.preview-export{position:absolute;bottom:24px;right:24px;z-index:100}.preview-export__button{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.preview-export__label{font-size:13px;text-transform:uppercase;white-space:nowrap}.preview-export__button:hover{border-color:var(--border-color-hover);background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .preview-export__button:hover{background:#10161b}.preview-export__button svg{width:16px;height:16px}.preview-export__menu{position:absolute;bottom:calc(100% + 8px);right:0;display:flex;flex-direction:column;min-width:220px;border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:0 4px 12px #00000026;overflow:hidden}.preview-export__menu-item{padding:12px 16px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-size:13px;text-transform:uppercase;transition:background .18s ease,color .18s ease}.preview-export__menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .preview-export__menu-item:hover{background:#10161b}.preview-export__menu-item:not(:last-child){border-bottom:1px solid var(--border-color)}.preview-export__menu-item--disabled{cursor:default;color:var(--text-tertiary);pointer-events:none;font-size:10px;padding-top:6px;padding-bottom:6px;display:flex;align-items:center;gap:4px}.preview-export__menu-item--disabled:hover{background:transparent;color:var(--text-tertiary)}@media (max-width: 1024px){.preview-export{bottom:16px;right:16px}.preview-export__button{width:36px;height:36px}.preview-export__label{display:none}.preview-export__button svg{width:18px;height:18px}.preview-export__menu{min-width:220px}.preview-export__menu-item{padding:10px 14px;font-size:.8125rem}}.theme-toggle{display:inline-flex;align-items:center;gap:0}.theme-toggle__button{border:1px solid var(--border-color);background:var(--bg-secondary);color:inherit;padding:.25rem .55rem;cursor:pointer;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;transition:border-color .18s ease,color .18s ease,background .18s ease,outline .18s ease;position:relative;z-index:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.theme-toggle__button+.theme-toggle__button{margin-left:-1px}.theme-toggle__button.is-active{border:1px solid #354a5c;background:#0d1114;color:#aadcf3;z-index:10;box-sizing:border-box}[data-theme=light] .theme-toggle__button.is-active{border:1px solid #7ebff2;background:#f0f6ff;color:#046ec2;z-index:10;box-sizing:border-box}.theme-toggle__button:hover:not(:disabled):not(.is-active){border-color:var(--border-color-hover);background:var(--bg-tertiary);z-index:2}[data-theme=dark] .theme-toggle__button:hover:not(:disabled):not(.is-active){background:#10161b}.theme-toggle__button .material-symbols-outlined{font-size:16px;line-height:1}.language-selector{position:relative;z-index:10001}.language-selector__button{display:flex;align-items:center;justify-content:center;gap:0;border:1px solid var(--border-color);background:var(--bg-secondary);color:inherit;padding:.25rem .55rem;cursor:pointer;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;transition:border-color .18s ease,color .18s ease,background .18s ease,outline .18s ease;position:relative;z-index:0;box-sizing:border-box}.language-selector__label{font-size:inherit;text-transform:inherit;white-space:nowrap}.language-selector__button:hover{border-color:var(--border-color-hover);background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .language-selector__button:hover{background:#10161b}.language-selector__button .material-symbols-outlined{font-size:16px;line-height:1}.language-selector__menu{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;min-width:180px;border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:10000}.language-selector__menu-item{padding:12px 16px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-size:13px;text-transform:uppercase;transition:background .18s ease,color .18s ease}.language-selector__menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .language-selector__menu-item:hover{background:#10161b}.language-selector__menu-item:not(:last-child){border-bottom:1px solid var(--border-color)}.language-selector__menu-item--active{background:#0d1114;color:#aadcf3;font-weight:600}[data-theme=light] .language-selector__menu-item--active{background:#f0f6ff;color:#046ec2}@media (max-width: 1024px){.language-selector__button{font-size:.7rem;padding:.25rem .55rem;min-width:auto;height:auto}.language-selector__label{display:block}.language-selector__menu{min-width:180px}.language-selector__menu-item{padding:10px 14px;font-size:.8125rem}}.configurator{display:flex;flex-direction:column;width:100%;box-sizing:border-box;height:100vh;background:#0b0c0c}[data-theme=light] .configurator{background:#fefefe}.configurator__topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:60px;max-height:60px;border-bottom:1px solid var(--border-color);padding:0 19px;background:var(--bg-secondary);z-index:10}.configurator__topbar--mobile{display:none}@media (max-width: 1024px){.configurator__topbar--mobile{display:flex;position:static}.configurator__topbar .configurator__title,.configurator__topbar--mobile .configurator__title,.configurator__topbar .configurator__title-beta,.configurator__topbar--mobile .configurator__title-beta{font-size:12px!important}}.configurator__title{font-size:15px;margin:0;text-transform:uppercase}.configurator__title-beta{color:var(--text-tertiary);text-transform:uppercase}.configurator__layout{display:grid;grid-template-columns:7fr 3fr;align-items:start;flex:1;min-height:0;height:100%;color:var(--text-secondary);padding:19px;gap:19px}.configurator__visual{display:flex;flex-direction:column;height:100%;min-height:0;flex:1;background-color:var(--bg-secondary);background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:var(--grid-size, 40px) var(--grid-size, 40px);background-position:0 0;border:1px solid var(--border-color);position:relative}[data-theme=light] .configurator__visual{border:1px solid var(--border-color);background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}.configurator__controls{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary);font-size:13px;text-transform:uppercase;position:relative}[data-theme=light] .configurator__controls{border:1px solid var(--border-color)}.configurator__controls-content{flex:1;overflow-y:auto;min-height:0}.configurator__controls h2,.configurator__controls p{font-size:13px;text-transform:inherit}.configurator__parameters-button{display:none}@media (max-width: 1024px){.configurator{padding:8px;height:auto}.configurator__topbar--mobile{height:auto;max-height:none;padding-top:12px;padding-bottom:.75rem;padding-left:19px;padding-right:19px}.configurator__controls .configurator__topbar{display:none}.configurator__layout{grid-template-columns:1fr;height:auto;padding:0;gap:.45em}.configurator__controls{order:2;overflow:visible}.configurator__visual{height:80vh}.configurator__parameters-button{display:block;width:100%;padding:12px 16px;margin-top:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,background .18s ease}.configurator__parameters-button:hover{border-color:var(--border-color-hover);background:var(--bg-tertiary)}.configurator__controls{display:none}.configurator__side-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9998;animation:fadeIn .2s ease}.configurator__side-panel{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:400px;background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:9999;display:flex;flex-direction:column;animation:slideInRight .3s ease;box-shadow:-4px 0 12px #00000026}.configurator__side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.configurator__side-panel-title{font-size:13px;margin:0;text-transform:uppercase;color:var(--text-primary)}.configurator__side-panel-close{width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .18s ease,background .18s ease;padding:0;margin:0;box-sizing:border-box}.configurator__side-panel-close .material-symbols-outlined{font-size:20px;line-height:1}.configurator__side-panel-close:hover{border-color:var(--border-color-hover);background:var(--bg-tertiary)}.configurator__side-panel-content{flex:1;overflow-y:auto;padding:0;font-size:13px;text-transform:uppercase}.configurator__side-panel-content *{font-size:13px;text-transform:uppercase}.configurator__side-panel-content .selector-card__header h2,.configurator__side-panel-content .selector-card__header p,.configurator__side-panel-content .option-card__label,.configurator__side-panel-content .option-card__description,.configurator__side-panel-content h2,.configurator__side-panel-content p,.configurator__side-panel-content span,.configurator__side-panel-content button,.configurator__side-panel-content label{font-size:13px!important;text-transform:uppercase!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}:root{--bg-primary: #05080f;--bg-secondary: #0c0c0c;--bg-tertiary: #0b1120;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: rgba(248, 250, 252, .7);--border-color: #b2d2ff33;--border-color-hover: rgba(148, 163, 184, .4);color-scheme:dark;font-family:Fraktion Mono,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:var(--bg-primary);color:var(--text-primary)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #1e293b;--text-tertiary: rgba(15, 23, 42, .7);--border-color: rgba(0, 0, 0, .15);--border-color-hover: rgba(0, 0, 0, .25);color-scheme:light}@font-face{font-family:Fraktion Mono;src:url(./PPFraktionMono-Regular-Dgrtzi66.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}html,body,#root{height:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg-primary);color:var(--text-primary)}@media (max-width: 1024px){body{overflow:auto}}h1,h2,h3,h4,h5,h6{margin:0}button,input,select{font:inherit}