:host,:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:14px/1.5 var(--sans);letter-spacing:-.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--sim-text);background:var(--sim-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sim-bg:#f7f7f8!important;--sim-card-bg:#fff!important;--sim-card-border:#00000014!important;--sim-card-shadow:0 4px 20px #00000014!important;--sim-text:#18181b!important;--sim-text-secondary:#6b6b76!important;--sim-input-bg:#fff!important;--sim-input-border:#0000001a!important;--sim-input-border-hover:#00000038!important;--sim-input-focus:#2563eb!important;--sim-primary:#2563eb!important;--sim-primary-hover:#1d4ed8!important;--sim-btn-bg:#0000000a!important;--sim-btn-hover:#00000014!important;--sim-btn-shadow:0 2px 8px #0000001f!important;--sim-btn-active-bg:#2563eb1f!important;--sim-btn-active-border:#2563eb!important;--sim-btn-active-text:#1e40af!important;--sim-error-bg:#fef2f2!important;--sim-error-border:#d92d2040!important;--sim-error-text:#d92d20!important;--sim-success-text:#12805c!important}@media (prefers-color-scheme:dark){:host,:root{--lightningcss-light: ;--lightningcss-dark:initial}:host(:not([data-theme=light])),:root:not([data-theme=light]){--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sim-bg:#101013!important;--sim-card-bg:#1b1b1f!important;--sim-card-border:#ffffff1a!important;--sim-card-shadow:0 4px 24px #00000080!important;--sim-text:#ececf1!important;--sim-text-secondary:#9d9da8!important;--sim-input-bg:#ffffff0d!important;--sim-input-border:#ffffff1f!important;--sim-input-border-hover:#ffffff42!important;--sim-input-focus:#60a5fa!important;--sim-primary:#60a5fa!important;--sim-primary-hover:#80b7fb!important;--sim-btn-bg:#ffffff0f!important;--sim-btn-hover:#ffffff1f!important;--sim-btn-shadow:0 2px 10px #00000073!important;--sim-btn-active-bg:#60a5fa2e!important;--sim-btn-active-border:#60a5fa!important;--sim-btn-active-text:#bfdbfe!important;--sim-error-bg:#d92d201f!important;--sim-error-border:#f0525259!important;--sim-error-text:#f97066!important;--sim-success-text:#4cc38a!important}}:host([data-theme=light]),[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sim-bg:#f7f7f8!important;--sim-card-bg:#fff!important;--sim-card-border:#00000014!important;--sim-card-shadow:0 4px 20px #00000014!important;--sim-text:#18181b!important;--sim-text-secondary:#6b6b76!important;--sim-input-bg:#fff!important;--sim-input-border:#0000001a!important;--sim-input-border-hover:#00000038!important;--sim-input-focus:#2563eb!important;--sim-primary:#2563eb!important;--sim-primary-hover:#1d4ed8!important;--sim-btn-bg:#0000000a!important;--sim-btn-hover:#00000014!important;--sim-btn-shadow:0 2px 8px #0000001f!important;--sim-btn-active-bg:#2563eb1f!important;--sim-btn-active-border:#2563eb!important;--sim-btn-active-text:#1e40af!important;--sim-error-bg:#fef2f2!important;--sim-error-border:#d92d2040!important;--sim-error-text:#d92d20!important;--sim-success-text:#12805c!important}:host([data-theme=dark]),[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sim-bg:#101013!important;--sim-card-bg:#1b1b1f!important;--sim-card-border:#ffffff1a!important;--sim-card-shadow:0 4px 24px #00000080!important;--sim-text:#ececf1!important;--sim-text-secondary:#9d9da8!important;--sim-input-bg:#ffffff0d!important;--sim-input-border:#ffffff1f!important;--sim-input-border-hover:#ffffff42!important;--sim-input-focus:#60a5fa!important;--sim-primary:#60a5fa!important;--sim-primary-hover:#80b7fb!important;--sim-btn-bg:#ffffff0f!important;--sim-btn-hover:#ffffff1f!important;--sim-btn-shadow:0 2px 10px #00000073!important;--sim-btn-active-bg:#60a5fa2e!important;--sim-btn-active-border:#60a5fa!important;--sim-btn-active-text:#bfdbfe!important;--sim-error-bg:#d92d201f!important;--sim-error-border:#f0525259!important;--sim-error-text:#f97066!important;--sim-success-text:#4cc38a!important}.simulator-container{width:100%;max-width:100%;color:var(--sim-text);background-color:var(--sim-bg);flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}.simulator-container.is-overlay{border:1px solid var(--sim-card-border);box-shadow:var(--sim-card-shadow);border-radius:12px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px)}.simulator-container.is-overlay>div.is-rotating{transition:left .4s cubic-bezier(.4,0,.2,1),top .4s cubic-bezier(.4,0,.2,1)}.simulator-container.is-overlay>div.is-dragging{transition:none!important}.overlay-toolbar{animation:.18s ease-out toolbar-slide-down;transition:none!important}@keyframes toolbar-slide-down{0%{opacity:.4;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.toolbar-collapse-btn{color:var(--sim-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s ease-in-out;display:flex}.toolbar-collapse-btn:hover{color:var(--sim-text);background:var(--sim-btn-hover)}.toolbar-collapse-btn:focus-visible{outline:2px solid var(--sim-primary);outline-offset:1px}.collapse-btn{color:var(--sim-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:18px;line-height:1;display:flex}.collapse-btn:hover{color:var(--sim-primary)}.url-bar{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.url-input-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.device-selector{color:var(--sim-text);align-items:center;gap:8px;font-size:14px;display:flex}.device-selector-inner{flex:1;align-items:center;gap:6px;display:flex}.device-selector-inner select{flex:1;width:auto}.device-selector select,.url-bar input,.custom-viewport-inputs input,.viewport-controls select{border:1px solid var(--sim-input-border);background-color:var(--sim-input-bg);color:var(--sim-text);border-radius:8px;padding:7px 12px;font-family:inherit;font-size:13px;transition:all .15s ease-in-out}.device-selector select:hover,.url-bar input:hover,.custom-viewport-inputs input:hover,.viewport-controls select:hover{border-color:var(--sim-input-border-hover)}.url-bar input{flex:1;min-width:240px}.device-selector select:focus,.url-bar input:focus,.custom-viewport-inputs input:focus,.viewport-controls select:focus{border-color:var(--sim-input-focus);box-shadow:0 0 0 3px #2563eb2e;box-shadow:0 0 0 3px color-mix(in srgb, var(--sim-primary) 18%, transparent);outline:none}.simulator-controls button,.url-bar button{background-color:var(--sim-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;transition:all .15s ease-in-out;display:inline-flex}.simulator-controls button:focus-visible,.url-bar button:focus-visible{outline:2px solid var(--sim-primary);outline-offset:2px}.simulator-controls button:hover,.url-bar button:hover{background-color:var(--sim-primary-hover);box-shadow:var(--sim-btn-shadow)}.simulator-controls button:active,.url-bar button:active{box-shadow:none;transform:scale(.98)}.url-bar button.reload-button{background-color:var(--sim-btn-bg);color:var(--sim-text);border:1px solid var(--sim-card-border)}.url-bar button.reload-button:hover{background-color:var(--sim-btn-hover);box-shadow:var(--sim-btn-shadow)}.simulator-controls button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.simulator-controls button.active{background-color:var(--sim-btn-active-bg);border:1px solid var(--sim-btn-active-border);color:var(--sim-btn-active-text)}.error-display{color:var(--sim-error-text);background-color:var(--sim-error-bg);border:1px solid var(--sim-error-border);border-radius:10px;padding:10px 14px;font-size:13px}.simulator-controls{background:var(--sim-card-bg);border:1px solid var(--sim-card-border);box-shadow:var(--sim-card-shadow);color:var(--sim-text);border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:12px;padding:10px 15px;display:flex}.simulator-controls h3{color:var(--sim-text);margin:0 0 8px;font-size:14px;font-weight:600}.viewport-controls,.custom-viewport-controls{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.custom-viewport-inputs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.custom-viewport-inputs label,.viewport-controls label{color:var(--sim-text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.custom-viewport-inputs input[type=number]{width:70px}.icon-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s ease-in-out;color:var(--sim-text)!important;border:1px solid var(--sim-card-border)!important;background:0 0!important;padding:8px!important;display:inline-flex!important}.icon-button:hover{background:var(--sim-btn-hover)!important}.icon-button:active{transform:scale(.96)}.icon-button:focus-visible{outline:2px solid var(--sim-primary);outline-offset:2px}.icon-button.active{background:var(--sim-btn-active-bg)!important;color:var(--sim-btn-active-text)!important;border-color:var(--sim-btn-active-border)!important}.settings-button-root{display:inline-flex;position:relative}.settings-popover{z-index:1000;background:var(--sim-card-bg);border:1px solid var(--sim-card-border);width:240px;box-shadow:var(--sim-card-shadow);border-radius:8px;flex-direction:column;gap:8px;margin-top:10px;padding:12px;display:flex;position:absolute;top:100%;right:0}.settings-popover-title{color:var(--sim-text);margin:0;font-size:13px}.settings-row{align-items:flex-start;gap:10px;display:flex}.settings-row-text{cursor:pointer;flex-direction:column;gap:2px;min-width:0;display:flex}.settings-row-label{color:var(--sim-text);font-size:12.5px;font-weight:500}.settings-row-desc{color:var(--sim-text-secondary);font-size:11px;line-height:1.35}.settings-toggle{flex:none;width:36px;height:20px;margin-top:1px;display:inline-block;position:relative}.settings-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.settings-toggle-track{background:var(--sim-input-border);pointer-events:none;border-radius:999px;transition:background .15s ease-in-out;position:absolute;inset:0}.settings-toggle-track:after{content:"";background:var(--sim-card-bg);border-radius:50%;width:16px;height:16px;transition:transform .15s ease-in-out;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.settings-toggle input:checked+.settings-toggle-track{background:var(--sim-primary)}.settings-toggle input:checked+.settings-toggle-track:after{transform:translate(16px)}.settings-toggle input:focus-visible+.settings-toggle-track{outline:2px solid var(--sim-primary);outline-offset:2px}[dir=rtl] .settings-toggle-track:after{left:auto;right:2px}[dir=rtl] .settings-toggle input:checked+.settings-toggle-track:after{transform:translate(-16px)}.settings-divider{background:var(--sim-card-border);border:none;flex:none;height:1px;margin:0}.settings-row.settings-row-split{justify-content:space-between;align-items:center;gap:8px}.settings-popover .settings-lang-btn{background-color:var(--sim-input-bg);min-width:0;max-width:150px;color:var(--sim-text);border:1px solid var(--sim-input-border);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:4px 8px;font-family:inherit;font-size:12.5px;transition:all .15s ease-in-out;display:inline-flex}.settings-popover .settings-lang-btn:hover{background-color:var(--sim-input-bg);color:var(--sim-text);border-color:var(--sim-input-border-hover);box-shadow:none}.settings-popover .settings-lang-btn:active{box-shadow:none;transform:none}.settings-popover .settings-lang-btn:focus-visible{outline:2px solid var(--sim-primary);outline-offset:1px}.settings-lang-btn-flag{flex:none;font-size:13px;line-height:1}.settings-lang-btn-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-lang-chevron{color:var(--sim-text-secondary);flex:none;transition:transform .15s ease-in-out}.settings-lang-chevron.is-open{transform:rotate(180deg)}.settings-lang-list{background:var(--sim-input-bg);border:1px solid var(--sim-input-border);border-radius:8px;flex-direction:column;gap:2px;max-height:200px;padding:4px;display:flex;overflow-y:auto}.settings-popover .settings-lang-option{text-align:start;color:var(--sim-text);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:13px;transition:all .15s ease-in-out;display:flex}.settings-popover .settings-lang-option:hover{background-color:var(--sim-btn-bg);color:var(--sim-text);box-shadow:none}.settings-popover .settings-lang-option:active{box-shadow:none;transform:none}.settings-popover .settings-lang-option:focus-visible{outline:2px solid var(--sim-primary);outline-offset:1px}.settings-popover .settings-lang-option.is-active{background-color:var(--sim-btn-active-bg);border-color:var(--sim-btn-active-border)}.settings-lang-option-flag{flex:none;font-size:14px;line-height:1}.settings-lang-option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.settings-lang-option-check{color:var(--sim-primary);flex:none}.settings-segmented{flex:none;gap:4px;display:flex}.settings-popover .settings-segmented-btn{background-color:var(--sim-input-bg);min-width:56px;color:var(--sim-text-secondary);border:1px solid var(--sim-input-border);cursor:pointer;border-radius:7px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 8px;font-family:inherit;font-size:10.5px;transition:all .15s ease-in-out;display:inline-flex}.settings-popover .settings-segmented-btn:hover{background-color:var(--sim-input-bg);color:var(--sim-text);border-color:var(--sim-input-border-hover);box-shadow:none}.settings-popover .settings-segmented-btn:active{box-shadow:none;transform:none}.settings-popover .settings-segmented-btn:focus-visible{outline:2px solid var(--sim-primary);outline-offset:1px}.settings-popover .settings-segmented-btn.is-active{background-color:var(--sim-btn-active-bg);color:var(--sim-btn-active-text);border-color:var(--sim-btn-active-border)}.settings-segmented-btn-label{white-space:nowrap}input[type=range]{accent-color:var(--sim-primary)}.capture-status{z-index:20;border:1px solid var(--sim-card-border);background:var(--sim-card-bg);max-width:min(400px,90vw);box-shadow:var(--sim-card-shadow);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:500;position:absolute;top:calc(100% + 6px);right:0}.capture-status.error{color:var(--sim-error-text)}.capture-status.success{color:var(--sim-success-text)}.video-save-spinner{animation:.8s linear infinite video-save-spin}@keyframes video-save-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state-container{box-sizing:border-box;text-align:center;background-color:var(--sim-card-bg);width:100%;height:100%;color:var(--sim-text);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state-container svg{color:var(--sim-text-secondary);margin-bottom:16px}.empty-state-container h2{color:var(--sim-text);margin:0 0 8px;font-size:18px;font-weight:600}.empty-state-container p{color:var(--sim-text-secondary);max-width:280px;margin:0;font-size:14px;line-height:1.4}@media (width<=768px){body{padding:10px}.url-input-group{flex-direction:column;align-items:stretch}.device-selector,.url-bar input,.url-bar button,.device-selector select{width:100%}.simulator-controls{flex-direction:column;align-items:stretch;gap:15px;padding:12px}.custom-viewport-controls,.viewport-controls,.custom-viewport-inputs{justify-content:space-between;width:100%}}@media (width<=480px){.viewport-controls label,.custom-viewport-inputs label{flex-direction:column;align-items:flex-start;width:100%}.viewport-controls select,.custom-viewport-inputs input{width:100%}.simulator-controls button{justify-content:center;width:100%}}.mv-workspace{pointer-events:none;position:absolute;inset:0}.mv-workspace .mv-slot{pointer-events:auto}.mv-workspace.simulator-container{color:inherit;background:0 0;flex:none;margin:0;display:block}.mv-slot-resize-handle{cursor:nwse-resize;background:var(--sim-primary,#2563eb);opacity:0;pointer-events:none;z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;width:18px;height:18px;transition:opacity .4s;position:absolute;bottom:-4px;right:-4px}.mv-slot.is-selected .mv-slot-resize-handle{opacity:.45;pointer-events:auto}.mv-slot.is-selected .mv-slot-resize-handle:hover{opacity:.9}.mv-workspace .mv-slot .device-frame{transition:box-shadow .5s!important;box-shadow:0 0 #2563eb00,inset 0 0 #2563eb00!important}.mv-workspace .mv-slot.is-selected .device-frame{box-shadow:0 0 var(--mv-aura-blur,14px) var(--mv-aura-spread,3px) #2563eb52, inset 0 0 var(--mv-aura-blur,14px) var(--mv-aura-spread,3px) #2563eb52!important}.mv-drag-shield{z-index:2147483647;pointer-events:auto;cursor:grabbing;background:0 0;position:fixed;inset:0}.mv-menu-host{flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.mv-menu-chips{flex-wrap:nowrap;flex:none;align-items:center;gap:6px;min-width:0;display:flex}.mv-devices-host{flex:none;width:246px}.viewport-controls.is-multiview .mv-strip-btn{justify-content:center;align-items:center;min-width:36px;height:36px;padding:8px;font-size:18px;display:inline-flex}.mv-chip{box-sizing:border-box;background:var(--sim-btn-bg,#f0f0f0);border:1px solid var(--sim-card-border,#e0e0e0);width:36px;height:26px;color:var(--sim-text,#212121);white-space:nowrap;cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:2px;padding:0 3px;font-family:inherit;font-size:12px;transition:all .15s ease-in-out;display:inline-flex}.mv-chip:hover{background:var(--sim-btn-hover)}.mv-chip:active{transform:scale(.97)}.mv-chip:focus-visible{outline:2px solid var(--sim-primary);outline-offset:1px}.mv-chip.active{background:var(--sim-primary,#2563eb);border-color:var(--sim-primary,#2563eb);color:#fff;box-shadow:0 0 0 2px #2563eb59}.mv-chip.active .mv-chip-remove{color:#ffffffd9!important}.mv-chip-label{text-align:center;min-width:8px;font-size:11px;font-weight:600;line-height:1;overflow:hidden}.mv-chip-remove{box-shadow:none;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;gap:0;width:12px;min-width:0;height:12px;display:inline-flex;color:var(--sim-text-secondary,#666)!important;background:0 0!important;padding:0!important}.mv-chip-remove:hover{box-shadow:none;color:var(--sim-error-text,#d32f2f)!important;background:0 0!important}.mv-strip-controls{align-items:center;gap:2px;margin-left:4px;display:flex}.mv-strip-btn{min-width:28px;height:26px;padding:2px 6px;font-size:14px}.mv-strip-scale{-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:4px;width:130px;display:flex}.mv-strip-scale input[type=range]{min-width:0;accent-color:var(--sim-primary);flex:1}.mv-scale-value{text-align:right;width:30px;color:var(--sim-text,#212121);white-space:nowrap;font-size:12px}.mv-picker-popover{background:var(--sim-card-bg,#fff);border:1px solid var(--sim-card-border,#e0e0e0);width:280px;box-shadow:var(--sim-card-shadow,0 2px 5px #00000014);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.mv-picker-custom-btn{justify-content:center;width:100%}.mv-picker-has-close{padding-right:40px}.icon-button.mv-picker-close-btn{width:24px;min-width:24px;height:24px;font-size:12px;line-height:1;position:absolute;top:16px;right:8px;padding:0!important}.mv-shot-status{text-overflow:ellipsis;white-space:nowrap;opacity:.85;max-width:220px;margin-left:4px;font-size:12px;overflow:hidden}.mv-video-status{z-index:20;border:1px solid var(--sim-card-border);background:var(--sim-card-bg);width:max-content;max-width:min(400px,90vw);box-shadow:var(--sim-card-shadow);color:var(--sim-error-text);white-space:normal;border-radius:8px;padding:8px 10px;font-size:12px;position:absolute;top:calc(100% + 6px);right:0}.ds-dropdown{flex:1;min-width:0;display:flex;position:relative}.ds-dropdown .ds-trigger{width:100%;min-width:0;color:var(--sim-text);background-color:var(--sim-input-bg);border:1px solid var(--sim-input-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-family:inherit;font-size:13px;transition:all .15s ease-in-out;display:flex}.ds-dropdown .ds-trigger:hover{background-color:var(--sim-input-bg);border-color:var(--sim-input-border-hover);box-shadow:none}.ds-dropdown .ds-trigger:active{background-color:var(--sim-input-bg);box-shadow:none;transform:none}.ds-dropdown .ds-trigger:focus-visible{background-color:var(--sim-input-bg);border-color:var(--sim-input-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--sim-primary) 18%, transparent);outline:none}.ds-dropdown.is-open .ds-trigger{border-color:var(--sim-input-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--sim-primary) 18%, transparent)}.ds-trigger-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ds-trigger-label.is-placeholder{color:var(--sim-text-secondary)}.overlay-device-selector{flex:none}.ds-width-sizer{visibility:hidden;pointer-events:none;white-space:nowrap;font-family:inherit;font-size:13px;position:absolute;top:0;left:0}.ds-width-sizer-meta{font-variant-numeric:tabular-nums;font-size:11px}.overlay-device-selector .device-selector-inner{min-width:0}.overlay-device-selector .ds-dropdown .ds-trigger{flex:1;width:auto;min-width:0}.ds-trigger-meta{color:var(--sim-text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.ds-chevron{color:var(--sim-text-secondary);flex:none;transition:transform .15s}.ds-chevron.is-open{transform:rotate(180deg)}.ds-popover{z-index:20;background:var(--sim-card-bg);border:1px solid var(--sim-card-border);width:max-content;min-width:100%;max-width:300px;box-shadow:var(--sim-card-shadow);overscroll-behavior:contain;border-radius:12px;max-height:280px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.ds-popover::-webkit-scrollbar{width:8px}.ds-popover::-webkit-scrollbar-thumb{background:#80808059;border-radius:4px}.ds-group-header{text-transform:uppercase;letter-spacing:.05em;color:var(--sim-text-secondary);white-space:nowrap;padding:8px 8px 4px;font-size:11px;font-weight:600}.ds-option{cursor:pointer;color:var(--sim-text);-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:6px;padding:7px 8px;font-size:13px;display:flex}.ds-option.is-highlighted{background:var(--sim-btn-bg)}.ds-option.is-selected{background:color-mix(in srgb, var(--sim-primary) 10%, transparent)}.ds-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ds-option-meta{color:var(--sim-text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.ds-option-check{color:var(--sim-primary);flex:none}.ds-add-row{border-top:1px solid var(--sim-card-border);cursor:pointer;color:var(--sim-primary);-webkit-user-select:none;user-select:none;border-radius:0 0 9px 9px;align-items:center;gap:6px;margin-top:4px;padding:8px;font-size:12.5px;font-weight:500;display:flex}.ds-add-row>svg{flex:none}.ds-add-row:hover{background:var(--sim-btn-bg)}.ds-add-row:focus-visible{outline:2px solid var(--sim-primary);outline-offset:-2px}:host([data-script=cjk]),[data-script=cjk]{overflow-wrap:anywhere}:host([data-script=ko]),[data-script=ko]{word-break:keep-all;overflow-wrap:break-word}:host([data-script=indic]),[data-script=indic]{line-height:1.4}:host([data-script=indic]) .mv-chip,[data-script=indic] .mv-chip{height:auto;min-height:26px}:host([data-script=viet]),[data-script=viet]{line-height:1.35}:host([data-script=thai]),[data-script=thai]{overflow-wrap:anywhere;line-height:1.5}:host([data-script=ethiopic]),[data-script=ethiopic]{line-height:1.45}:host([data-script=ethiopic]) .mv-chip,[data-script=ethiopic] .mv-chip{height:auto;min-height:26px}
