:root{--dw-font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--dw-font-title:600 20px/28px var(--dw-font-family);--dw-font-section:600 13px/18px var(--dw-font-family);--dw-font-body:400 13px/18px var(--dw-font-family);--dw-font-label:500 13px/18px var(--dw-font-family);--dw-font-caption:400 11px/15px var(--dw-font-family);--dw-bg-primary:#fff;--dw-bg-secondary:#f6f8fa;--dw-bg-tertiary:#f0f2f5;--dw-bg-pressed:#eef0f3;--dw-bg-hover:#f3f5f7;--dw-border:#e3e8ee;--dw-border-light:#edf0f4;--dw-text-primary:#1a1f36;--dw-text-secondary:#3c4257;--dw-text-tertiary:#697386;--dw-text-muted:#a3acb9;--dw-button-bg:#fff;--dw-button-hover:#f6f8fa;--dw-button-border:#d8dee4;--dw-button-border-hover:#a3acb9;--dw-shadow-sm:0 1px 2px #0000000f;--dw-shadow-md:0 2px 5px -1px #00000014,0 1px 3px -1px #0000000a;--dw-shadow-lg:0 8px 16px -4px #00000014,0 4px 6px -2px #00000008;--dw-shadow-xl:0 16px 24px -6px #0000001a,0 8px 10px -5px #0000000a;--dw-modal-backdrop:#00000080;--dw-code-bg:#f6f8fa;--dw-code-text:#1a1f36;--dw-scrollbar-track:#f3f5f7;--dw-scrollbar-thumb:#d8dee4;--dw-scrollbar-thumb-hover:#a3acb9;--dw-device-border-phone:#1a1f36;--dw-device-border-tablet:#3c4257;--dw-brand-primary:#3454e2;--dw-brand-dark:#2a44b8}@media (prefers-color-scheme:dark){:root{--dw-bg-primary:#1c2127;--dw-bg-secondary:#141820;--dw-bg-tertiary:#0e1219;--dw-bg-pressed:#2a3040;--dw-bg-hover:#232938;--dw-border:#2e3545;--dw-border-light:#3a4355;--dw-text-primary:#f0f2f5;--dw-text-secondary:#d4d9e2;--dw-text-tertiary:#a3acb9;--dw-text-muted:#697386;--dw-button-bg:#2a3040;--dw-button-hover:#353d50;--dw-button-border:#3a4355;--dw-button-border-hover:#4e5a6e;--dw-shadow-sm:0 1px 2px #0006;--dw-shadow-md:0 2px 5px -1px #00000059,0 1px 3px -1px #00000040;--dw-shadow-lg:0 8px 16px -4px #00000059,0 4px 6px -2px #00000040;--dw-shadow-xl:0 16px 24px -6px #00000073,0 8px 10px -5px #00000059;--dw-modal-backdrop:#000000b3;--dw-code-bg:#141820;--dw-code-text:#d4d9e2;--dw-scrollbar-track:#1c2127;--dw-scrollbar-thumb:#3a4355;--dw-scrollbar-thumb-hover:#4e5a6e;--dw-device-border-phone:#8590a2;--dw-device-border-tablet:#8590a2;--dw-brand-primary:#3454e2;--dw-brand-dark:#2a44b8}}.dev-wrapper{background:var(--dw-bg-tertiary);width:100vw;height:100vh;font:var(--dw-font-body);color:var(--dw-text-primary);flex-direction:column;display:flex}.dev-wrapper-top-nav{background:var(--dw-bg-primary);border-bottom:1px solid var(--dw-border);z-index:50;flex-shrink:0;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.dev-wrapper-top-nav-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.dev-wrapper-logo{width:auto;height:22px;color:var(--dw-brand-primary)}.dev-wrapper-top-nav-title{font:var(--dw-font-body);color:var(--dw-text-secondary);white-space:nowrap;border-left:1px solid var(--dw-border);padding-left:8px;font-weight:400}.dev-wrapper-floating-toggle{z-index:10;border:1px solid var(--dw-border);background:var(--dw-bg-primary);width:36px;height:36px;color:var(--dw-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #00000014}.dev-wrapper-floating-toggle:hover{background:var(--dw-button-hover);border-color:var(--dw-button-border-hover);color:var(--dw-text-primary);box-shadow:0 4px 12px #0000001f}.dev-wrapper-top-nav-center{flex:none;align-items:center;gap:8px;display:flex}.dev-wrapper-scheme-tabs{background:var(--dw-bg-pressed);border-radius:6px;padding:3px;display:flex}.dev-wrapper-scheme-tab{width:28px;height:28px;color:var(--dw-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.dev-wrapper-scheme-tab:hover:not(:disabled){color:var(--dw-text-secondary)}.dev-wrapper-scheme-tab-active{background:var(--dw-bg-primary);color:var(--dw-text-primary);box-shadow:0 1px 2px #0000000d}.dev-wrapper-scheme-tab:disabled{opacity:.3;cursor:not-allowed}.dev-wrapper-top-nav-button{box-sizing:border-box;border:1px solid var(--dw-button-border);background:var(--dw-button-bg);height:36px;color:var(--dw-text-secondary);font:var(--dw-font-body);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:8px 12px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.dev-wrapper-top-nav-button:hover{background:var(--dw-button-hover);border-color:var(--dw-button-border-hover)}.dev-wrapper-top-nav-button:disabled{opacity:.4;cursor:not-allowed}.dev-wrapper-top-nav-button-primary{background:var(--dw-brand-primary);color:#fff;border-color:var(--dw-brand-primary)}.dev-wrapper-top-nav-button-primary:hover{background:var(--dw-brand-dark);border-color:var(--dw-brand-dark)}.dev-wrapper-profile-menu{position:relative}.dev-wrapper-profile-button{border:1px solid var(--dw-button-border);background:var(--dw-bg-primary);width:30px;height:30px;color:var(--dw-text-tertiary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.dev-wrapper-profile-button:hover{border-color:var(--dw-button-border-hover);color:var(--dw-text-primary)}.dev-wrapper-profile-dropdown{background:var(--dw-bg-primary);border:1px solid var(--dw-button-border);z-index:100;border-radius:8px;min-width:120px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 12px #00000014}.dev-wrapper-profile-dropdown-item{width:100%;color:var(--dw-text-secondary);font:var(--dw-font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;padding:8px 12px;transition:background-color .1s;display:block}.dev-wrapper-profile-dropdown-item:hover{background:var(--dw-bg-hover);color:var(--dw-text-primary)}.dev-wrapper-top-nav-toggle{width:30px;height:30px;color:var(--dw-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.dev-wrapper-top-nav-toggle:hover{background:var(--dw-bg-pressed);color:var(--dw-text-primary)}.dev-wrapper-top-nav-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.dev-wrapper-top-nav .dev-wrapper-device-selector{flex-direction:row;align-items:center;gap:4px;margin-bottom:0;display:flex}.dev-wrapper-top-nav .dev-wrapper-device-selector .dev-wrapper-control-label{color:var(--dw-text-tertiary);white-space:nowrap;margin-bottom:0;font-weight:400;display:block}.dev-wrapper-top-nav .dev-wrapper-control-label{display:none}.dev-wrapper-top-nav .dev-wrapper-device-selector .dw-select{width:86px;margin-right:8px}.dev-wrapper-top-nav .dev-wrapper-device-selector .dw-select-trigger{height:auto;color:var(--dw-text-primary);background:0 0;border:none;gap:2px;padding:4px 2px;font-weight:500}.dev-wrapper-top-nav .dev-wrapper-device-selector .dw-select-trigger:hover{color:var(--dw-text-secondary);border:none}.dev-wrapper-top-nav .dev-wrapper-device-selector .dw-select-trigger-open,.dev-wrapper-top-nav .dev-wrapper-device-selector .dw-select-trigger:focus-visible{box-shadow:none;border:none;outline:none}.dev-wrapper-top-nav .dev-wrapper-device-selector .dw-select-chevron{color:var(--dw-text-muted)}.dev-wrapper-body{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.dev-wrapper-sidebar{background:var(--dw-bg-primary);border-right:1px solid var(--dw-border);flex-direction:column;flex-shrink:0;width:300px;transition:width .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),opacity .2s;display:flex;position:relative;overflow:hidden}.dev-wrapper-sidebar-collapsed{opacity:0;border-right-color:#0000;width:0}.dev-wrapper-sidebar-header{flex-shrink:0;padding:16px 24px 8px}.dev-wrapper-sidebar-title-row{align-items:center;gap:8px;display:flex}.dev-wrapper-sidebar-title{color:var(--dw-text-primary);font-size:15px;font-weight:600;line-height:22px}.dev-wrapper-editor-switch-button{border:1px solid var(--dw-text-muted);color:var(--dw-text-secondary);font:var(--dw-font-caption);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-weight:500;transition:all .15s;display:inline-flex}.dev-wrapper-editor-switch-button:hover{background:var(--dw-bg-tertiary);border-color:var(--dw-text-secondary);color:var(--dw-text-primary)}.dev-wrapper-sidebar-toggle{width:30px;height:30px;color:var(--dw-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;transition:all .15s;display:flex}.dev-wrapper-sidebar-toggle:hover{background:var(--dw-bg-pressed);color:var(--dw-text-primary)}.dev-wrapper-sidebar-content{flex:1;padding:0 24px 24px;transition:opacity .15s;overflow-y:auto}.dev-wrapper-sidebar-content-fade{opacity:0}.dev-wrapper-sidebar-footer{border-top:1px solid var(--dw-border);background:var(--dw-bg-primary);gap:8px;padding:16px 24px 20px;display:flex}.dev-wrapper-sidebar-footer .dev-wrapper-button{white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex;overflow:hidden}.dev-wrapper-control-label{font:var(--dw-font-section);color:var(--dw-text-primary);margin-bottom:8px;display:block}.dev-wrapper-control-description{font:var(--dw-font-body);color:var(--dw-text-tertiary);margin:0 0 8px}.dev-wrapper-subsection-label{font:var(--dw-font-caption);color:var(--dw-text-muted);letter-spacing:.3px;margin-top:16px;margin-bottom:6px;font-weight:500;display:block}.dev-wrapper-divider{background:var(--dw-border);height:1px;margin:16px 0}.dev-wrapper-button{box-sizing:border-box;border:1px solid var(--dw-button-border);background:var(--dw-button-bg);height:36px;color:var(--dw-text-secondary);font:var(--dw-font-body);cursor:pointer;border-radius:6px;flex:1;padding:8px 14px;font-weight:500;transition:all .15s}.dev-wrapper-button:hover{background:var(--dw-button-hover);border-color:var(--dw-button-border-hover)}.dev-wrapper-button-small{font:var(--dw-font-label);letter-spacing:.1px;padding:8px 12px}.dev-wrapper-button-primary{background:var(--dw-brand-primary);color:#fff;border-color:var(--dw-brand-primary)}.dev-wrapper-button-primary:hover{background:var(--dw-brand-dark);border-color:var(--dw-brand-dark)}.dev-wrapper-button-secondary{color:#fff;background:#18181b;border:1px solid #18181b;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:36px;padding:8px 12px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.dev-wrapper-button-secondary:hover{color:#fff;background:#27272a;border-color:#27272a}.dev-wrapper-button-ghost{color:var(--dw-text-secondary);background:0 0;border:1px solid #0000}.dev-wrapper-button-ghost:hover{color:var(--dw-text-primary);background:#f4f4f5;border:1px solid #0000}.dev-wrapper-button-active{color:#fff;background:#3b82f6;border-color:#3b82f6}.dev-wrapper-button-success{color:#fff;background:#10b981;border-color:#10b981}.dev-wrapper-button-group{gap:6px;display:flex}.dw-select{width:100%;position:relative}.dw-select-trigger{border:1px solid var(--dw-button-border);background:var(--dw-bg-primary);width:100%;height:30px;color:var(--dw-text-secondary);font:var(--dw-font-body);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;transition:border-color .15s;display:flex}.dw-select-trigger:hover{border-color:var(--dw-button-border-hover)}.dw-select-trigger-open,.dw-select-trigger:focus-visible{border-color:var(--dw-text-primary);box-shadow:0 0 0 1px var(--dw-text-primary);outline:none}.dw-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dw-select-placeholder{color:var(--dw-text-muted)}.dw-select-chevron{color:var(--dw-text-muted);flex-shrink:0;transition:transform .15s}.dw-select-chevron-open{transform:rotate(180deg)}.dw-select-content{background:var(--dw-bg-primary);border:1px solid var(--dw-button-border);z-index:100;border-radius:6px;width:max-content;min-width:100%;max-height:200px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 12px #00000014}.dw-select-item{font:var(--dw-font-body);color:var(--dw-text-secondary);cursor:pointer;border-radius:2px;align-items:center;padding:6px 8px;transition:background-color .1s;display:flex}.dw-select-item:hover{background:var(--dw-bg-hover)}.dw-select-item-selected{color:var(--dw-text-primary)}.dw-select-item-active{background:var(--dw-bg-hover)}.dw-select-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dw-select-disabled .dw-select-trigger{opacity:.5;cursor:not-allowed}.dev-wrapper-select{border:1px solid var(--dw-button-border);background:var(--dw-bg-primary);width:100%;color:var(--dw-text-secondary);font:var(--dw-font-body);cursor:pointer;border-radius:6px;padding:4px 10px;transition:all .15s}.dev-wrapper-select:hover{border-color:var(--dw-button-border-hover)}.dev-wrapper-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.dw-preview-selector{align-items:center;gap:4px;display:flex;position:relative}.dw-preview-label{color:var(--dw-text-tertiary);font:var(--dw-font-body);white-space:nowrap;font-weight:400}.dw-preview-trigger{width:120px;color:var(--dw-text-primary);font:var(--dw-font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:4px 2px;font-weight:500;display:flex}.dw-preview-trigger:hover{color:var(--dw-text-secondary)}.dw-preview-trigger-open,.dw-preview-trigger:focus-visible{outline:none}.dw-preview-value{white-space:nowrap}.dw-preview-chevron{color:var(--dw-text-muted);flex-shrink:0;transition:transform .15s}.dw-preview-chevron-open{transform:rotate(180deg)}.dw-preview-content{background:var(--dw-bg-primary);border:1px solid var(--dw-button-border);z-index:100;border-radius:12px;width:max-content;padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0000001a}.dw-preview-cards{gap:10px;display:flex}.dw-preview-card{border:1px solid var(--dw-button-border);background:var(--dw-bg-primary);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;width:200px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.dw-preview-card:hover{border-color:var(--dw-button-border-hover);box-shadow:0 2px 8px #0000000f}.dw-preview-card-selected{border-color:var(--dw-text-primary);box-shadow:0 0 0 1px var(--dw-text-primary)}.dw-preview-card-icon{border:1px solid var(--dw-button-border);width:36px;height:36px;color:var(--dw-text-primary);border-radius:8px;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.dw-preview-card-title{font:var(--dw-font-body);color:var(--dw-text-primary);font-weight:600}.dw-preview-card-description{font:var(--dw-font-body);color:var(--dw-text-tertiary)}.dev-wrapper-theme-mode-control{margin-bottom:0}.dev-wrapper-sidebar-content>.dev-wrapper-theme-mode-control:first-child{margin-top:16px}.dev-wrapper-tabs-sticky+.dev-wrapper-theme-mode-control{margin-top:12px}.dev-wrapper-preset-selector{margin-top:32px;margin-bottom:0}.dev-wrapper-device-selector{margin-bottom:0}.dev-wrapper-tabs-sticky{z-index:5;background:var(--dw-bg-primary);margin:0 -24px;padding:10px 24px 8px;position:sticky;top:0}.dev-wrapper-tabs{background:var(--dw-bg-pressed);border-radius:6px;padding:4px;display:flex}.dev-wrapper-tab{color:var(--dw-text-muted);font:var(--dw-font-label);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex:1;padding:4px 12px;font-weight:500;transition:all .15s}.dev-wrapper-tab:hover:not(:disabled){color:var(--dw-text-secondary)}.dev-wrapper-tab:disabled{opacity:.4;cursor:not-allowed}.dev-wrapper-tab-active{background:var(--dw-bg-primary);color:var(--dw-text-primary);box-shadow:0 1px 2px #0000000d}.dev-wrapper-tabs-underline{border-bottom:1px solid var(--dw-border);margin-bottom:16px;padding:0;display:flex}.dev-wrapper-tab-underline{color:var(--dw-text-muted);font:var(--dw-font-label);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:8px 20px;transition:all .15s}.dev-wrapper-tab-underline:hover:not(:disabled){color:var(--dw-text-secondary)}.dev-wrapper-tab-underline:disabled{opacity:.4;cursor:not-allowed}.dev-wrapper-tab-underline-active{color:var(--dw-text-primary);border-bottom-color:var(--dw-text-primary)}.dev-wrapper-token-editor{margin-bottom:0}.dev-wrapper-token-sections{flex-direction:column;gap:0;display:flex}.dev-wrapper-token-section{border:none;border-radius:0;overflow:visible}.dev-wrapper-section-header{background:var(--dw-bg-secondary);width:100%;color:var(--dw-text-secondary);font:var(--dw-font-label);letter-spacing:.1px;text-align:left;cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 14px;font-weight:600;transition:background .15s;display:flex}.dev-wrapper-section-header:hover{background:var(--dw-bg-pressed)}.dev-wrapper-section-header-static{width:100%;color:var(--dw-text-primary);font:var(--dw-font-body);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 0;font-weight:500;display:flex}.dev-wrapper-section-header-static:hover{color:var(--dw-text-secondary)}.dev-wrapper-section-chevron{color:var(--dw-text-muted);flex-shrink:0;transition:transform .15s}.dev-wrapper-section-chevron-expanded{transform:rotate(90deg)}.dev-wrapper-section-title{flex:1}.dev-wrapper-section-count{font:var(--dw-font-caption);color:var(--dw-text-muted)}.dev-wrapper-section-content{background:0 0;flex-direction:column;gap:8px;padding:12px 0 4px;display:flex}.dev-wrapper-token-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.dev-wrapper-token-label{font:var(--dw-font-label);letter-spacing:.1px;color:var(--dw-text-secondary);overflow-wrap:break-word;word-wrap:break-word;max-width:45%;font-weight:400}.dev-wrapper-token-input-wrapper{border:1px solid var(--dw-button-border);background:var(--dw-bg-primary);border-radius:6px;align-items:center;width:120px;height:34px;transition:all .15s;display:flex;overflow:hidden}.dev-wrapper-token-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dev-wrapper-input-color{border:none;border-right:1px solid var(--dw-button-border);cursor:pointer;background:var(--dw-bg-primary);box-sizing:border-box;flex-shrink:0;width:32px;height:100%;padding:5px}.dev-wrapper-input-color::-webkit-color-swatch-wrapper{padding:0}.dev-wrapper-input-color::-webkit-color-swatch{border:none;border-radius:3px}.dev-wrapper-input-hash{color:var(--dw-text-muted);user-select:none;padding:0 2px 0 8px;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:13px}.dev-wrapper-input-text{font:var(--dw-font-label);letter-spacing:.1px;color:var(--dw-text-secondary);background:0 0;border:none;flex:1;min-width:0;padding:8px 10px 8px 0;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Courier New,monospace}.dev-wrapper-input-text:focus{outline:none}.dev-wrapper-input-text::placeholder{color:var(--dw-text-muted)}.dev-wrapper-color-default-swatch{border:none;border-right:1px solid var(--dw-button-border);background:var(--dw-bg-tertiary);cursor:pointer;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:32px;transition:background .15s;display:flex}.dev-wrapper-color-default-swatch:hover{background:var(--dw-bg-pressed)}.dev-wrapper-color-default-swatch svg{width:14px;height:14px;color:var(--dw-text-tertiary)}.dev-wrapper-color-default-hash{color:var(--dw-text-muted);user-select:none;padding:0 2px 0 8px;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:13px}.dev-wrapper-input-text-standalone{border:none;width:100%;min-width:100px;padding:8px 10px}.dev-wrapper-token-input-wrapper-wide{width:160px}.dev-wrapper-labels-editor{margin-top:12px;margin-bottom:0}.dev-wrapper-labels-editor .dev-wrapper-token-row{flex-direction:column;align-items:stretch;gap:4px}.dev-wrapper-labels-editor .dev-wrapper-token-label{max-width:100%}.dev-wrapper-labels-editor .dev-wrapper-token-input-wrapper-wide{width:100%}.dev-wrapper-input-radius{text-align:right;flex:1;padding:8px 4px 8px 10px}.dev-wrapper-input-radius::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dev-wrapper-input-radius::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dev-wrapper-input-radius[type=number]{-moz-appearance:textfield}.dev-wrapper-input-suffix{color:var(--dw-text-muted);user-select:none;padding:0 10px 0 0;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:13px}.dev-wrapper-token-list{flex-direction:column;display:flex}.dev-wrapper-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.dev-wrapper-device-frame-container{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow:hidden;container-type:size}.dev-wrapper-device-frame{background:var(--dw-bg-primary);box-shadow:var(--dw-shadow-md);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.dev-wrapper-device-content,.dev-wrapper-device-content>*{flex-direction:column;flex:1;min-height:0;display:flex}[role=tablist] [role=tab]{padding:0!important}.dev-wrapper-device-phone{border:14px solid var(--dw-device-border-phone);scale:min(1,tan(atan2(100cqw,418px)),tan(atan2(100cqh,872px)));border-radius:44px;position:relative;overflow:hidden}.dev-wrapper-device-tablet{border:8px solid var(--dw-device-border-tablet);scale:min(1,tan(atan2(100cqw,784px)),tan(atan2(100cqh,1040px)));border-radius:18px;overflow:hidden}.dev-wrapper-device-desktop{box-shadow:none;border:none;border-radius:0;width:100%;height:100%}.dev-wrapper-device-frame-container:has(.dev-wrapper-device-desktop){padding:0}.dev-wrapper-status-bar{flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:15px;font-weight:600;display:flex}.dev-wrapper-status-bar-dark{color:#fff;background:#000}.dev-wrapper-status-bar-light{color:#000;background:#fff}.dev-wrapper-status-bar-left{flex:1;align-items:center;display:flex}.dev-wrapper-status-bar-time{letter-spacing:.5px}.dev-wrapper-status-bar-right{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.dev-wrapper-bank-header{flex-shrink:0;justify-content:center;align-items:center;height:48px;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.dev-wrapper-bank-header-light{color:#374151;background:#fff;border-bottom:1px solid #e5e7eb}.dev-wrapper-bank-header-dark{color:#f3f4f6;background:#111;border-bottom:1px solid #374151}.dev-wrapper-bank-header-title{letter-spacing:-.2px;color:#1a1a1a;align-items:center;gap:6px;font-family:Work Sans,sans-serif;font-size:17px;font-weight:500;display:flex}.dev-wrapper-bank-header-dark .dev-wrapper-bank-header-title{color:#ebebeb}.dev-wrapper-bank-header-logo{flex-shrink:0}.dev-wrapper-bank-header-avatar{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-device-type=desktop] .dev-wrapper-bank-header{justify-content:space-between}.dev-wrapper-bank-header-nav{align-items:center;gap:24px;display:flex}.dev-wrapper-bank-header-nav-link{white-space:nowrap;font-size:14px;font-weight:500}.dev-wrapper-bank-header-nav-link.active{opacity:1;font-weight:600}.dev-wrapper-bank-header-nav-link.disabled{opacity:.4;cursor:default}.dev-wrapper-bank-header-profile{align-items:center;margin-left:4px;display:flex;position:relative}.dev-wrapper-bank-header-profile-button{cursor:pointer;width:32px;height:32px;color:inherit;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.dev-wrapper-bank-header-profile-button:hover{opacity:1}.dev-wrapper-bank-header-profile-dropdown{z-index:100;background:#fff;border:1px solid #e4e4e7;border-radius:8px;min-width:100px;padding:4px 0;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 12px #0000001a}.dev-wrapper-bank-header-profile-dropdown-item{color:#ef4444;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;width:100%;padding:8px 14px;font-size:14px;font-weight:500;display:block}.dev-wrapper-bank-header-profile-dropdown-item:hover{background:#f4f4f5}[data-device-type=desktop] [role=tablist],[data-preview-mode=embed] [role=tablist],[data-device-type=desktop] [role=tablist]:has(*),[data-preview-mode=embed] [role=tablist]:has(*),[data-device-type=desktop] :has(>[role=tablist]),[data-preview-mode=embed] :has(>[role=tablist]){display:none!important}[data-color-scheme=dark] [role=tablist],[data-color-scheme=dark] :has(>[role=tablist]){background-color:#151718!important;border-top-color:#2e2e2e!important}[data-color-scheme=dark] [role=tab][aria-selected=true] *{color:#ecedee!important}[data-color-scheme=dark] [role=tab][aria-selected=false] *{color:#9ba1a6!important}[data-color-scheme=light] [role=tablist],[data-color-scheme=light] :has(>[role=tablist]){background-color:#fff!important;border-top-color:#e4e4e7!important}[data-color-scheme=light] [role=tab][aria-selected=true] *{color:#11181c!important}[data-color-scheme=light] [role=tab][aria-selected=false] *{color:#687076!important}.dev-wrapper-browser-chrome{background:#dee1e6;flex-direction:column;flex-shrink:0;display:flex}.dev-wrapper-browser-tab-bar{align-items:center;gap:8px;height:36px;padding:6px 12px 0;display:flex}.dev-wrapper-browser-window-controls{align-items:center;gap:6px;padding-right:8px;display:flex}.dev-wrapper-browser-dot{border-radius:50%;width:10px;height:10px;display:block}.dev-wrapper-browser-dot-red{background:#ff5f57}.dev-wrapper-browser-dot-yellow{background:#febc2e}.dev-wrapper-browser-dot-green{background:#28c840}.dev-wrapper-browser-tab{color:#333;background:#fff;border-radius:8px 8px 0 0;align-items:center;height:30px;padding:0 16px;font-size:12px;display:flex}.dev-wrapper-browser-tab-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dev-wrapper-browser-url-bar{background:#f1f3f4;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.dev-wrapper-browser-nav-buttons{color:#5f6368;flex-shrink:0;align-items:center;gap:4px;display:flex}.dev-wrapper-browser-url-input{color:#333;background:#fff;border-radius:14px;flex:1;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:13px;display:flex}.dev-wrapper-browser-url-input svg{color:#5f6368;flex-shrink:0}[data-preview-mode=embed] .dev-wrapper-device-phone{scale:min(1,tan(atan2(100cqw,390px)),tan(atan2(100cqh,844px)));border:none;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 0 0 1px #0000000a}[data-preview-mode=embed] .dev-wrapper-device-tablet{scale:min(1,tan(atan2(100cqw,768px)),tan(atan2(100cqh,1024px)));border:none;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 0 0 1px #0000000a}[data-preview-mode=embed] .dev-wrapper-device-desktop{box-shadow:none;border:none}.dev-wrapper-modal-overlay{background:var(--dw-modal-backdrop);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dev-wrapper-modal-content{background:var(--dw-bg-primary);box-shadow:var(--dw-shadow-xl);border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex}.dev-wrapper-modal-header{border-bottom:1px solid var(--dw-border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dev-wrapper-modal-header h3{color:var(--dw-text-primary);margin:0;font-size:18px;font-weight:600}.dev-wrapper-modal-close{color:var(--dw-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;line-height:1;transition:all .15s;display:flex}.dev-wrapper-modal-close:hover{background:var(--dw-bg-pressed);color:var(--dw-text-secondary)}.dev-wrapper-json-display{font:var(--dw-font-label);color:var(--dw-code-text);background:var(--dw-code-bg);flex:1;margin:0;padding:20px 24px;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Courier New,monospace;line-height:1.6;overflow:auto}.dev-wrapper-modal-footer{border-top:1px solid var(--dw-border-light);justify-content:flex-end;padding:16px 24px;display:flex}.dev-wrapper-sidebar-content::-webkit-scrollbar{width:8px}.dev-wrapper-json-display::-webkit-scrollbar{width:8px}.dev-wrapper-sidebar-content::-webkit-scrollbar-track{background:var(--dw-scrollbar-track)}.dev-wrapper-json-display::-webkit-scrollbar-track{background:var(--dw-scrollbar-track)}.dev-wrapper-sidebar-content::-webkit-scrollbar-thumb{background:var(--dw-scrollbar-thumb);border-radius:4px}.dev-wrapper-json-display::-webkit-scrollbar-thumb{background:var(--dw-scrollbar-thumb);border-radius:4px}.dev-wrapper-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--dw-scrollbar-thumb-hover)}.dev-wrapper-json-display::-webkit-scrollbar-thumb:hover{background:var(--dw-scrollbar-thumb-hover)}.dev-wrapper-styles-editor{margin-top:32px;margin-bottom:0}.dev-wrapper-styles-field{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;display:flex}.dev-wrapper-styles-field-label{font:var(--dw-font-body);letter-spacing:.1px;color:var(--dw-text-secondary);white-space:nowrap;min-width:80px}.dev-wrapper-styles-field .dw-select,.dev-wrapper-styles-field .dev-wrapper-select{width:120px}.dev-wrapper-styles-field .dev-wrapper-tabs{flex:1;min-width:0}.dev-wrapper-styles-color-tabs{margin-top:4px;margin-bottom:-4px}.dev-wrapper-styles-color-tabs .dev-wrapper-tabs-underline{border-bottom:none}.dev-wrapper-styles-color-tabs .dev-wrapper-tabs{flex:1;min-width:0}.dev-wrapper-flat-section{flex-direction:column;gap:4px;display:flex}.dev-wrapper-transaction-description{font:var(--dw-font-caption);color:var(--dw-text-muted);margin:0 0 8px}.dev-wrapper-transaction-button{width:100%}.dev-wrapper-transaction-button:disabled{opacity:.5;cursor:not-allowed}.dev-wrapper-transaction-toast{font:var(--dw-font-caption);color:#fff;border-radius:6px;margin-top:8px;padding:8px 12px}.dev-wrapper-transaction-toast-success{background:#10b981}.dev-wrapper-transaction-toast-error{background:#ef4444}.dev-wrapper-notification-title{margin-bottom:2px;font-weight:600}.dev-wrapper-notification-body{opacity:.85;font-size:13px}.dev-wrapper-supported-components-control{margin-bottom:0}.dev-wrapper-checkbox-group{flex-direction:column;display:flex}.dev-wrapper-checkbox-label{font:var(--dw-font-label);letter-spacing:.1px;color:var(--dw-text-secondary);cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}.dev-wrapper-checkbox-label:hover{color:var(--dw-text-primary)}.dev-wrapper-checkbox{cursor:pointer;accent-color:#3b82f6;width:16px;height:16px}.dev-wrapper-toggle-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.dev-wrapper-toggle-label{color:var(--dw-text-secondary);font-size:13px;font-weight:500}.dev-wrapper-toggle{flex-shrink:0;width:36px;height:20px;position:relative}.dev-wrapper-toggle input{opacity:0;width:0;height:0}.dev-wrapper-toggle-track{cursor:pointer;background:var(--dw-button-border);border-radius:10px;transition:background .2s;position:absolute;inset:0}.dev-wrapper-toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.dev-wrapper-toggle input:checked+.dev-wrapper-toggle-track{background:#3b82f6}.dev-wrapper-toggle input:checked+.dev-wrapper-toggle-track:after{transform:translate(16px)}