@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Mono:wght@500;700&family=Space+Grotesk:wght@600;700&display=swap";.settings-page-space{z-index:99999;color:#f1f3f9;-webkit-user-select:none;user-select:none;background:0 0;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;animation:.22s ease-out settingsFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.settings-panel-container{opacity:.94;-webkit-backdrop-filter:blur(28px);z-index:10;box-sizing:border-box;background:#090a10f0;border-right:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;width:clamp(500px,38vw,620px);min-width:480px;max-width:640px;height:100dvh;display:flex;overflow:hidden;box-shadow:18px 0 50px #000000d9}.settings-live-window-viewport{pointer-events:auto;cursor:pointer;flex:1;height:100dvh;position:relative;overflow:hidden}.preview-window-hud-header{-webkit-backdrop-filter:blur(16px);z-index:5;pointer-events:none;background:#0e1018e0;border:1px solid #ffffff24;border-radius:30px;align-items:center;gap:12px;padding:8px 18px;display:flex;position:absolute;top:18px;right:24px;box-shadow:0 10px 30px #0009}.preview-window-hud-tag{letter-spacing:.08em;color:#fff;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.hud-pulse-dot{background:#34c759;border-radius:50%;width:8px;height:8px;animation:1.8s infinite hudDotPulse;box-shadow:0 0 10px #34c759}@keyframes hudDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.3)}}.preview-window-hud-desc{color:#fff9;font-size:11px}.preview-window-hud-footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;z-index:5;color:#f1f3f9;background:#0e1018e0;border:1px solid #ffffff24;border-radius:30px;align-items:center;gap:14px;padding:10px 20px;font-size:12px;font-weight:600;transition:all .2s;display:flex;position:absolute;bottom:22px;right:24px;box-shadow:0 10px 30px #0009}.preview-window-hud-footer:hover{background:#ff9f0a33;border-color:#ff9f0a80;transform:translateY(-2px)}.hud-exit-btn{color:#000;background:#ff9f0a;border-radius:14px;padding:4px 10px;font-size:11px;font-weight:800}@keyframes settingsFadeIn{0%{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}.settings-header-bar{-webkit-backdrop-filter:blur(24px);z-index:10;background:#0e1018f2;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.settings-brand-group{align-items:center;gap:12px;display:flex}.settings-brand-icon{color:#ff9f0a;background:linear-gradient(135deg,#1f2330,#12141c);border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 12px #00000080}.settings-brand-title{letter-spacing:.12em;text-transform:uppercase;color:#fff;font-size:15px;font-weight:800}.settings-badge-space{letter-spacing:.08em;color:#ff9f0a;text-transform:uppercase;background:#ff9f0a24;border:1px solid #ff9f0a4d;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800}.settings-header-center{color:#fff9;align-items:center;gap:8px;font-size:12.5px;display:flex}.settings-header-right{align-items:center;gap:14px;display:flex}.settings-user-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:10px;padding:4px 12px 4px 5px;display:flex}.settings-user-avatar{object-fit:cover;border:1.5px solid #fff3;border-radius:50%;width:28px;height:28px}.settings-user-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#373b4e,#1f222e);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.settings-user-info{flex-direction:column;display:flex}.settings-user-name{color:#fff;font-size:12px;font-weight:700;line-height:1.2}.settings-user-tier{letter-spacing:.05em;text-transform:uppercase;font-size:9.5px;font-weight:800}.settings-user-tier.free{color:#94a3b8}.settings-user-tier.paid{color:#ff9f0a}.settings-user-tier.admin{color:#bf5af2}.settings-return-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .18s;display:flex}.settings-return-btn:hover{background:#ffffff29;border-color:#ffffff47;transform:translate(-1px)}.settings-esc-badge{color:#ffffffb3;letter-spacing:.05em;background:#00000059;border:1px solid #ffffff2e;border-radius:4px;padding:1px 5px;font-size:9.5px}.settings-body-workspace{flex-direction:row;flex:1;min-width:0;height:calc(100dvh - 64px);display:flex;overflow:hidden}.settings-sidebar{-webkit-backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;box-sizing:border-box;background:#0c0e14e0;border-bottom:none;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:3px;width:175px;min-width:175px;height:100%;padding:14px 8px;display:flex;overflow:hidden auto}.settings-sidebar-section-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffff61;padding:10px 8px 3px;font-size:9.5px;font-weight:800;display:block}.settings-nav-item{color:#ffffffb3;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:all .15s;display:flex;position:relative}.settings-nav-item:hover{color:#fff;background:#ffffff0d;border-color:#ffffff1f}.settings-nav-item.active{color:#fff;background:#ff9f0a24;border-color:#ff9f0a73;font-weight:700;box-shadow:inset 0 0 12px #ff9f0a1a}.settings-nav-item.active .settings-nav-icon{color:#ff9f0a;transform:scale(1.1)}.settings-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:16px;line-height:1;transition:transform .15s;display:flex}.settings-nav-meta{flex-direction:column;flex:1;min-width:0;display:flex}.settings-nav-label{white-space:nowrap;text-overflow:ellipsis;color:inherit;font-size:11.5px;font-weight:600;overflow:hidden}.settings-nav-desc{color:#fff6;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9.5px;display:block;overflow:hidden}.settings-nav-badge-hot{color:#34c759;text-transform:uppercase;background:#34c7592e;border:1px solid #34c7594d;border-radius:4px;padding:1px 4px;font-size:8.5px;font-weight:800}.settings-main-viewport{scrollbar-gutter:stable;box-sizing:border-box;background:radial-gradient(circle at 80% 20%,#1e24384d 0%,#0000 60%),radial-gradient(circle at 10% 80%,#14182666 0%,#0000 70%);flex:1;width:100%;min-width:0;padding:24px 24px 60px;overflow:hidden auto}.settings-container{max-width:100%;margin:0}.settings-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.settings-section-title-wrap{flex-direction:column;gap:4px;display:flex}.settings-section-title{letter-spacing:-.01em;color:#fff;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.settings-section-desc{color:#ffffff8c;max-width:680px;margin:0;font-size:13px;line-height:1.5}.settings-card{-webkit-backdrop-filter:blur(20px);background:#12151eb8;border:1px solid #ffffff14;border-radius:14px;margin-bottom:24px;padding:24px;transition:border-color .18s;box-shadow:0 12px 36px #00000073}.settings-card:hover{border-color:#ffffff24}.settings-card-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.settings-card-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.settings-card-subtitle{color:#ffffff73;margin:2px 0 0;font-size:12px}.location-mode-selector{background:#00000073;border:1px solid #ffffff1a;border-radius:12px;gap:6px;margin-bottom:22px;padding:4px;display:flex}.location-mode-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.location-mode-btn:hover{color:#fff;background:#ffffff0d}.location-mode-btn.active-auto{color:#34c759;background:linear-gradient(135deg,#30d15829,#30d15814);border-color:#30d15866;box-shadow:0 4px 16px #30d15826}.location-mode-btn.active-override{color:#0a84ff;background:linear-gradient(135deg,#0a84ff2e,#0a84ff14);border-color:#0a84ff73;box-shadow:0 4px 16px #0a84ff26}.detected-ip-card{background:linear-gradient(135deg,#30d15814,#0a84ff0a);border:1px solid #30d15852;border-radius:12px;margin-bottom:22px;padding:20px}.detected-ip-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.detected-ip-title{color:#34c759;letter-spacing:.02em;align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.detected-ip-pulse{background:#34c759;border-radius:50%;width:8px;height:8px;animation:2s infinite ipPulse;box-shadow:0 0 10px #34c759}@keyframes ipPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.detected-ip-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.detected-ip-item{background:#0000004d;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;padding:10px 14px;display:flex}.detected-ip-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:10.5px;font-weight:700}.detected-ip-value{color:#fff;font-size:13.5px;font-weight:700}.location-lockout-banner{background:#ff9f0a1a;border:1px solid #ff9f0a40;border-radius:10px;align-items:center;gap:14px;margin-bottom:24px;padding:14px 18px;display:flex}.location-lockout-icon{font-size:24px;line-height:1}.location-lockout-text{color:#ffffffd9;font-size:12.5px;line-height:1.45}.location-lockout-text strong{color:#ff9f0a}.location-override-banner{background:#0a84ff1a;border:1px solid #0a84ff4d;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding:14px 18px;display:flex}.location-override-text{color:#ffffffd9;font-size:12.5px;line-height:1.45}.location-override-text strong{color:#0a84ff}.settings-grid-2col{grid-template-columns:1fr;gap:16px;display:grid}.settings-field-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.settings-field-header{justify-content:space-between;align-items:center;display:flex}.settings-field-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.settings-lock-badge{color:#ff9f0a;background:#ff9f0a26;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.settings-input{box-sizing:border-box;color:#fff;background:#0006;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:all .15s}.settings-input:focus{border-color:#ff9f0a;box-shadow:0 0 0 2px #ff9f0a33}.settings-input:disabled{opacity:.5;cursor:not-allowed;background:#0003;border-color:#ffffff0f}.settings-select{box-sizing:border-box;color:#fff;cursor:pointer;background:#121620f2;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:all .15s}.settings-select:focus{border-color:#ff9f0a;box-shadow:0 0 0 2px #ff9f0a33}.settings-select:disabled{opacity:.5;cursor:not-allowed;background:#0003;border-color:#ffffff0f}.settings-toggle-group{background:#0006;border:1px solid #ffffff1a;border-radius:8px;gap:4px;padding:3px;display:flex}.settings-toggle-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:12.5px;font-weight:700;transition:all .15s}.settings-toggle-btn:hover:not(:disabled){color:#fff;background:#ffffff0f}.settings-toggle-btn.active{color:#ff9f0a;background:#ff9f0a33;border:1px solid #ff9f0a66}.settings-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.quick-city-scroll{flex-wrap:wrap;gap:6px;margin-top:4px;padding:6px 0;display:flex;overflow-x:hidden}.quick-city-pill{color:#ffffffbf;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.quick-city-pill:hover:not(:disabled){color:#fff;background:#ffffff1f}.quick-city-pill.active{color:#ff9f0a;background:#ff9f0a33;border-color:#ff9f0a}.quick-city-pill:disabled{opacity:.35;cursor:not-allowed}.language-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:8px;display:grid}.language-card-btn{color:#fffc;cursor:pointer;text-align:left;background:#00000059;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.language-card-btn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff2e;transform:translateY(-1px)}.language-card-btn.active{color:#fff;background:#ff9f0a26;border-color:#ff9f0a}.language-card-btn:disabled{opacity:.4;cursor:not-allowed}.language-flag{font-size:22px;line-height:1}.language-info{flex-direction:column;display:flex}.language-name{font-size:13px;font-weight:700}.language-native{color:#ffffff80;font-size:11px}.features-filter-bar{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding-bottom:12px;display:flex;overflow-x:hidden}.feature-filter-btn{color:#fff9;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.feature-filter-btn:hover{color:#fff;background:#ffffff14}.feature-filter-btn.active{color:#000;background:#ff9f0a;border-color:#ff9f0a}.feature-item-card{background:#161a26b3;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:20px;transition:border-color .15s}.feature-item-card:hover{border-color:#ffffff26}.feature-item-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.feature-item-title-group{align-items:center;gap:10px;display:flex}.feature-item-icon{font-size:20px;line-height:1}.feature-item-name{color:#fff;font-size:15px;font-weight:800}.feature-item-badge{letter-spacing:.06em;color:#ffffffb3;text-transform:uppercase;background:#ffffff14;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:800}.feature-controls-row{border-top:1px solid #ffffff0d;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:14px;padding-top:14px;display:grid}@media (width<=900px){.settings-panel-container{width:clamp(420px,48vw,500px);min-width:400px;max-width:calc(100vw - 48px)}.settings-sidebar{width:150px;min-width:150px}}@media (width<=640px){.settings-panel-container{width:100vw;min-width:100vw;max-width:100vw;height:100dvh;box-shadow:none;border-right:none}.settings-live-window-viewport{display:none}.settings-body-workspace{flex-direction:column;height:calc(100dvh - 54px)}.settings-sidebar{border-bottom:1px solid #ffffff14;border-right:none;flex-flow:wrap;flex-shrink:0;gap:4px;width:100%;min-width:100%;height:auto;max-height:120px;padding:6px 8px;overflow:hidden auto}.settings-sidebar-section-title,.settings-nav-desc{display:none}.settings-nav-item{background:#ffffff0d;border-radius:14px;width:auto;padding:5px 8px;font-size:11px}.settings-header-bar{height:52px;padding:0 12px}.settings-brand-title{font-size:13px}.settings-badge-space,.settings-header-center{display:none}.settings-return-btn{padding:6px 12px;font-size:12px}.settings-main-viewport{padding:16px 14px 48px}}.pro-locked-setting{transition:all .2s;position:relative;opacity:.42!important;filter:grayscale(.7)!important;cursor:not-allowed!important;border:1px dashed #ff9f0a59!important}.pro-locked-setting:hover{opacity:.65!important;filter:grayscale(.35)!important;border-color:#ff9f0aa6!important}.pro-lock-badge{letter-spacing:.6px;color:#ff9f0a;text-transform:uppercase;background:#ff9f0a29;border:1px solid #ff9f0a59;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:9.5px;font-weight:800;line-height:1.2;display:inline-flex}.pro-lock-banner{background:linear-gradient(135deg,#ff9f0a1a,#12141af2);border:1px solid #ff9f0a4d;border-radius:10px;align-items:center;gap:12px;margin-top:14px;margin-bottom:8px;padding:12px 16px;display:flex}.pro-lock-banner-icon{flex-shrink:0;font-size:20px}.pro-lock-banner-text{color:#cbd5e1;flex:1;font-size:12px;line-height:1.5}.pro-lock-banner-text strong{color:#ff9f0a}.pro-lock-banner-btn{color:#000;cursor:pointer;background:#ff9f0a;border:none;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:11.5px;font-weight:800;transition:all .15s}.pro-lock-banner-btn:hover{background:#e08b08;transform:translateY(-1px)}.design-studio-panel{flex-direction:column;gap:24px;display:flex}.highlight-metric{color:#ff9f0a;font-weight:800}.gap-preset-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pill-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .15s}.pill-btn:hover{color:#fff;background:#ffffff1f}.pill-btn.active{color:#ff9f0a;background:#ff9f0a33;border-color:#ff9f0a;font-weight:700}.random-cycle-control{align-items:center;display:flex}.random-toggle-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.random-toggle-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.random-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#bf5af2,#5e5ce6);border-color:#bf5af2;box-shadow:0 0 16px #bf5af266}.random-active-banner{color:#e5c2fa;background:#bf5af21f;border:1px solid #bf5af259;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:12px;line-height:1.5}.filter-search-bar{flex-direction:column;gap:12px;margin-top:16px;display:flex}.brand-pills-row,.category-pills-row{flex-wrap:wrap;gap:6px;display:flex}.brand-pill-btn{color:#ffffffa6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:600;transition:all .15s}.brand-pill-btn:hover{color:#fff;background:#ffffff14}.brand-pill-btn.active{color:#000;background:#ff9f0a;border-color:#ff9f0a;font-weight:800}.paint-search-input{color:#fff;background:#0e1018e6;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:10px 14px;font-size:12.5px;transition:border-color .18s}.paint-search-input:focus{border-color:#ff9f0a}.paint-swatches-scroll-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;max-height:420px;margin-top:14px;padding:12px 4px 12px 0;display:grid;overflow-y:auto}.paint-swatch-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;transition:all .18s;display:flex}.paint-swatch-card:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-1px)}.paint-swatch-card.selected{background:#ff9f0a1f;border-color:#ff9f0a;box-shadow:0 0 16px #ff9f0a26}.paint-swatch-1to1-square{border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:inset 0 0 8px #0000004d,0 2px 6px #0006}.paint-check-icon,.sample-check,.tex-check{color:#fff;text-shadow:0 1px 3px #000c,0 0 6px #000000e6;font-size:14px;font-weight:900}.paint-swatch-meta{flex-direction:column;gap:2px;display:flex;overflow:hidden}.paint-swatch-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.paint-swatch-code{color:#ffffff8c;align-items:center;gap:6px;font-size:10.5px;display:flex}.code-tag{color:#ff9f0a;font-weight:700}.brand-tag{text-transform:uppercase;background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:9px}.board-materials-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.board-material-card{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;transition:all .18s;display:flex}.board-material-card:hover{background:#ffffff12;border-color:#ffffff38;transform:translateY(-1px)}.board-material-card.selected{background:#ff9f0a1f;border-color:#ff9f0a;box-shadow:0 0 18px #ff9f0a2e}.material-1to1-sample{border:1px solid #ffffff2e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 3px 10px #00000080}.material-meta{flex-direction:column;gap:3px;display:flex;overflow:hidden}.material-name{color:#fff;font-size:13px;font-weight:700}.material-desc{color:#ffffff80;font-size:11px;line-height:1.3}.frame-swatch-box{align-items:center;gap:10px;display:flex}.frame-color-circle{border-radius:50%;flex-shrink:0;width:22px;height:22px;box-shadow:0 2px 6px #0009}.textures-grid-container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:14px;display:grid}.texture-card{cursor:pointer;color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;transition:all .18s;display:flex}.texture-card:hover{background:#ffffff14;border-color:#fff3}.texture-card.selected{background:#ff9f0a1f;border-color:#ff9f0a}.texture-preview-swatch{background-color:#1e222d;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;overflow:hidden}.texture-swatch-layer{background-position:50%;background-size:cover;position:absolute;inset:0}.texture-card-title{text-align:center;font-size:11px;font-weight:700}.upload-custom-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2b3040,#1b1e28);border:1px dashed #ffffff4d;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .18s}.upload-custom-btn:hover{color:#ff9f0a;border-color:#ff9f0a}.custom-empty-notice{color:#ffffff80;background:#ffffff05;border:1px dashed #ffffff14;border-radius:8px;margin-top:12px;padding:16px;font-size:12px}.custom-textures-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:14px;display:grid}.custom-texture-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.custom-texture-card.selected{background:#ff9f0a1a;border-color:#ff9f0a}.custom-swatch-box{cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:100%;height:64px;display:flex;position:relative}.custom-check-badge{color:#000;background:#ff9f0a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:flex}.custom-card-footer{justify-content:space-between;align-items:center;gap:6px;display:flex}.custom-name{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.delete-custom-btn{color:#ff453a;cursor:pointer;background:#ff453a33;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;transition:all .15s;display:flex}.delete-custom-btn:hover{color:#fff;background:#ff453a}.flap-color-swatch-box,.led-swatch-box{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.flap-1to1-sample{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 4px 10px #0009}.led-glow-circle{border-radius:50%;flex-shrink:0;width:28px;height:28px}.solid-state-badge{color:#34c759;text-transform:uppercase;background:#34c75926;border:1px solid #34c75966;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800}.solid-state-feature-note{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.5}.settings-card-select{cursor:pointer;text-align:left;color:#f1f3f9;background:linear-gradient(145deg,#1a1e2abf,#0f1118d9);border:1px solid #ffffff1a;border-radius:12px;outline:none;flex-direction:column;padding:14px 16px;font-family:inherit;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #00000059}.settings-card-select:hover{background:linear-gradient(145deg,#262c3ee6,#161924f2);border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 24px #00000080}.settings-card-select.selected,.settings-card-select.active{background:linear-gradient(145deg,#ff9f0a2e,#231a10e6);border-color:#ff9f0a;transform:translateY(-1px);box-shadow:0 0 0 1px #ff9f0a99,0 8px 26px #ff9f0a33}.settings-card-head{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.settings-card-title{color:#f8fafc;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.settings-card-desc{color:#94a3b8;font-size:11.5px;line-height:1.45}.settings-badge-active{color:#ff9f0a;letter-spacing:.05em;text-transform:uppercase;background:#ff9f0a33;border:1px solid #ff9f0a80;border-radius:4px;padding:2px 7px;font-size:9.5px;font-weight:800}.settings-action-btn{cursor:pointer;border-radius:8px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.settings-action-btn.primary{color:#0b0c10;background:linear-gradient(135deg,#ff9f0a,#e08900);border:1px solid #fff3;box-shadow:0 4px 14px #ff9f0a59}.settings-action-btn.primary:hover{filter:brightness(1.08);background:linear-gradient(135deg,#ffb340,#ff9f0a);transform:translateY(-1px);box-shadow:0 6px 20px #ff9f0a8c}.settings-action-btn.secondary{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff24}.settings-action-btn.secondary:hover{color:#fff;background:#ffffff1f;border-color:#ffffff47;transform:translateY(-1px)}.settings-action-btn.active{color:#000;background:#ff9f0a;border-color:#ff9f0a;box-shadow:0 0 14px #ff9f0a66}.display-mode-card{padding:14px 16px}.display-card-content{align-items:center;gap:16px;width:100%;display:flex}.mini-character-preview{background:#090a0f;border:1.5px solid #ffffff2e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:62px;padding:4px;display:flex;overflow:hidden;box-shadow:0 4px 14px #000000b3,inset 0 1px 3px #ffffff1a}.thumb-split-flap{border:1px solid #ffffff1f;border-radius:4px;width:38px;height:52px;position:relative;overflow:hidden;box-shadow:0 3px 8px #000000d9}.thumb-card-half{-webkit-user-select:none;user-select:none;justify-content:center;width:100%;height:50%;font-family:Space Grotesk,-apple-system,sans-serif;font-size:30px;font-weight:900;line-height:52px;display:flex;position:absolute;left:0;overflow:hidden}.thumb-card-half.thumb-top{background:inherit;border-bottom:.5px solid #000c;align-items:flex-start;top:0}.thumb-card-half.thumb-bottom{background:inherit;border-top:.5px solid #fff3;align-items:flex-end;bottom:0}.thumb-card-half.thumb-bottom span{transform:translateY(-50%)}.thumb-hinge-slit{z-index:5;background:#000;height:1.5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 1px 2px #000000e6}.thumb-dot-matrix,.thumb-square-matrix{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.flap-border-preview-stage{border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:80px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000073}.flap-border-cell-housing{z-index:2;border-radius:2px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.flap-border-cell-housing.border-off{box-shadow:none;background-color:#0000;border:1px solid #0000;padding:0}.flap-border-cell-housing.border-classic-black{background-color:#18191f;border:1px solid #242730;padding:2.5px;box-shadow:inset 0 2px 4px #000000b3,0 1px 2px #00000080}.flap-border-cell-housing.border-modern-white{background-color:#e2e6ee;border:1px solid #c8ceda;padding:2.5px;box-shadow:inset 0 1px 3px #00000026,0 1px 2px #0003}.flap-border-cell-housing.border-board-color{-webkit-backdrop-filter:brightness(.8);background-color:#00000040;border:1px solid #00000073;padding:2.5px;box-shadow:inset 0 1px 3px #0006}.thumb-led-svg,.thumb-square-svg{filter:drop-shadow(0 0 3px #ffb00099)}.display-card-info{flex:1;min-width:0}.display-mode-sub{color:#ff9f0a;text-transform:uppercase;letter-spacing:.05em;margin:3px 0 5px;font-size:11px;font-weight:700}.sweep-option-card{padding:14px}.sweep-card-layout{align-items:center;gap:14px;width:100%;display:flex}.sweep-preview-widget{background:#0a0c12f2;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:6px;display:flex;overflow:hidden;box-shadow:inset 0 2px 6px #0009}.sweep-mini-grid{width:100%;height:100%;display:flex}.sweep-grid-rows{flex-direction:column;justify-content:space-between;gap:3px}.mini-row{flex:1;justify-content:space-between;gap:3px;display:flex}.mini-row span{background:#ffffff2e;border-radius:2px;flex:1}@keyframes sweepRowAnim{0%,to{box-shadow:none;background:#ffffff26}30%{background:#ff9f0a;box-shadow:0 0 8px #ff9f0a}}.sweep-preview-widget.animating .mini-row.r1 span,.sweep-option-card:hover .mini-row.r1 span{animation:1.2s infinite sweepRowAnim}.sweep-preview-widget.animating .mini-row.r2 span,.sweep-option-card:hover .mini-row.r2 span{animation:1.2s .25s infinite sweepRowAnim}.sweep-preview-widget.animating .mini-row.r3 span,.sweep-option-card:hover .mini-row.r3 span{animation:1.2s .5s infinite sweepRowAnim}.sweep-grid-cols{flex-direction:row;justify-content:space-between;gap:3px}.mini-col{flex-direction:column;flex:1;justify-content:space-between;gap:3px;display:flex}.mini-col span{background:#ffffff2e;border-radius:2px;flex:1;width:100%}@keyframes sweepColAnim{0%,to{box-shadow:none;background:#ffffff26}30%{background:#ff9f0a;box-shadow:0 0 8px #ff9f0a}}.sweep-preview-widget.animating .mini-col.c1 span,.sweep-option-card:hover .mini-col.c1 span{animation:1.2s infinite sweepColAnim}.sweep-preview-widget.animating .mini-col.c2 span,.sweep-option-card:hover .mini-col.c2 span{animation:1.2s .2s infinite sweepColAnim}.sweep-preview-widget.animating .mini-col.c3 span,.sweep-option-card:hover .mini-col.c3 span{animation:1.2s .4s infinite sweepColAnim}.sweep-preview-widget.animating .mini-col.c4 span,.sweep-option-card:hover .mini-col.c4 span{animation:1.2s .6s infinite sweepColAnim}.sweep-grid-radial{grid-template-columns:repeat(3,1fr);gap:3px;width:100%;height:100%;display:grid}.rad-cell{background:#ffffff2e;border-radius:2px}@keyframes sweepRadAnim{0%,to{box-shadow:none;background:#ffffff26}30%{background:#ff9f0a;box-shadow:0 0 8px #ff9f0a}}.sweep-preview-widget.animating .cell-00,.sweep-option-card:hover .cell-00{animation:1.4s infinite sweepRadAnim}.sweep-preview-widget.animating .cell-01,.sweep-preview-widget.animating .cell-10,.sweep-option-card:hover .cell-01,.sweep-option-card:hover .cell-10{animation:1.4s .25s infinite sweepRadAnim}.sweep-preview-widget.animating .cell-02,.sweep-preview-widget.animating .cell-11,.sweep-preview-widget.animating .cell-20,.sweep-option-card:hover .cell-02,.sweep-option-card:hover .cell-11,.sweep-option-card:hover .cell-20{animation:1.4s .5s infinite sweepRadAnim}.sweep-preview-widget.animating .cell-12,.sweep-preview-widget.animating .cell-21,.sweep-option-card:hover .cell-12,.sweep-option-card:hover .cell-21{animation:1.4s .75s infinite sweepRadAnim}.sweep-preview-widget.animating .cell-22,.sweep-option-card:hover .cell-22{animation:1.4s 1s infinite sweepRadAnim}.sweep-grid-chaos{grid-template-columns:repeat(3,1fr);gap:3px;width:100%;height:100%;display:grid}.rnd-cell{background:#ffffff2e;border-radius:2px}@keyframes sweepChaosAnim{0%,to{box-shadow:none;background:#ffffff26}35%{background:#ff9f0a;box-shadow:0 0 8px #ff9f0a}}.sweep-preview-widget.animating .rc1,.sweep-option-card:hover .rc1{animation:1.1s .1s infinite sweepChaosAnim}.sweep-preview-widget.animating .rc2,.sweep-option-card:hover .rc2{animation:1.1s .7s infinite sweepChaosAnim}.sweep-preview-widget.animating .rc3,.sweep-option-card:hover .rc3{animation:1.1s .3s infinite sweepChaosAnim}.sweep-preview-widget.animating .rc4,.sweep-option-card:hover .rc4{animation:1.1s .85s infinite sweepChaosAnim}.sweep-preview-widget.animating .rc5,.sweep-option-card:hover .rc5{animation:1.1s .15s infinite sweepChaosAnim}.sweep-preview-widget.animating .rc6,.sweep-option-card:hover .rc6{animation:1.1s .5s infinite sweepChaosAnim}.sweep-preview-widget.animating .rc7,.sweep-option-card:hover .rc7{animation:1.1s .95s infinite sweepChaosAnim}.sweep-preview-widget.animating .rc8,.sweep-option-card:hover .rc8{animation:1.1s .4s infinite sweepChaosAnim}.sweep-preview-widget.animating .rc9,.sweep-option-card:hover .rc9{animation:1.1s .65s infinite sweepChaosAnim}.sweep-card-info{flex:1;min-width:0}.tactile-presets-row{flex-wrap:wrap;gap:8px;display:flex}.tactile-preset-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:120px;padding:8px 12px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .18s;display:flex}.tactile-preset-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff38;transform:translateY(-1px)}.tactile-preset-btn.active{color:#fff;background:linear-gradient(135deg,#ff9f0a38,#ff9f0a14);border-color:#ff9f0a;box-shadow:0 0 12px #ff9f0a40}.preset-val{color:#ff9f0a;background:#0006;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:800}.strip-card-select{flex-direction:column;display:flex}.strip-chars-preview{align-items:center;gap:4px;margin-top:8px;display:flex;overflow:hidden}.strip-char-chip{color:#ffd60a;background:#000;border:1px solid #ffffff2e;border-radius:3px;justify-content:center;align-items:center;width:22px;height:26px;font-family:Space Grotesk,monospace;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #00000080}.strip-char-more{color:#94a3b8;margin-left:3px;font-size:10.5px;font-weight:700}.audio-toggle-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.audio-status-indicator{align-items:center;gap:10px;display:flex}.status-led{border-radius:50%;width:10px;height:10px;display:inline-block}.status-led.active-green{background:#34c759;box-shadow:0 0 10px #34c759,0 0 20px #34c75988}.status-led.muted-red{background:#ff453a;box-shadow:0 0 10px #ff453a}.tactile-power-toggle{cursor:pointer;border:1px solid #ffffff26;border-radius:10px;outline:none;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:12px;font-weight:800;transition:all .2s;display:flex}.tactile-power-toggle.on{color:#000;background:linear-gradient(135deg,#34c759,#28a745);box-shadow:0 4px 14px #34c75966}.tactile-power-toggle.off{color:#ff453a;background:#ff453a26;border-color:#ff453a66}.tactile-power-toggle:hover{filter:brightness(1.1);transform:translateY(-1px)}.aspect-ratio-table-wrapper{background:#0e111abf;border:1px solid #ffffff14;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 8px 32px #00000059}.aspect-ratio-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.aspect-ratio-table thead{background:#161b28f2;border-bottom:1px solid #ffffff1f}.aspect-ratio-table th{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;padding:12px 16px;font-size:11px;font-weight:700}.aspect-ratio-table th.th-ratio{width:110px}.aspect-ratio-table th.th-name{width:140px}.aspect-ratio-table th.th-dimensions{min-width:220px}.aspect-ratio-table th.th-monitor{text-align:center;width:90px}.aspect-table-row{cursor:pointer;border-bottom:1px solid #ffffff0d;transition:all .18s}.aspect-table-row:hover{background:#ffffff0a}.aspect-table-row.selected,.aspect-table-row.active{background:linear-gradient(90deg,#ff9f0a24 0%,#ff9f0a0a 100%);border-left:3px solid #ff9f0a}.aspect-table-row.custom-row{background:#141926d9;border-bottom:2px solid #ffffff1a}.aspect-table-row.custom-row.selected{background:linear-gradient(90deg,#ff9f0a2e 0%,#141926f2 100%);border-left:3px solid #ff9f0a}.aspect-table-row.locked{opacity:.55}.aspect-table-row td{vertical-align:middle;padding:12px 16px}.aspect-pill-btn{letter-spacing:.02em;color:#f1f3f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;justify-content:center;align-items:center;padding:6px 14px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.aspect-pill-btn:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-1px)}.aspect-pill-btn.active,.aspect-table-row.selected .aspect-pill-btn{color:#000;background:#ff9f0a;border-color:#ff9f0a;box-shadow:0 0 12px #ff9f0a66}.format-name-cell{align-items:center;gap:8px;display:flex}.format-name-title{color:#f8fafc;font-size:13.5px;font-weight:700}.format-name-badge{letter-spacing:.06em;color:#00f0ff;background:#00f0ff26;border:1px solid #00f0ff59;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:800}.format-free-badge{letter-spacing:.06em;color:#34c759;background:#34c75926;border:1px solid #34c75959;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:800}.dimension-spec-text{color:#cbd5e1;font-family:Space Grotesk,monospace;font-size:13px;font-weight:600}.rolling-number-control{align-items:center;gap:10px;display:inline-flex}.rolling-stepper{background:#0a0c12d9;border:1px solid #ffffff26;border-radius:8px;align-items:center;padding:2px 4px;display:inline-flex;box-shadow:inset 0 1px 3px #00000080}.rolling-btn{color:#f1f3f9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex}.rolling-btn:hover{color:#ff9f0a;background:#ff9f0a4d;border-color:#ff9f0a;transform:scale(1.06)}.rolling-btn:active{transform:scale(.94)}.rolling-input{color:#f8fafc;text-align:center;appearance:textfield;background:0 0;border:none;outline:none;width:38px;padding:2px 0;font-family:Space Grotesk,monospace;font-size:13.5px;font-weight:800}.rolling-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rolling-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rolling-label{color:#ffffff80;text-transform:uppercase;margin-right:6px;font-size:11px;font-weight:600}.rolling-times{color:#fff6;font-size:14px;font-weight:700}.monitor-preview-cell{justify-content:center;align-items:center;display:flex}.monitor-icon-widget{flex-direction:column;justify-content:center;align-items:center;width:56px;height:38px;display:flex}.monitor-icon-display{background:#080a10;border:1.5px solid #00f0ffb3;border-radius:3px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 0 8px #00f0ff40,inset 0 0 4px #000c}.aspect-table-row.selected .monitor-icon-display{border-color:#ff9f0a;box-shadow:0 0 10px #ff9f0a73}.monitor-icon-flaps-preview{opacity:.8;background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#0000 1px 3px);position:absolute;inset:2px}.monitor-icon-neck{background:#ffffff59;width:4px;height:3px}.monitor-icon-foot{background:#ffffff73;border-radius:1px;width:14px;height:2px}.food-menu-table-container{background:#0e111abf;border:1px solid #ffffff14;border-radius:12px;width:100%;margin-top:16px;overflow:hidden;box-shadow:0 8px 32px #00000059}.food-menu-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.food-menu-table thead{z-index:2;background:#161b28f2;border-bottom:1px solid #ffffff1f;position:sticky;top:0}.food-menu-table th{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;padding:10px 14px;font-size:11px;font-weight:700}.food-menu-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:8px 12px}.food-menu-table tr:hover{background:#ffffff08}.food-type-select{color:#f1f3f9;cursor:pointer;background:#0f121ce6;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px}.food-type-select:focus{border-color:#ff9f0a}.food-input-text{color:#f1f3f9;text-transform:uppercase;background:#0f121ce6;border:1px solid #ffffff26;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-family:Space Grotesk,monospace;font-size:13px}.food-input-text:focus{border-color:#ff9f0a}.food-input-number{color:#f1f3f9;text-align:center;background:#0f121ce6;border:1px solid #ffffff26;border-radius:6px;outline:none;width:44px;padding:6px 8px;font-family:Space Grotesk,monospace;font-size:13px}.food-input-number:focus{border-color:#ff9f0a}.food-input-price{color:#f1f3f9;text-align:right;background:#0f121ce6;border:1px solid #ffffff26;border-radius:6px;outline:none;width:76px;padding:6px 10px;font-family:Space Grotesk,monospace;font-size:13px}.food-input-price:focus{border-color:#ff9f0a}.food-price-badge{color:#34c759;background:#34c7591f;border:1px solid #34c7594d;border-radius:4px;padding:4px 8px;font-family:Space Grotesk,monospace;font-size:12.5px;font-weight:700;display:inline-block}:root{--settings-bg:#0d0f12;--settings-panel-bg:#14171c;--settings-card-bg:#1a1e24;--settings-sidebar-bg:#111418;--settings-border:#ffffff14;--settings-border-hover:#ffffff29;--settings-text-primary:#f8fafc;--settings-text-secondary:#94a3b8;--settings-text-muted:#64748b;--settings-accent-gold:gold;--settings-accent-gold-glow:#ffd70033;--settings-accent-amber:#f59e0b;--settings-accent-blue:#38bdf8;--settings-accent-green:#22c55e;--settings-accent-red:#ef4444}.settings-app-container{background-color:var(--settings-bg);width:100%;min-height:100vh;color:var(--settings-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-x:hidden}.settings-main-viewport{background-color:var(--settings-bg);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.settings-sidebar{background:var(--settings-sidebar-bg);border-right:1px solid var(--settings-border);z-index:50;flex-direction:column;width:320px;min-width:320px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--settings-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-logo-link{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.sidebar-logo-icon{font-size:26px}.sidebar-brand-name{letter-spacing:2px;color:#fff;font-size:16px;font-weight:800;display:block}.sidebar-brand-sub{color:var(--settings-accent-gold);letter-spacing:.5px;font-size:11px;font-weight:600;display:block}.sidebar-return-link{border:1px solid var(--settings-border);color:var(--settings-text-secondary);background:#ffffff0d;border-radius:6px;padding:4px 10px;font-size:12px;text-decoration:none;transition:all .2s}.sidebar-return-link:hover{color:#fff;background:#ffffff1a}.sidebar-user-card{border-bottom:1px solid var(--settings-border);background:#0003;padding:16px 20px}.sidebar-user-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sidebar-avatar{color:#fff;background:#334155;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;overflow:hidden}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-meta{flex:1;min-width:0}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.sidebar-tier-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.sidebar-tier-badge.tier-free{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.sidebar-tier-badge.tier-pro{color:gold;background:#ffd70026;border:1px solid #ffd70066}.sidebar-tier-badge.tier-admin{color:#f87171;background:#ef444433;border:1px solid #ef444466}.sidebar-tier-switcher{background:#0006;border-radius:6px;gap:2px;padding:2px;display:flex}.tier-btn{color:var(--settings-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:5px 0;font-size:11px;font-weight:600;transition:all .15s}.tier-btn:hover{color:#fff}.tier-btn.active{background:var(--settings-card-bg);color:gold;box-shadow:0 1px 3px #0006}.sidebar-search{padding:12px 20px;position:relative}.sidebar-search-input{border:1px solid var(--settings-border);color:#fff;background:#0000004d;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:12px;transition:border-color .2s}.sidebar-search-input:focus{border-color:var(--settings-accent-blue)}.sidebar-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.sidebar-nav{flex:1;padding:8px 12px;overflow-y:auto}.nav-group{margin-bottom:24px}.nav-group-title{letter-spacing:1px;color:var(--settings-text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.nav-group-count{background:#ffffff0d;border-radius:10px;padding:1px 6px;font-size:10px}.nav-list{margin:0;padding:0;list-style:none}.nav-list-item{margin-bottom:2px}.nav-item{color:var(--settings-text-secondary);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{color:gold;background:#ffd7001a;border-left:3px solid gold;font-weight:600}.nav-item-num{color:var(--settings-text-muted);width:18px;font-size:10px}.nav-item-icon{font-size:15px}.nav-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pro-badge{color:#000;letter-spacing:.5px;background:gold;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:800}.pro-badge.locked{color:gold;background:#ffd70033;border:1px solid #ffd70066}.nav-item.pro-locked{opacity:.75}.nav-item.pro-locked:hover{opacity:1}.sidebar-footer{border-top:1px solid var(--settings-border);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.btn-main-board{border:1px solid var(--settings-border);color:#fff;background:#ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-main-board:hover{background:#ffffff1a;border-color:gold}.btn-logout{color:var(--settings-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px;font-size:12px;transition:all .2s}.btn-logout:hover{color:#ef4444}.feature-page-container,.system-page-container,.dashboard-container{width:100%;max-width:1100px;margin:0 auto;padding:32px 40px}.feature-header{margin-bottom:28px}.breadcrumbs{color:var(--settings-text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.breadcrumbs a{color:var(--settings-text-secondary);text-decoration:none}.breadcrumbs a:hover{color:#fff}.crumb-current{color:#fff;font-weight:600}.feature-title-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.feature-title-left{align-items:center;gap:16px;display:flex}.feature-icon{filter:drop-shadow(0 2px 8px #00000080);font-size:38px}.feature-num-tag{letter-spacing:1px;color:var(--settings-accent-gold);font-size:11px;font-weight:800}.feature-heading{color:#fff;letter-spacing:-.5px;margin:2px 0 0;font-size:26px;font-weight:800}.feature-tier-pill{letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.pill-pro{color:gold;background:#ffd70026;border:1px solid #ffd70066}.pill-free{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b84d}.feature-desc-text{color:var(--settings-text-secondary);max-width:800px;margin:0;font-size:14px;line-height:1.5}.settings-card-section{background:var(--settings-card-bg);border:1px solid var(--settings-border);border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 4px 20px #0003}.section-title{color:#fff;margin:0 0 6px;font-size:16px;font-weight:700}.section-subtitle{color:var(--settings-text-muted);margin:0 0 18px;font-size:12px}.tier-section{border:1px solid var(--settings-border);background:#00000040;border-radius:8px;margin:16px 0;padding:20px;position:relative}.tier-section.pro-tier{border-color:#ffd70033}.tier-legend{justify-content:space-between;align-items:center;padding:0 8px;font-size:13px;font-weight:700;display:flex}.tier-label{color:#fff}.upgrade-hint{color:var(--settings-accent-gold);margin-left:12px;font-size:12px}.tier-content{margin-top:10px;transition:opacity .2s}.disabled-tier .tier-content{filter:grayscale(.8)contrast(.7)}.pro-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;z-index:10;background:#0006;border:2px dashed #ffd7004d;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset:0}.pro-overlay:hover{background:#ffd7001f;border-color:gold}.overlay-content{text-align:center;background:#111418;border:1px solid gold;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 28px;animation:2.5s ease-in-out infinite proPulse;display:flex;box-shadow:0 10px 30px #0009}.lock-icon{font-size:32px;animation:1.5s ease-in-out infinite lockBounce}.overlay-title{color:gold;letter-spacing:.5px;font-size:14px;font-weight:800}.overlay-subtitle{color:#94a3b8;max-width:320px;font-size:11px}@keyframes proPulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #00000080}50%{transform:scale(1.02);box-shadow:0 12px 32px #ffd70040}}@keyframes lockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.setting-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{color:var(--settings-text-primary);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.setting-help{cursor:help;color:var(--settings-text-muted);font-size:12px}.setting-control{justify-content:flex-end;align-items:center;min-width:240px;display:flex}.toggle-switch{cursor:pointer;background:#334155;border:none;border-radius:14px;width:48px;height:26px;padding:3px;transition:background-color .2s;position:relative}.toggle-switch.on{background:var(--settings-accent-gold)}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0000004d}.toggle-switch.on .toggle-thumb{background:#000;transform:translate(22px)}.select-input,.text-input{border:1px solid var(--settings-border);color:#fff;background:#0006;border-radius:6px;outline:none;min-width:200px;padding:8px 12px;font-size:13px;transition:border-color .2s}.select-input:focus,.text-input:focus{border-color:var(--settings-accent-gold)}.select-input option{color:#fff;background:#1e242d}.multiselect-container{min-width:260px;position:relative}.multiselect-trigger{border:1px solid var(--settings-border);color:#fff;cursor:pointer;text-align:left;background:#0006;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:13px;display:flex}.multiselect-trigger-text{white-space:nowrap;text-overflow:ellipsis;max-width:230px;overflow:hidden}.multiselect-arrow{color:var(--settings-text-muted);font-size:9px}.multiselect-dropdown{border:1px solid var(--settings-border-hover);z-index:100;background:#1a1e24;border-radius:8px;max-height:240px;margin-top:4px;padding:6px 0;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000080}.multiselect-search-box{border-bottom:1px solid var(--settings-border);padding:6px 10px}.multiselect-search-input{border:1px solid var(--settings-border);color:#fff;background:#0000004d;border-radius:4px;outline:none;width:100%;padding:5px 8px;font-size:12px}.multiselect-option{color:#cbd5e1;cursor:pointer;align-items:center;gap:10px;padding:7px 12px;font-size:12.5px;display:flex}.multiselect-option:hover{background:#ffffff0d}.multiselect-option.selected{color:var(--settings-accent-gold);font-weight:600}.radio-group,.checkbox-group{flex-wrap:wrap;gap:14px;display:flex}.radio-label,.checkbox-label{cursor:pointer;color:var(--settings-text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.radio-label.selected,.checkbox-label.checked{color:#fff;font-weight:600}.city-chips-container{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.city-chip{border:1px solid var(--settings-border);color:#fff;background:#ffffff12;border-radius:14px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:inline-flex}.city-chip-remove{color:var(--settings-text-muted);cursor:pointer;background:0 0;border:none;font-size:14px;line-height:1}.city-chip-remove:hover{color:#ef4444}.slider-container{align-items:center;gap:12px;display:flex}.range-slider{accent-color:var(--settings-accent-gold);cursor:pointer}.slider-value{color:var(--settings-accent-gold);text-align:right;width:32px;font-size:13px;font-weight:700}.color-swatch-box{align-items:center;gap:8px;display:flex}.color-input{cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px}.color-hex{color:var(--settings-text-muted);font-family:monospace;font-size:12px}.preview-section{border:1px solid var(--settings-border);background:#111418}.preview-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.preview-dim-note{color:var(--settings-text-muted);margin:4px 0 0;font-size:12px}.dim-presets-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dim-label{color:var(--settings-text-muted);font-size:11px;font-weight:600}.dim-preset-chip{border:1px solid var(--settings-border);color:var(--settings-text-secondary);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.dim-preset-chip:hover{color:#fff;background:#ffffff1a}.dim-preset-chip.active{background:var(--settings-accent-gold);color:#000;border-color:var(--settings-accent-gold)}.preview-board-cabinet{background:#0a0b0d;border:3px solid #1f242d;border-radius:8px;padding:16px;overflow:hidden auto;box-shadow:inset 0 0 20px #000c,0 8px 30px #0009}.preview-board-frame{min-width:100%;display:inline-block}.preview-board-grid{flex-direction:column;gap:4px;display:flex}.preview-row{gap:2px;display:flex}.preview-flap-cell{-webkit-user-select:none;user-select:none;background:#14161a;border-radius:2px;flex-direction:column;width:16px;height:26px;font-family:Courier New,Courier,monospace;display:inline-flex;position:relative;box-shadow:0 1px 3px #000000b3}.preview-flap-top,.preview-flap-bottom{background:#181b20;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-flap-top{border-bottom:1px solid #000c;border-top-left-radius:2px;border-top-right-radius:2px}.preview-flap-bottom{background:#14161a;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.preview-flap-glyph{color:#f8fafc;font-size:14px;font-weight:800;line-height:1}.preview-flap-hinge{z-index:2;background:#000000e6;height:1px;position:absolute;top:50%;left:0;right:0}.feature-action-bar{border-top:1px solid var(--settings-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:20px;display:flex}.action-left,.action-right{align-items:center;gap:12px;display:flex}.btn-action{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.btn-test{color:#38bdf8;background:#38bdf826;border-color:#38bdf84d}.btn-test:hover{background:#38bdf840;box-shadow:0 0 15px #38bdf84d}.btn-reset{color:#94a3b8;border-color:var(--settings-border);background:#ffffff0d}.btn-reset:hover{color:#fff;background:#ffffff1a}.btn-save{background:var(--settings-accent-gold);color:#000;box-shadow:0 4px 14px #ffd7004d}.btn-save:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.auto-save-hint{color:var(--settings-text-muted);font-size:12px;font-style:italic}.settings-toast{border:1px solid var(--settings-accent-gold);color:#fff;z-index:1000;background:#111418;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s ease-out slideInToast;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000080}.toast-error{color:#fca5a5;border-color:#ef4444}.toast-info{color:#bae6fd;border-color:#38bdf8}@keyframes slideInToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-gate-container{background:#090a0d;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.auth-card{border:1px solid var(--settings-border);text-align:center;background:#14171c;border-radius:16px;width:100%;max-width:480px;padding:40px;box-shadow:0 20px 50px #000000b3}.auth-badge{letter-spacing:1.5px;color:var(--settings-accent-gold);background:#ffd7001a;border-radius:20px;margin-bottom:16px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.auth-brand-logo{letter-spacing:2px;color:#fff;margin-bottom:12px;font-size:24px;font-weight:800}.auth-card h1{color:#fff;margin:0 0 10px;font-size:20px;font-weight:700}.auth-description{color:var(--settings-text-secondary);margin:0 0 28px;font-size:13px;line-height:1.6}.btn-google-auth{color:#1f2937;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000004d}.btn-google-auth:hover{background:#f1f5f9;transform:translateY(-1px)}.auth-divider{text-align:center;margin:20px 0;position:relative}.auth-divider:before{content:"";background:var(--settings-border);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{letter-spacing:1px;color:var(--settings-text-muted);background:#14171c;padding:0 10px;font-size:10px;font-weight:800;position:relative}.demo-tier-row{gap:8px;display:flex}.btn-demo-tier{cursor:pointer;border:1px solid var(--settings-border);color:#fff;background:#ffffff0a;border-radius:6px;flex:1;padding:10px;font-size:12px;font-weight:700;transition:all .2s}.btn-demo-tier:hover{background:#ffd7001a;border-color:gold}.auth-footer-note{color:var(--settings-text-muted);margin-top:24px;font-size:11px}.dashboard-hero{border:1px solid var(--settings-border);background:linear-gradient(135deg,#171b22 0%,#101216 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;padding:36px;display:flex}.hero-badge{letter-spacing:1.5px;color:var(--settings-accent-gold);margin-bottom:8px;font-size:11px;font-weight:800}.hero-title{color:#fff;letter-spacing:-.5px;margin:0 0 10px;font-size:28px;font-weight:800}.hero-desc{color:var(--settings-text-secondary);max-width:650px;margin:0 0 24px;font-size:14px;line-height:1.5}.hero-kpis-row{flex-wrap:wrap;gap:24px;display:flex}.hero-kpi-card{flex-direction:column;display:flex}.kpi-num{color:#fff;font-size:22px;font-weight:800}.kpi-label{color:var(--settings-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.hero-pro-cta-card{text-align:center;background:#ffd70014;border:1px solid #ffd7004d;border-radius:12px;max-width:320px;padding:24px}.cta-lock-icon{margin-bottom:8px;font-size:32px;display:inline-block}.cta-text h3{color:gold;margin:0 0 6px;font-size:15px}.cta-text p{color:#cbd5e1;margin:0 0 16px;font-size:12px;line-height:1.4}.btn-cta-upgrade{background:var(--settings-accent-gold);color:#000;cursor:pointer;border:none;border-radius:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:transform .15s}.btn-cta-upgrade:hover{transform:translateY(-1px)}.catalog-heading{color:#fff;margin:0 0 4px;font-size:20px;font-weight:800}.catalog-subheading{color:var(--settings-text-muted);margin:0 0 24px;font-size:13px}.catalog-category-block{margin-bottom:32px}.category-block-title{color:var(--settings-accent-gold);margin:0 0 16px;font-size:15px;font-weight:700}.category-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.catalog-card{background:var(--settings-card-bg);border:1px solid var(--settings-border);color:inherit;border-radius:10px;flex-direction:column;padding:18px;text-decoration:none;transition:all .2s;display:flex}.catalog-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.catalog-card.card-locked{border-style:dashed}.card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-icon{font-size:24px}.card-tier-pill{border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.card-num{color:var(--settings-text-muted);font-size:11px;font-weight:700}.card-name{color:#fff;margin:4px 0 8px;font-size:15px;font-weight:700;line-height:1.3}.card-desc{color:var(--settings-text-secondary);flex:1;margin:0 0 16px;font-size:12px;line-height:1.4}.card-footer{border-top:1px solid #ffffff0d;padding-top:10px}.card-action-text{color:var(--settings-accent-blue);font-size:12px;font-weight:600}.sync-status-box{color:#86efac;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.sync-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #22c55e}.in-place-inspector-popup{z-index:10000;-webkit-backdrop-filter:blur(24px);box-sizing:border-box;color:#f1f3f9;-webkit-user-select:none;user-select:none;touch-action:none;background:#101219f2;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;width:320px;max-width:calc(100vw - 24px);max-height:440px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;animation:.22s cubic-bezier(.16,1,.3,1) forwards inPlaceFadeIn;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 50px #000000bf,inset 0 1px #ffffff24}.in-place-inspector-popup.closing{pointer-events:none;animation:.18s cubic-bezier(.16,1,.3,1) forwards inPlaceFadeOut}@keyframes inPlaceFadeIn{0%{opacity:0;transform:scale(.96)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes inPlaceFadeOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(5px)}}.in-place-drag-tab{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#0a0c12bf;justify-content:center;align-items:center;width:100%;padding:6px 0 2px;display:flex}.in-place-drag-tab:active,.in-place-drag-tab.dragging{cursor:grabbing}.in-place-drag-pill{background:#ffffff47;border-radius:3px;width:36px;height:4px;transition:all .18s}.in-place-drag-tab:hover .in-place-drag-pill,.in-place-drag-tab:active .in-place-drag-pill{background:#ff9f0a;width:46px}.in-place-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#0a0c12bf;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px 10px;display:flex}.in-place-header:active{cursor:grabbing}.in-place-title-group{align-items:center;gap:8px;display:flex}.in-place-icon{font-size:15px;line-height:1}.in-place-title{color:#fff;letter-spacing:.2px;font-size:12.5px;font-weight:700}.in-place-subtitle{color:#ffffff73;font-size:10px}.in-place-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;line-height:1;transition:all .18s;display:flex}.in-place-close-btn:hover{color:#fff;background:#ffffff2e;transform:scale(1.08)}.in-place-close-btn:active{transform:scale(.92)}.in-place-body{scrollbar-width:thin;scrollbar-color:#ff9f0a66 transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 14px;display:flex;overflow:hidden auto}.in-place-body::-webkit-scrollbar{width:4px}.in-place-body::-webkit-scrollbar-thumb{background:#ff9f0a59;border-radius:4px}.in-place-body::-webkit-scrollbar-thumb:hover{background:#ff9f0ab3}.in-place-section{flex-direction:column;gap:6px;display:flex}.in-place-section-header{justify-content:space-between;align-items:center;display:flex}.in-place-section-title{color:#8b92a0;text-transform:uppercase;letter-spacing:.8px;font-size:10.5px;font-weight:800}.in-place-grid-2col{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.in-place-grid-3col{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.in-place-grid-4col{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.in-place-card-btn{color:#e2e8f0;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 8px;transition:all .16s;display:flex}.in-place-card-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.in-place-card-btn:active{transform:scale(.97)}.in-place-card-btn.active{color:#fff;background:#ff9f0a2e;border-color:#ff9f0a;font-weight:700;box-shadow:0 0 10px #ff9f0a40}.in-place-swatch-circle{border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;width:18px;height:18px}.in-place-card-text{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.in-place-check{color:#ff9f0a;font-size:11px;font-weight:800}.in-place-mini-flap-preview{border:1px solid #ffffff26;border-radius:4px;flex-direction:column;flex-shrink:0;width:22px;height:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0009}.in-place-mini-flap-half{flex:1;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;overflow:hidden}.in-place-mini-flap-line{background:#0009;flex-shrink:0;width:100%;height:1px;box-shadow:0 1px #ffffff1a}.in-place-rolling-row{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex;overflow-x:hidden}.in-place-pill-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .16s;display:inline-flex}.in-place-pill-btn:hover{color:#fff;background:#ffffff24}.in-place-pill-btn:active{transform:scale(.95)}.in-place-pill-btn.active{color:#ff9f0a;background:#ff9f0a33;border-color:#ff9f0a;font-weight:700;box-shadow:0 0 10px #ff9f0a40}.in-place-slider-row{align-items:center;gap:8px;display:flex}.in-place-range{accent-color:var(--accent-color,#ff9f0a);cursor:pointer;flex:1}.in-place-val-badge{color:#ff9f0a;text-align:center;background:#ff9f0a26;border:1px solid #ff9f0a4d;border-radius:6px;min-width:44px;padding:2px 7px;font-size:11px;font-weight:700}.in-place-stepper-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.in-place-stepper-btn:hover{background:#ffffff2e;border-color:#ffffff47}.corner-resize-gizmo-layer{pointer-events:none;z-index:50;border-radius:inherit;position:absolute;inset:0}.corner-resize-hotspot{pointer-events:auto;opacity:0;z-index:55;box-sizing:border-box;width:48px;height:48px;transition:opacity .2s cubic-bezier(.16,1,.3,1);position:absolute}.corner-resize-hotspot:hover,.corner-resize-hotspot.active,.corner-resize-hotspot.dragging{opacity:1}.corner-resize-hotspot.corner-tl{top:-4px;left:-4px}.corner-resize-hotspot.corner-tr{top:-4px;right:-4px}.corner-resize-hotspot.corner-bl{bottom:-4px;left:-4px}.corner-resize-hotspot.corner-br{bottom:-4px;right:-4px}.corner-green-bracket{pointer-events:none;box-sizing:border-box;border:3px solid #30d158;width:32px;height:32px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;box-shadow:0 0 14px #30d158d9,inset 0 0 8px #30d15866}.corner-tl .corner-green-bracket{border-bottom:none;border-right:none;border-top-left-radius:8px;top:0;left:0}.corner-tr .corner-green-bracket{border-bottom:none;border-left:none;border-top-right-radius:8px;top:0;right:0}.corner-bl .corner-green-bracket{border-top:none;border-right:none;border-bottom-left-radius:8px;bottom:0;left:0}.corner-br .corner-green-bracket{border-top:none;border-left:none;border-bottom-right-radius:8px;bottom:0;right:0}.corner-resize-hotspot:hover .corner-green-bracket,.corner-resize-hotspot.active .corner-green-bracket,.corner-resize-hotspot.dragging .corner-green-bracket{border-color:#34c759;transform:scale(1.06);box-shadow:0 0 20px #34c759f2,inset 0 0 12px #34c75999}.corner-grab-handle{pointer-events:auto;z-index:56;background:#30d158;border:1.5px solid #fff;border-radius:4px;transition:transform .15s,background .15s,box-shadow .15s;position:absolute;box-shadow:0 0 10px #30d158f2}.corner-grab-handle:hover,.corner-grab-handle:active{background:#3aff6c;transform:scale(1.22);box-shadow:0 0 16px #3aff6c}.corner-handle-h{cursor:ns-resize;width:26px;height:8px}.corner-tl .corner-handle-h{top:-2px;left:16px}.corner-tr .corner-handle-h{top:-2px;right:16px}.corner-bl .corner-handle-h{bottom:-2px;left:16px}.corner-br .corner-handle-h{bottom:-2px;right:16px}.corner-handle-v{cursor:ew-resize;width:8px;height:26px}.corner-tl .corner-handle-v{top:16px;left:-2px}.corner-tr .corner-handle-v{top:16px;right:-2px}.corner-bl .corner-handle-v{bottom:16px;left:-2px}.corner-br .corner-handle-v{bottom:16px;right:-2px}.corner-handle-dual{background:#34c759;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 12px #34c759,0 2px 6px #0009}.corner-tl .corner-handle-dual{cursor:nwse-resize;top:-5px;left:-5px}.corner-tr .corner-handle-dual{cursor:nesw-resize;top:-5px;right:-5px}.corner-bl .corner-handle-dual{cursor:nesw-resize;bottom:-5px;left:-5px}.corner-br .corner-handle-dual{cursor:nwse-resize;bottom:-5px;right:-5px}.corner-drag-tooltip{z-index:10001;pointer-events:none;color:#fff;letter-spacing:.3px;background:#0c0e14f2;border:1.5px solid #30d158;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:800;display:flex;position:fixed;transform:translate(-50%,-130%);box-shadow:0 0 16px #30d15880,0 10px 24px #000000b3}.corner-drag-pulse{background:#30d158;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #30d158}.in-place-texture-grid{grid-template-columns:repeat(2,1fr);gap:6px;max-height:220px;padding:2px 2px 4px 0;display:grid;overflow:hidden auto}.in-place-texture-card{color:#e2e8f0;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:8px;min-width:0;padding:5px 8px;transition:all .16s;display:flex}.in-place-texture-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.in-place-texture-card.active{color:#fff;background:#ff9f0a2e;border-color:#ff9f0a;font-weight:700;box-shadow:0 0 10px #ff9f0a40}.in-place-texture-swatch{background-color:#1e222d;border:1px solid #ffffff38;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.in-place-texture-layer{background-repeat:repeat;background-size:32px;position:absolute;inset:0}.in-place-texture-none{color:#fff9;letter-spacing:.3px;text-transform:uppercase;font-size:9px;font-weight:800}.in-place-texture-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;overflow:hidden}.in-place-thickness-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.in-place-thickness-card{color:#e2e8f0;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 6px;transition:all .16s;display:flex;position:relative}.in-place-thickness-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.in-place-thickness-card.active{color:#fff;background:#ff9f0a2e;border-color:#ff9f0a;box-shadow:0 0 10px #ff9f0a40}.in-place-thickness-preview-box{box-sizing:border-box;background:#14171f;border-radius:4px;justify-content:center;align-items:center;width:50px;height:28px;display:flex;position:relative;overflow:hidden}.in-place-thickness-preview-box.thick-none{border:1.5px dashed #ffffff59;box-shadow:none!important}.in-place-thickness-inner{color:#ffffff80;letter-spacing:.5px;background:#0d0e12;justify-content:center;align-items:center;width:100%;height:100%;font-size:8.5px;font-weight:800;display:flex}.in-place-thickness-title{font-size:11px;font-weight:700;line-height:1.2}.in-place-thickness-sub{color:#ffffff8c;font-size:9px}.in-place-typography-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.in-place-font-card{color:#e2e8f0;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:7px 4px;transition:all .16s;display:flex;position:relative}.in-place-font-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.in-place-font-card.active{color:#fff;background:#ff9f0a2e;border-color:#ff9f0a;box-shadow:0 0 10px #ff9f0a40}.in-place-font-thumb{background:#090a0f;border:1px solid #ffffff24;border-radius:5px;justify-content:center;align-items:center;width:100%;height:38px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #000000b3}.in-place-font-specimen-img{object-fit:cover;width:100%;height:100%;display:block}.in-place-font-classic-preview{background:#0e1018;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.font-preview-char{color:#fff;letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1}.in-place-font-crease{pointer-events:none;z-index:2;background:#000000d9;height:1px;position:absolute;top:50%;left:0;right:0;box-shadow:0 1px #ffffff1f}.in-place-font-info{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.in-place-font-label{color:#ff9f0a;letter-spacing:.5px;font-size:8.5px;font-weight:800}.in-place-font-name{white-space:nowrap;text-overflow:ellipsis;max-width:78px;font-size:10px;font-weight:700;overflow:hidden}:root{--board-scale:1;--base-cell-width:53px;--base-cell-height:88px;--base-gap-x:15.6px;--base-gap-y:32px;--base-border-gap:85px;--base-frame-width:8px;--base-flap-setback:15px;--cell-width:calc(var(--base-cell-width) * var(--board-scale));--cell-height:calc(var(--base-cell-height) * var(--board-scale));--cell-aspect-ratio:.6023;--module-gap-x:calc(var(--base-gap-x) * var(--board-scale));--module-gap-y:calc(var(--base-gap-y) * var(--board-scale));--column-divider-gap:calc(18px * var(--board-scale));--card-inset:calc(2px * var(--board-scale));--board-padding-x:calc(var(--base-border-gap) * var(--board-scale));--board-padding-y:calc(var(--base-border-gap) * var(--board-scale));--cabinet-frame-border-width:calc(var(--base-frame-width) * var(--board-scale));--cell-recess-shadow:inset 0px 4px 6px -1px #000000c7, inset 0px 1px 2px #000000e6;--cabinet-border-shadow:inset 0px 6px 14px -2px #000000d9, inset 0px 2px 4px #000000e6;--hinge-y:50%;--hinge-thickness:max(1px, calc(1px * var(--board-scale)));--pivot-diameter:calc(3.5px * var(--board-scale));--pivot-inset-x:calc(1.5px * var(--board-scale));--card-perspective:calc(600px * var(--board-scale));--cabinet-bg:#111215;--cabinet-border:#22252c;--cabinet-shadow:0 25px 60px -15px #000c, inset 0 1px 0 #ffffff0d;--housing-bg:#18191f;--housing-border:#242730;--housing-shadow:inset 0 2px 4px #0009, 0 1px 2px #0006;--flap-front-bg:#21232b;--flap-back-bg:#16171d;--flap-edge:#373b47;--glyph-color:#f3f4f6;--glyph-font-family:"Space Grotesk", "Roboto Mono", monospace;--hinge-seam-color:#0c0d10;--pivot-pin-color:#4f5565;--pivot-pin-border:#1c1e24;--accent-color:#f59e0b;--status-led-active:#10b981}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#08090c;width:100%;height:100dvh;min-height:-webkit-fill-available;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100dvh;min-height:-webkit-fill-available;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}.flap-cell{width:var(--cell-width);height:var(--cell-height);perspective:calc(var(--cell-height) * 4);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.module-housing{background-color:var(--housing-bg);border:1px solid var(--housing-border);width:100%;height:100%;box-shadow:var(--housing-shadow);border-radius:1px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-container{top:var(--card-inset);bottom:var(--card-inset);left:var(--card-inset);right:var(--card-inset);transform-style:preserve-3d;background-color:#0b0c0e;border-radius:1px;position:absolute;overflow:hidden}.card-container:after{content:"";pointer-events:none;z-index:20;box-shadow:var(--cell-recess-shadow);border-radius:1px;transition:box-shadow .4s;position:absolute;inset:0}.card-half{background-color:var(--flap-front-bg);backface-visibility:hidden;position:absolute;left:0;right:0;overflow:hidden}.card-half.upper{border:none;height:50%;top:0}.card-half.lower{border:none;height:50%;bottom:0}.glyph-wrapper{pointer-events:none;justify-content:center;align-items:center;width:100%;height:200%;display:flex;position:absolute;left:0;right:0}.card-half.upper .glyph-wrapper,.card-face.front .glyph-wrapper{top:0}.card-half.lower .glyph-wrapper,.card-face.back .glyph-wrapper{top:-100%}.glyph-char{color:var(--glyph-color);font-family:var(--glyph-font-family);font-size:calc((var(--cell-height) - (var(--card-inset) * 2)) * .72);text-align:center;text-transform:uppercase;letter-spacing:normal;text-shadow:0 1px 1px #0006;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;line-height:1;display:flex;transform:translateY(2%)scaleY(1.1)}.glyph-char.is-emoji{font-size:calc((var(--cell-height) - (var(--card-inset) * 2)) * .65);letter-spacing:normal!important;text-transform:none!important;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important;transform:translateY(0%)scaleY(1)!important}.glyph-char.font-style-0,.board-font-style-0 .glyph-char{font-family:var(--glyph-font-family,"Space Grotesk", "Roboto Mono", sans-serif);letter-spacing:normal;font-weight:700;transform:translateY(2%)scaleY(1.1)}.glyph-char.font-style-1,.board-font-style-1 .glyph-char{color:var(--font-1-color,#ffe600);letter-spacing:normal;text-shadow:0 0 3px #ffe60066,0 1px 2px #000c;font-weight:700;transform:translateY(2%)scaleY(1.1);font-family:Silkscreen,DotGothic16,monospace!important}.glyph-char.font-style-2,.board-font-style-2 .glyph-char{font-variation-settings:"ROND" 100;color:var(--font-2-color,#ffb000);letter-spacing:normal;text-shadow:0 0 4px #ffb0008c,0 1px 2px #000000e6;font-weight:900;transform:translateY(2%)scaleY(1.1);font-family:Doto,Geist Pixel,monospace!important}.board-grid-wrapper.is-rtl,.board-grid-wrapper.is-rtl .board-grid-row{direction:rtl}.board-grid-wrapper.is-rtl .glyph-char{letter-spacing:0;line-height:1.1;transform:translateY(2%)scaleY(1.1);text-transform:none!important;font-family:Vazirmatn,Segoe UI,Tahoma,Space Grotesk,sans-serif!important}.card-texture-overlay{pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000001f 100%);position:absolute;inset:0}.card-texture-overlay.back-tint{background:linear-gradient(#0003 0%,#ffffff0a 100%)}.flap-leaf-rotating{transform-origin:bottom;height:50%;transform-style:preserve-3d;z-index:10;pointer-events:none;will-change:transform;position:absolute;top:0;left:0;right:0}.card-face.front{background-color:var(--flap-front-bg);backface-visibility:hidden;border:none;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.card-face.back{background-color:var(--flap-front-bg);backface-visibility:hidden;border:none;position:absolute;inset:0;overflow:hidden;transform:rotateX(180deg);box-shadow:inset 0 -1px #0006}.card-thickness-edge{background-color:var(--flap-edge);pointer-events:none;height:1.5px;position:absolute;left:0;right:0}.card-thickness-edge.bottom{bottom:0;box-shadow:0 1px 2px #fff3}.card-thickness-edge.top{top:0;box-shadow:0 -1px 2px #00000080}.flap-shadow-overlay{pointer-events:none;z-index:3;background:linear-gradient(#000c 0%,#00000026 100%);position:absolute;inset:0}.hinge-axis-seam{height:var(--hinge-thickness);background-color:var(--hinge-seam-color);z-index:15;pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 .5px 1px #000c}.pivot-pin{width:var(--pivot-diameter);height:var(--pivot-diameter);background-color:var(--pivot-pin-color);border:.5px solid var(--pivot-pin-border);z-index:16;pointer-events:none;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 2px #000000b3,inset 0 .5px .5px #fff6}.pivot-pin.left{left:var(--pivot-inset-x)}.pivot-pin.right{right:var(--pivot-inset-x)}@media (prefers-reduced-motion:reduce){.rotating-flap-leaf{transition:none!important}.flap-shadow-overlay{display:none!important}}.board-cabinet.flap-color-black{--flap-front-bg:#111215;--flap-back-bg:#14161a;--flap-edge:#090a0c;--hinge-seam-color:#060708}.board-cabinet.flap-color-white{--flap-front-bg:#f5f6f8;--flap-back-bg:#eceef2;--flap-edge:#d8dde6;--hinge-seam-color:#cbd2dc}.board-cabinet.flap-color-grey{--flap-front-bg:#32363e;--flap-back-bg:#2b2f36;--flap-edge:#21242a;--hinge-seam-color:#1a1c20}.board-cabinet.flap-border-off .module-housing{box-shadow:none!important;background-color:#0000!important;border-color:#0000!important}.board-cabinet.flap-border-classic-black .module-housing{background-color:#18191f!important;border:1px solid #242730!important;box-shadow:inset 0 2px 4px #0009,0 1px 2px #0006!important}.board-cabinet.flap-border-modern-white .module-housing{background-color:#e2e6ee!important;border:1px solid #c8ceda!important;box-shadow:inset 0 1px 3px #0000001f!important}.board-cabinet.flap-border-board-color .module-housing{-webkit-backdrop-filter:brightness(.8)!important;background-color:#00000038!important;border:1px solid #00000059!important;box-shadow:inset 0 1px 3px #0000004d!important}.board-cabinet.display-type-dot-matrix .hinge-axis-seam,.board-cabinet.display-type-dot-matrix .pivot-pin,.board-cabinet.display-type-dot-matrix .card-thickness-edge,.board-cabinet.display-type-square-led .hinge-axis-seam,.board-cabinet.display-type-square-led .pivot-pin,.board-cabinet.display-type-square-led .card-thickness-edge{display:none!important}.board-cabinet.display-type-dot-matrix .card-half.upper,.board-cabinet.display-type-square-led .card-half.upper{border-bottom:none!important}.board-cabinet.display-type-dot-matrix .card-half.lower,.board-cabinet.display-type-square-led .card-half.lower{border-top:none!important}.board-cabinet.display-type-dot-matrix .glyph-char{font-variation-settings:"ROND" 100;letter-spacing:normal;font-weight:900;transform:translateY(2%)scaleY(1.1);font-family:Doto,Geist Pixel,monospace!important}.board-cabinet.display-type-square-led .glyph-char{letter-spacing:normal;font-weight:700;transform:translateY(2%)scaleY(1.1);font-family:Silkscreen,DotGothic16,monospace!important}.board-cabinet.display-type-split-flap .glyph-char{color:var(--glyph-color)!important;text-shadow:none!important}.board-cabinet.display-type-dot-matrix.led-color-yellow .glyph-char,.board-cabinet.display-type-square-led.led-color-yellow .glyph-char{color:#ffb000!important;text-shadow:0 0 6px #ffb000b3,0 0 14px #ffb00059!important}.board-cabinet.display-type-dot-matrix.led-color-green .glyph-char,.board-cabinet.display-type-square-led.led-color-green .glyph-char{color:#30d158!important;text-shadow:0 0 6px #30d158b3,0 0 14px #30d15859!important}.board-cabinet.display-type-dot-matrix.led-color-blue .glyph-char,.board-cabinet.display-type-square-led.led-color-blue .glyph-char{color:#0a84ff!important;text-shadow:0 0 6px #0a84ffb3,0 0 14px #0a84ff59!important}.board-cabinet.display-type-dot-matrix.led-color-red .glyph-char,.board-cabinet.display-type-square-led.led-color-red .glyph-char{color:#ff453a!important;text-shadow:0 0 6px #ff453ab3,0 0 14px #ff453a59!important}.board-cabinet.display-type-dot-matrix.led-color-white .glyph-char,.board-cabinet.display-type-square-led.led-color-white .glyph-char{color:#fff!important;text-shadow:0 0 6px #ffffffbf,0 0 14px #fff6!important}.board-cabinet.display-type-dot-matrix .glyph-char,.board-cabinet.display-type-square-led .glyph-char,.board-cabinet.is-led-mode .glyph-char{z-index:30;position:relative}.board-cabinet.is-led-mode .card-half:before{content:"";background-image:var(--recessed-board-overlay);pointer-events:none;z-index:1;background-repeat:no-repeat;background-attachment:fixed;position:absolute;inset:0}.board-cabinet.is-led-mode .glyph-wrapper{z-index:2}.board-cabinet.lang-fa .glyph-char,.board-cabinet.lang-ar .glyph-char{font-family:Vazirmatn,sans-serif!important}.board-cabinet.lang-zh .glyph-char{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important}.board-cabinet.lang-ja .glyph-char{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif!important}.board-cabinet.lang-ko .glyph-char{font-family:Noto Sans KR,Malgun Gothic,sans-serif!important}.aerboard-app{background-color:#08090c;justify-content:center;align-items:center;width:100vw;height:100dvh;min-height:-webkit-fill-available;display:flex;position:relative;overflow:hidden}html.mobile-fullscreen-active,body.mobile-fullscreen-active,.aerboard-app.mobile-fullscreen-active{z-index:99999!important;width:100vw!important;height:100dvh!important;min-height:-webkit-fill-available!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}.board-background-layer{pointer-events:none;z-index:0;background-position:50%;background-size:cover;transition:opacity .4s;position:absolute;inset:0}.board-background-overlay{background-color:rgba(8, 9, 12, var(--bg-overlay-opacity,.8));-webkit-backdrop-filter:blur(var(--bg-blur,0px));backdrop-filter:blur(var(--bg-blur,0px));position:absolute;inset:0}.board-cabinet{z-index:1;background-color:var(--cabinet-bg);border:var(--cabinet-frame-border-width,8px) solid var(--cabinet-border);box-shadow:var(--cabinet-shadow);padding:var(--board-padding-y) var(--board-padding-x);box-sizing:border-box;border-radius:4px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:fit-content;max-width:none;height:fit-content;max-height:none;margin:auto;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:visible}.board-cabinet:before{content:"";inset:calc(-1 * var(--cabinet-frame-border-width,8px));border-radius:inherit;pointer-events:none;z-index:2;position:absolute;box-shadow:inset 0 1px 1px #ffebcd38,inset 0 -1px 2px #000000b3}.board-cabinet.is-fill-monitor:before,.board-cabinet.frame-none:before{display:none!important}.board-cabinet.frame-none{box-shadow:none!important;border:none!important}.board-cabinet.frame-none .board-frame-inner-shadow{box-shadow:none!important;display:none!important}.board-cabinet.is-fill-monitor{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;border-radius:0!important;margin:0!important}.board-material-wrapper{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.board-material-surface{pointer-events:none;z-index:0;transform-origin:50%;width:max(250vw,250vh);height:max(250vw,250vh);transition:filter .2s,opacity .3s;position:absolute;top:50%;left:50%}.board-frame-inner-shadow{pointer-events:none;z-index:1;border-radius:inherit;box-shadow:var(--cabinet-border-shadow);transition:box-shadow .3s;position:absolute;inset:0}.board-cabinet .cabinet-bezel-header,.board-cabinet .board-grid-wrapper{z-index:1;position:relative}.board-cabinet.theme-walnut-black{background-color:#17110e;background-image:repeating-linear-gradient(90deg,#ffffff04 0,#00000014 2px,#ffd7b403 4px,#0000001f 8px,#0000 14px),linear-gradient(#1f1613 0%,#140d0b 50%,#1b1310 100%);border-color:#352721;box-shadow:0 30px 70px -15px #000000e6,inset 0 1px #ffd7b414,inset 0 0 50px #000000b3}.board-cabinet.theme-shou-sugi-ban{background-color:#070809;background-image:repeating-linear-gradient(0deg,#ffffff06 0,#00000026 1px,#0000 3px),repeating-linear-gradient(90deg,#000000d9 0,#16181d66 3px,#000000f2 6px,#0a0b0e4d 12px),radial-gradient(circle,#101216 0%,#050607 100%);border-color:#1a1c24;box-shadow:0 35px 85px -15px #000000fa,inset 0 1px #ffffff0a,inset 0 0 65px #000000eb}.cabinet-bezel-header{display:none!important}.cabinet-lcd-recess{bottom:calc(var(--board-padding-y) * .22);right:calc(var(--board-padding-x) * .65);padding:calc(3px * var(--board-scale)) calc(5px * var(--board-scale));border-radius:calc(3px * var(--board-scale));z-index:5;pointer-events:auto;background:#090c0a;border:1px solid #000000e6;position:absolute;box-shadow:inset 1px 1px 4px #000000f2,inset -1px -1px 2px #ffffff14,0 1px 3px #000c}.cabinet-lcd-screen{border-radius:calc(2px * var(--board-scale));padding:calc(2px * var(--board-scale)) calc(7px * var(--board-scale));background:#06150c;border:1px solid #0f2c1b;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 6px #000000eb}.cabinet-lcd-glare{pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff03 50%,#0000 100%);position:absolute;inset:0}.cabinet-lcd-text{font-family:Courier New,Consolas,monospace;font-size:calc(10px * var(--board-scale));letter-spacing:.16em;text-transform:uppercase;color:#34d399;text-shadow:0 0 4px #34d39980;white-space:pre;font-weight:700;line-height:1.2}.cabinet-title-group{align-items:center;gap:10px;display:flex}.cabinet-brand-text{font-family:Space Grotesk,sans-serif;font-size:calc(13px * var(--board-scale));letter-spacing:.25em;text-transform:uppercase;color:#ffffff80;font-weight:700}.cabinet-status-group{align-items:center;gap:8px;display:flex}.status-indicator-dot{background-color:var(--status-led-active);width:8px;height:8px;box-shadow:0 0 8px var(--status-led-active);border-radius:50%;transition:background-color .3s}.status-indicator-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;font-family:Space Grotesk,monospace;font-size:11px;font-weight:600}.board-grid-wrapper{gap:var(--module-gap-y);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex-shrink:0;padding:4px;display:flex;overflow:visible!important}.board-grid-wrapper::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.board-grid-row{gap:var(--module-gap-x);flex-direction:row;flex-shrink:0;display:flex}.flap-cell.is-column-divider{position:relative}.flap-cell.is-column-divider:after{content:"";top:15%;bottom:15%;right:calc(-.5 * var(--column-divider-gap,14px) * var(--board-scale));pointer-events:none;background:linear-gradient(#ffffff03 0%,#ffffff14 30% 70%,#ffffff03 100%);width:1px;position:absolute}.top-left-hud-bar{top:calc(16px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));z-index:999;-webkit-user-select:none;user-select:none;background:#12141ae0;border:1px solid #ffffff29;border-radius:28px;align-items:center;gap:4px;padding:4px 6px;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;box-shadow:0 8px 24px #0000008c}.top-left-hud-bar.auto-hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.top-left-hud-bar:not(.auto-hidden):hover,.top-left-hud-bar:not(.auto-hidden):focus-within{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.top-left-hud-btn{color:#fffc;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.top-left-hud-btn:hover{color:#fff;background:#ffffff24;transform:scale(1.06)}.top-left-hud-btn:active{background:#ffffff38;transform:scale(.94)}.top-left-hud-btn.active{color:#fff;background:#ffffff2e}.top-left-hud-btn svg{display:block}.top-right-auth-bar{top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));z-index:999;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#12141ae0;border:1px solid #ffffff29;border-radius:28px;align-items:center;gap:6px;padding:4px 6px;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;box-shadow:0 8px 24px #0000008c}.top-right-auth-bar.auto-hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.top-right-auth-bar:not(.auto-hidden):hover,.top-right-auth-bar:not(.auto-hidden):focus-within{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.top-right-google-btn{color:#3c4043;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000001f;border-radius:20px;align-items:center;gap:8px;height:38px;padding:0 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 4px #00000047}.top-right-google-btn:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #00000059}.top-right-google-btn.active{border-color:var(--accent-color,#ff9f0a);background:#f1f3f4}.top-right-user-icon-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.top-right-user-icon-btn:hover{transform:scale(1.08)}.top-right-user-icon-btn.active{box-shadow:0 0 0 2px var(--accent-color,#ff9f0a)}.top-right-user-btn{color:#f0f2f5;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:8px;height:38px;padding:0 10px 0 4px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.top-right-user-btn:hover{background:#ffffff1f;border-color:#ffffff38}.top-right-user-btn.active{border-color:var(--accent-color,#ff9f0a);background:#ffffff2e}.top-right-user-avatar{object-fit:cover;border:2px solid #ffffff59;border-radius:50%;width:32px;height:32px;box-shadow:0 2px 6px #0006}.top-right-user-initial{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 6px #0006}.top-right-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.auth-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 7px;font-size:10px;line-height:1.2}.auth-badge-admin{color:#000;background:linear-gradient(135deg,#ff9f0a,#ffd60a);font-weight:800;box-shadow:0 0 10px #ff9f0a59}.auth-badge-basic{color:#94a3b8;background:#ffffff1a;font-weight:600}.top-right-superadmin-btn{color:#ff9f0a;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff9f0a2e,#ff453a1f);border:1px solid #ff9f0a73;border-radius:20px;align-items:center;gap:6px;height:38px;padding:0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 10px #ff9f0a33}.top-right-superadmin-btn:hover{color:#fff;background:linear-gradient(135deg,#ff9f0a4d,#ff453a33);border-color:#ff9f0a;transform:translateY(-1px);box-shadow:0 4px 16px #ff9f0a59}.top-right-superadmin-icon{font-size:15px;line-height:1}.top-right-superadmin-label{letter-spacing:.2px}.auth-superadmin-card{background:linear-gradient(145deg,#ff9f0a14,#12141af2);border:1px solid #ff9f0a59;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 4px 14px #0006}.auth-superadmin-badge-row{justify-content:space-between;align-items:center;display:flex}.auth-superadmin-tag{letter-spacing:.6px;color:#ff9f0a;align-items:center;gap:5px;font-size:10.5px;font-weight:800;display:flex}.auth-superadmin-pill{letter-spacing:.8px;color:#ff453a;background:#ff453a33;border:1px solid #ff453a66;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.auth-superadmin-desc{color:#cbd5e1;font-size:11px;line-height:1.4}.auth-superadmin-link-btn{color:#ff9f0a;background:#ff9f0a26;border:1px solid #ff9f0a66;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.auth-superadmin-link-btn:hover{color:#000;background:#ff9f0a;border-color:#ff9f0a;transform:translateY(-1px)}.top-right-caret{color:#fff9;margin-left:-2px;font-size:10px}.top-right-country-btn{color:#f0f2f5;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff29;border-radius:18px;align-items:center;gap:6px;height:36px;padding:0 11px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.top-right-country-btn:hover{background:#ffffff26;border-color:#ffffff47;transform:scale(1.02)}.top-right-country-btn.active{border-color:var(--accent-color,#ff9f0a);background:#fff3}.top-right-country-flag{font-size:16px;line-height:1}.top-right-country-code{letter-spacing:.5px;font-size:12px;font-weight:700}.top-right-country-dropdown{top:calc(66px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));width:290px;max-width:calc(100vw - 32px);max-height:calc(100vh - 84px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(24px);z-index:1050;background:#12141af5;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex;position:fixed;box-shadow:0 20px 50px #000000b3}.country-status-indicator{color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;display:flex}.country-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.country-search-input{box-sizing:border-box;color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-size:12px;transition:border-color .2s}.country-search-input:focus{border-color:var(--accent-color,#ff9f0a)}.country-list-scroll{flex-direction:column;gap:2px;max-height:240px;padding-right:2px;display:flex;overflow-y:auto}.country-list-divider{background:#ffffff1a;height:1px;margin:4px 0}.country-item-btn{color:#f0f2f5;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;font-size:12.5px;transition:all .15s;display:flex}.country-item-btn:hover{background:#ffffff1f}.country-item-btn.active{color:#ff9f0a;background:#ff9f0a2e;font-weight:600}.country-item-flag{flex-shrink:0;font-size:16px;line-height:1}.country-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.country-item-code{color:#fff6;letter-spacing:.5px;font-size:10.5px;font-weight:700}.country-item-check{color:#ff9f0a;font-size:13px;font-weight:800}.quick-location-form{flex-direction:column;gap:10px;display:flex}.quick-location-field{flex-direction:column;gap:4px;display:flex}.quick-location-label{letter-spacing:.05em;text-transform:uppercase;color:#ffffffa6;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:700;display:flex}.quick-location-label-hint{color:#ff9f0ad9;text-transform:none;font-size:9.5px;font-weight:500}.quick-location-select{box-sizing:border-box;color:#f3f4f6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:9px;outline:none;width:100%;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .2s}.quick-location-select:hover{background:#ffffff1f;border-color:#ffffff42}.quick-location-select:focus{border-color:var(--accent-color,#ff9f0a);background:#ffffff24}.quick-location-select option{color:#f3f4f6;background:#181b24;padding:6px}.quick-location-specs-row{flex-wrap:wrap;align-items:center;gap:6px;padding-top:2px;display:flex}.quick-location-spec-pill{color:#fffc;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:600;display:inline-flex}.quick-location-spec-pill.accent{color:#ff9f0a;background:#ff9f0a26;border-color:#ff9f0a59}.quick-location-refresh-btn{color:#ff9f0a;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ff9f0a26;border:1px solid #ff9f0a66;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:700;transition:all .2s;display:inline-flex}.quick-location-refresh-btn:hover:not(:disabled){background:#ff9f0a47;border-color:#ff9f0a;transform:translateY(-1px)}.quick-location-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.quick-location-refresh-btn.refreshing{color:#fff;background:#ffffff1a;border-color:#ffffff4d}@keyframes spin-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:.8s linear infinite spin-360;display:inline-block}.bottom-hud-bar{bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:999;-webkit-backdrop-filter:blur(20px);-webkit-user-select:none;user-select:none;background:#12141ae0;border:1px solid #ffffff29;border-radius:28px;align-items:center;gap:6px;padding:4px 10px 4px 6px;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000008c}.bottom-hud-bar.auto-hidden{opacity:0;pointer-events:none;transform:translate(-50%,14px)}.bottom-hud-bar:not(.auto-hidden):hover,.bottom-hud-bar:not(.auto-hidden):focus-within{opacity:1!important;pointer-events:auto!important;transform:translate(-50%)!important}.bottom-hud-btn{color:#ffffffd1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.bottom-hud-btn:hover{color:#fff;background:#ffffff24;transform:scale(1.06)}.bottom-hud-btn:active{background:#ffffff38;transform:scale(.94)}.bottom-hud-btn.active{color:#fff;background:#ffffff2e}.bottom-hud-btn svg{display:block}.bottom-volume-group{align-items:center;gap:2px;display:flex;position:relative}.bottom-volume-slider{appearance:none;cursor:pointer;background:#ffffff40;border-radius:2px;outline:none;width:66px;height:4px;margin:0 4px;transition:width .2s cubic-bezier(.16,1,.3,1),background .15s}.bottom-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;box-shadow:0 1px 4px #0009}.bottom-volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px;transition:transform .15s;box-shadow:0 1px 4px #0009}.bottom-volume-slider:hover::-webkit-slider-thumb{transform:scale(1.25)}.bottom-volume-slider:active::-webkit-slider-thumb{transform:scale(1.25)}.quick-color-dropdown{top:calc(66px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 84px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(28px);z-index:105;background:#0e1016f5;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;gap:16px;padding:18px;animation:.2s cubic-bezier(.16,1,.3,1) quickMenuPop;display:flex;position:fixed;overflow:hidden auto;box-shadow:0 24px 60px #000000bf,inset 0 1px #ffffff1a}.quick-color-dropdown::-webkit-scrollbar{width:6px}.quick-color-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.share-setup-dropdown{gap:14px;width:380px}.share-setup-subtitle{color:#ffffffa6;margin:0;font-size:11.5px;line-height:1.45}.share-included-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.share-included-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.share-chip-icon{flex-shrink:0;font-size:14px}.share-chip-text{flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.share-chip-text strong{text-transform:uppercase;letter-spacing:.5px;color:#ffffffd9;font-size:10px}.share-chip-text span{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.share-url-container{background:#00000059;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:4px 4px 4px 10px;display:flex}.share-url-input{color:#94a3b8;cursor:pointer;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:11px}.share-copy-btn{color:#ff9f0a;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff9f0a33,#ff9f0a1a);border:1px solid #ff9f0a66;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:11px;font-weight:700;transition:all .2s}.share-copy-btn:hover{color:#fff;background:linear-gradient(135deg,#ff9f0a59,#ff9f0a33);border-color:#ff9f0a;transform:translateY(-1px)}.share-copy-btn.copied{color:#0b0d13;background:#30d158;border-color:#30d158;box-shadow:0 0 12px #30d15866}.share-native-btn{color:#f1f5f9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.share-native-btn:hover{background:#ffffff1a;border-color:#ffffff40}.share-privacy-note{color:#fff6;border-top:1px solid #ffffff0f;align-items:flex-start;gap:6px;padding-top:10px;font-size:10px;line-height:1.4;display:flex}.top-right-auth-dropdown{top:calc(66px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));width:330px;max-width:calc(100vw - 32px);max-height:calc(100vh - 84px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(24px);z-index:105;background:#12141af2;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;gap:14px;padding:18px;animation:.2s cubic-bezier(.16,1,.3,1) quickMenuPop;display:flex;position:fixed;overflow:hidden auto;box-shadow:0 20px 50px #000000b3}@keyframes quickMenuPop{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.quick-menu-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.quick-menu-title{text-transform:uppercase;letter-spacing:.8px;color:#f0f2f5;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.quick-menu-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px}.quick-menu-close-btn:hover{color:#fff;background:#ffffff1a}.quick-menu-section{flex-direction:column;gap:8px;display:flex}.quick-menu-section-header{justify-content:space-between;align-items:baseline;display:flex}.quick-menu-section-title{text-transform:uppercase;letter-spacing:.8px;color:#ffffffd9;font-size:11px;font-weight:700}.quick-menu-section-desc{color:#ffffff73;font-size:10px;font-weight:500}.quick-wall-color-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.quick-swatch-btn{aspect-ratio:1;cursor:pointer;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:100%;padding:0;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 6px #0006}.quick-swatch-btn:hover{border-color:#fff6;transform:scale(1.15);box-shadow:0 4px 12px #0009}.quick-swatch-btn.active{border-color:#ff9f0a;transform:scale(1.15);box-shadow:0 0 12px #ff9f0a99}.quick-custom-color-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;margin-top:2px;padding:6px 10px;display:flex}.quick-custom-color-label{color:#fff9;cursor:pointer;font-size:11px}.quick-color-input-picker{appearance:none;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;width:28px;height:22px;padding:0}.quick-color-input-picker::-webkit-color-swatch-wrapper{padding:0}.quick-color-input-picker::-webkit-color-swatch{border:none;border-radius:3px}.quick-board-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.quick-board-btn{cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:7px 4px;transition:all .18s;display:flex}.quick-board-btn:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.quick-board-btn.active{background:#ff9f0a1f;border-color:#ff9f0a;box-shadow:0 0 10px #ff9f0a40}.quick-board-swatch{border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:inset 0 1px 2px #00000080}.quick-board-name{color:#d1d5db;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:600;overflow:hidden}.quick-texture-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-height:180px;padding-right:2px;display:grid;overflow:hidden auto}.quick-texture-grid::-webkit-scrollbar{width:4px}.quick-texture-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.quick-texture-btn{cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:6px 4px;transition:all .18s;display:flex;position:relative}.quick-texture-btn:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.quick-texture-btn.active{background:#ff9f0a24;border-color:#ff9f0a;box-shadow:0 0 10px #ff9f0a40}.quick-texture-swatch{border:1px solid #ffffff26;border-radius:5px;justify-content:center;align-items:center;width:100%;height:28px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.quick-texture-layer{pointer-events:none;background-repeat:repeat;background-size:60px 60px;position:absolute;inset:0}.quick-texture-none{color:#ffffff73;letter-spacing:.5px;font-size:9px;font-weight:800}.quick-texture-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9.5px;font-weight:600;overflow:hidden}.quick-check-badge{color:#ff9f0a;font-size:9px;font-weight:800;position:absolute;top:3px;right:4px}.quick-flap-font-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.quick-flap-font-card{cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:6px 3px;transition:all .18s;display:flex;position:relative}.quick-flap-font-card:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.quick-flap-font-card.active{background:#ff9f0a24;border-color:#ff9f0a;box-shadow:0 0 10px #ff9f0a40}.quick-mini-flap{border:1px solid #ffffff29;border-radius:4px;flex-direction:column;width:32px;height:44px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #0009,inset 0 1px #ffffff26}.quick-mini-flap-top{background:linear-gradient(#ffffff14 0%,#0003 100%);border-bottom:1px solid #000000d9;flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.quick-mini-flap-bottom{background:linear-gradient(#0000001a 0%,#00000059 100%);border-top:1px solid #ffffff1a;flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.quick-mini-flap-split-line{z-index:2;background:#000;flex-shrink:0;width:100%;height:1px;box-shadow:0 1px 1px #000c}.quick-mini-flap-glyph{-webkit-user-select:none;user-select:none;pointer-events:none;height:44px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,monospace;font-size:26px;font-weight:800;line-height:44px;display:block}.quick-mini-flap-top .quick-mini-flap-glyph{transform:translateY(22px)}.quick-mini-flap-bottom .quick-mini-flap-glyph{transform:translateY(-22px)}.quick-mini-flap-hinge{z-index:3;background:#0a0b0e;border-radius:1px;width:3px;height:4px;margin-top:-2px;position:absolute;top:50%}.quick-mini-flap-hinge.left{left:0}.quick-mini-flap-hinge.right{right:0}.quick-flap-font-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9.5px;font-weight:600;overflow:hidden}.quick-font-color-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.quick-font-color-btn{aspect-ratio:1;cursor:pointer;border:2px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:100%;transition:all .18s;display:flex;box-shadow:0 2px 6px #0006}.quick-font-color-btn:hover{border-color:#fff6;transform:scale(1.12)}.quick-font-color-btn.active{border-color:#ff9f0a;transform:scale(1.12);box-shadow:0 0 12px #ff9f0a80}.quick-led-toggle-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:all .25s;display:flex}.quick-led-toggle-card.led-active{background:#ffb00014;border-color:#ffb00059;box-shadow:0 0 16px #ffb00026}.quick-led-toggle-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quick-led-status-line{align-items:center;gap:6px;display:flex}.quick-led-glow-dot{background:#64748b;border-radius:50%;width:8px;height:8px;transition:all .25s}.quick-led-glow-dot.active{background:#ffb000;box-shadow:0 0 8px #ffb000}.quick-led-mode-title{color:#f1f5f9;font-size:11px;font-weight:700}.quick-led-mode-sub{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.quick-led-toggle-btn{color:#f1f5f9;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.quick-led-toggle-btn:hover{background:#ffffff26;transform:translateY(-1px)}.quick-led-toggle-btn.active{color:#0b0d13;background:linear-gradient(135deg,#ffb000,#ff9f0a);border-color:#ffd60a;box-shadow:0 0 12px #ffb00066}.quick-font-cards-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;display:grid}.quick-font-card{cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;min-height:72px;padding:8px 6px;transition:all .18s;display:flex;position:relative}.quick-font-card:hover{background:#ffffff14;border-color:#ffffff38;transform:translateY(-1px)}.quick-font-card.active{background:#ff9f0a1f;border-color:#ff9f0a;box-shadow:0 0 10px #ff9f0a40}.quick-font-preview{letter-spacing:1px;color:#f1f5f9;margin-bottom:4px;font-size:15px;font-weight:800}.quick-font-meta{flex-direction:column;gap:1px;display:flex}.quick-font-name{color:#f1f5f9;font-size:10px;font-weight:700;line-height:1.1}.quick-font-sub{color:#ffffff73;font-size:9px}.quick-font-check{color:#ff9f0a;font-size:10px;font-weight:800;position:absolute;top:4px;right:6px}.quick-menu-link-btn{color:var(--accent-color,#ff9f0a);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;margin-top:2px;padding:9px 12px;font-size:11px;font-weight:700;transition:all .2s}.quick-menu-link-btn:hover{border-color:var(--accent-color,#ff9f0a);background:#ff9f0a1f}.floating-side-menu{top:calc(56px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));width:310px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 68px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));z-index:99;box-sizing:border-box;background:#12141af5;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;min-width:0;animation:.22s cubic-bezier(.16,1,.3,1) forwards slideInSideMenu;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 44px #000000bf,inset 0 1px #ffffff1f}@keyframes slideInSideMenu{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.floating-side-menu-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.floating-side-menu-title{color:#fff;letter-spacing:.3px;font-size:14px;font-weight:700}.floating-side-menu-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.floating-side-menu-close-btn:hover{color:#fff;background:#ffffff2e}.floating-side-menu-close-btn:active{transform:scale(.92)}.floating-side-menu-body{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;gap:12px;min-width:0;padding:12px 14px;display:flex;overflow:hidden auto}.side-menu-section{flex-direction:column;gap:6px;display:flex}.side-menu-section-header{justify-content:space-between;align-items:center;display:flex}.side-menu-section-title{color:#8b92a0;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.side-menu-select{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;flex:1;padding:6px 10px;font-size:12px}.side-menu-icon-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;min-width:28px;height:32px;padding:4px 8px;font-size:14px;transition:background .2s;display:flex}.side-menu-icon-btn:hover{background:#ffffff2e}.side-menu-icon-btn:active{transform:scale(.94)}.side-menu-pills{flex-wrap:wrap;gap:5px;display:flex}.side-menu-pill-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .18s;display:inline-flex}.side-menu-pill-btn:hover{color:#fff;background:#ffffff1f}.side-menu-pill-btn:active{transform:scale(.95)}.side-menu-pill-btn.active{color:#ff9f0a;background:#ff9f0a2e;border-color:#ff9f0a;font-weight:700}.side-menu-actions-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.side-menu-action-card{color:#fff;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.side-menu-action-card:hover{background:#ffffff1f;border-color:#ffffff40}.side-menu-action-card:active{background:#ffffff2e;transform:scale(.96)}.side-menu-nav-shell{box-sizing:border-box;background:#0a0c12d9;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:4px;min-width:0;max-width:100%;padding:6px 8px;display:flex;position:relative;overflow-x:hidden}.side-menu-nav-arrow{display:none!important}.side-menu-tabs-bar{box-sizing:border-box;flex-wrap:wrap;flex:1;align-items:center;gap:5px;min-width:0;max-width:100%;padding:2px 0;display:flex;overflow:hidden visible}.side-menu-tab-btn{color:#94a3b8;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:6px 11px;font-size:11.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.side-menu-tab-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.side-menu-tab-btn.active{color:#fff;background:#ff9f0a38;border-color:#ff9f0a;font-weight:700;box-shadow:0 0 10px #ff9f0a40}.side-menu-tab-icon{font-size:12px;line-height:1}.side-menu-tab-text{letter-spacing:.2px}.side-menu-input{color:#fff;box-sizing:border-box;background:#0006;border:1px solid #ffffff29;border-radius:10px;outline:none;width:100%;padding:7px 10px;font-size:12px;transition:border-color .2s}.side-menu-input:focus{border-color:var(--accent-color)}.side-menu-location-badge{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;display:flex}.side-menu-checklist{background:#00000040;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;max-height:220px;padding:6px;display:flex;overflow-y:auto}.side-menu-check-item{color:#cbd5e1;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;font-size:11px;display:flex}.side-menu-check-item:hover{color:#fff;background:#ffffff0f}.hud-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.hud-btn:hover{color:#fff;background:#ffffff1a}.hud-btn.active{background:var(--accent-color);color:#0b0c10;font-weight:600}.hud-divider{background:#ffffff26;width:1px;height:20px}.scale-control-group{color:#fff9;align-items:center;gap:6px;font-family:Space Grotesk,monospace;font-size:12px;font-weight:600;display:flex}.scale-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;line-height:1;transition:background .2s;display:flex}.scale-btn:hover{background:#fff3}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{color:#e2e8f0;background:#14171f;border:1px solid #ffffff26;border-radius:12px;width:100%;max-width:680px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 25px 60px #000c}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.modal-title{letter-spacing:.05em;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.modal-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;transition:color .2s,background .2s}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.form-group{margin-bottom:16px}.form-label{text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{color:#fff;background:#0d0f14;border:1px solid #ffffff26;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color)}.monitor-stage-container{background-color:#050608;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.wall-surface-layer{pointer-events:none;z-index:0;background-position:top;background-repeat:repeat;transition:background-color .4s;position:absolute;inset:0}.wall-texture-layer{pointer-events:none;z-index:1;background-position:top;background-repeat:repeat;transition:opacity .3s;position:absolute;inset:0}.recessed-light-wall-canvas{pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.wall-ambient-vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 35%,#00000073 100%);transition:opacity .5s;position:absolute;inset:0}.wall-lighting-overlay{pointer-events:none;z-index:2;transition:background .6s cubic-bezier(.16,1,.3,1),opacity .6s;position:absolute;inset:0}.board-lighting-overlay{top:calc(-1 * var(--cabinet-frame-border-width,14px));bottom:calc(-1 * var(--cabinet-frame-border-width,14px));left:calc(-1 * var(--cabinet-frame-border-width,14px));right:calc(-1 * var(--cabinet-frame-border-width,14px));pointer-events:none;border-radius:inherit;z-index:25;background-repeat:no-repeat;background-attachment:fixed;transition:opacity .5s;position:absolute}.board-lighting-overlay.is-led-mode{z-index:5}.monitor-frame,.board-stage-wrapper{z-index:3;flex-direction:column;justify-content:center;align-items:center;width:auto;max-width:none;height:auto;max-height:none;margin:auto;display:flex;position:relative;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important}.monitor-aspect-badge{color:#ffffff4d;letter-spacing:1.5px;pointer-events:none;z-index:10;text-transform:uppercase;background:#0006;border:1px solid #ffffff0d;border-radius:4px;padding:2px 6px;font-family:Space Grotesk,monospace;font-size:10px;position:absolute;top:10px;right:14px}.hud-btn.pro-badge{color:#ff9f0a;background:linear-gradient(135deg,#ff9f0a40,#ff453a40);border-color:#ff9f0a66;font-weight:700}.hud-btn.pro-badge.active{color:#000;background:linear-gradient(135deg,#ff9f0a,#ff453a);border-color:#0000}@media (prefers-reduced-motion:reduce){.monitor-frame,.board-cabinet,.controls-hud-wrapper,.modal-overlay,.modal-content{transition:none!important;animation:none!important}}.wall-color-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.wall-color-card:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.wall-color-card.active{background:#ff9f0a1f;border-color:#ff9f0a;box-shadow:0 0 12px #ff9f0a40}.wall-color-swatch{border:1px solid #fff3;border-radius:6px;flex-shrink:0;width:38px;height:38px;box-shadow:inset 0 0 8px #0000004d}.wall-wallpaper-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.wall-wallpaper-card:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 18px #0006}.wall-wallpaper-card.active{border-color:#ff9f0a;box-shadow:0 0 14px #ff9f0a59}.wall-wallpaper-thumb{background-position:50%;background-repeat:repeat;background-size:60px;border-bottom:1px solid #ffffff1a;width:100%;height:96px}.wall-texture-chip{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.wall-texture-chip:hover{background:#ffffff14;border-color:#ffffff40}.wall-texture-chip.active{color:#fff;background:#ff9f0a26;border-color:#ff9f0a}.wall-upload-notice-box{background:#ff9f0a1f;border:1px solid #ff9f0a66;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.gesture-status-toast{bottom:calc(28px + env(safe-area-inset-bottom,0px));color:#f1f5f9;letter-spacing:.05em;z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(8px);white-space:nowrap;background:#12141ae0;border:1px solid #ffffff29;border-radius:24px;padding:8px 18px;font-family:Roboto Mono,monospace;font-size:13px;font-weight:600;animation:1.8s cubic-bezier(.16,1,.3,1) forwards toastFadeInOut;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009,inset 0 1px #ffffff1f}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%,10px)scale(.95)}15%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(.98)}}@media (width<=640px){.floating-side-menu{top:calc(52px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));width:min(310px,100vw - 44px);max-width:calc(100vw - 44px);height:auto;max-height:calc(100dvh - 64px - env(safe-area-inset-bottom,0px));z-index:1000;border:1px solid #ffffff2e;border-radius:14px;padding-top:0;padding-bottom:0;box-shadow:0 12px 36px #000000d9}.floating-side-menu-header{padding:10px 12px}.floating-side-menu-title{font-size:13px}.side-menu-nav-shell{padding:4px 6px}.side-menu-nav-arrow{width:26px;height:26px;font-size:15px}.side-menu-tabs-bar{gap:6px;padding:6px 4px}.side-menu-tab-btn{min-height:28px;padding:5px 10px;font-size:11px}.floating-side-menu-body{gap:12px;padding:12px}}