:root{--demo-bg:#f4f5f8;--demo-surface:#fff;--demo-line:#e4e7ec;--demo-text:#101828;--demo-muted:#667085;--demo-accent:#4f5bff;--demo-soft:#eef0f4;--demo-shadow:0 10px 28px -8px #1018282e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--demo-bg:#0e0f12;--demo-surface:#1b1c21;--demo-line:#2c2e36;--demo-text:#f2f3f6;--demo-muted:#959aa7;--demo-soft:#2b2d34;--demo-shadow:0 16px 40px -10px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.demo-body{background:var(--demo-bg);color:var(--demo-text);-webkit-font-smoothing:antialiased;margin:0;font:400 13px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-app,.demo-app *{box-sizing:border-box}.demo-app{flex-direction:column;min-height:100dvh;display:flex}.demo-app button,.demo-app select,.demo-app input{font:inherit;color:inherit}.demo-app [hidden]{display:none!important}.demo-top{z-index:20;background:color-mix(in srgb, var(--demo-surface) 88%, transparent);border-bottom:1px solid var(--demo-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:16px;height:60px;padding:0 18px;display:flex;position:sticky;top:0}.demo-brand{flex-direction:column;flex:1 1 0;justify-content:center;min-width:0;height:44px;display:flex;position:relative}.demo-brand-home{min-width:0;color:inherit;letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.demo-brand>.demo-brand-home{margin-block-start:-12px}.demo-selldone{left:42px;color:var(--demo-muted);white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-weight:550;line-height:1;text-decoration:none;display:inline-flex;position:absolute;inset-block-end:3px}[dir=rtl] .demo-selldone{left:auto;right:42px}.demo-selldone strong{color:#ff5a36;font-weight:700}.demo-selldone svg{color:#ff5a36;opacity:.8;transition:transform .15s}.demo-selldone:hover{color:var(--demo-text)}.demo-selldone:hover svg{transform:translate(1px,-1px)}.demo-selldone:focus-visible,.demo-brand-home:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px;border-radius:4px}.demo-mark{color:#fff;background:linear-gradient(135deg,#4f5bff,#c026d3);border-radius:10px;place-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff40}.demo-tag{border:1px solid var(--demo-line);color:var(--demo-muted);letter-spacing:0;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:550}.demo-tabs{background:var(--demo-soft);border-radius:11px;gap:2px;padding:3px;display:flex}.demo-tab{height:42px;color:var(--demo-muted);cursor:pointer;white-space:nowrap;text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding-block:0;padding-inline:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.demo-tab-text{gap:1px;line-height:1.15;display:grid}.demo-tab-role{color:var(--demo-muted);opacity:.9;font-size:10.5px;font-weight:550}.demo-tab[aria-selected=true] .demo-tab-role{color:color-mix(in srgb, var(--demo-accent) 75%, var(--demo-text))}.demo-tab:hover{color:var(--demo-text)}.demo-tab[aria-selected=true]{background:var(--demo-surface);color:var(--demo-text);box-shadow:0 1px 3px #1018281f}.demo-tab-number{background:var(--demo-surface);width:22px;height:22px;color:var(--demo-muted);box-shadow:inset 0 0 0 1px var(--demo-line);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.demo-tab[aria-selected=true] .demo-tab-number{background:var(--demo-accent);color:#fff;box-shadow:none}.demo-actions{flex:1 1 0;justify-content:flex-end;align-items:center;gap:8px;min-width:max-content;display:flex}.demo-select{border:1px solid var(--demo-line);background:var(--demo-surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 10px center;appearance:none;cursor:pointer;border-radius:8px;height:34px;padding-block:0;padding-inline:10px 30px;font-size:13px;font-weight:550}.demo-button{border:1px solid var(--demo-line);background:var(--demo-surface);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:13px;font-weight:550;display:inline-flex}.demo-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--demo-line) 50%, var(--demo-muted))}.demo-button:disabled{opacity:.5;cursor:default}.demo-button svg{width:16px;height:16px}.demo-icon-button{width:34px;padding:0}.demo-accent-button{background:color-mix(in srgb, var(--demo-accent) 12%, transparent);color:color-mix(in srgb, var(--demo-accent) 80%, var(--demo-text));border-color:#0000}.demo-menu{position:relative}.demo-menu>summary{list-style:none}.demo-menu>summary::-webkit-details-marker{display:none}.demo-menu-panel{top:calc(100% + 8px);border:1px solid var(--demo-line);background:var(--demo-surface);width:270px;box-shadow:var(--demo-shadow);border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;inset-inline-end:0}.demo-menu-panel p{color:var(--demo-muted);margin:4px 8px 6px;font-size:11.5px;line-height:1.45}.demo-menu-item{text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;height:36px;padding:0 10px;font-size:13px;display:flex}.demo-menu-item:hover:not(:disabled){background:var(--demo-soft)}.demo-menu-item svg{width:16px;height:16px;color:var(--demo-muted)}.demo-menu-sep{background:var(--demo-line);height:1px;margin:4px 6px}.demo-menu-item[aria-pressed=true]{color:var(--demo-accent)}[dir=rtl] .demo-select{background-position:10px}.demo-language{align-items:center;display:inline-flex;position:relative}.demo-language>svg{width:16px;height:16px;color:var(--demo-muted);pointer-events:none;position:absolute;inset-inline-start:10px}.demo-language>select{min-width:120px;padding-inline-start:32px}.demo-gallery{align-items:center;gap:14px;min-width:0;padding:12px 18px 0;display:flex}.demo-gallery-title{color:var(--demo-muted);white-space:nowrap;flex:none;font-size:12px;font-weight:650}.demo-gallery-list{scrollbar-width:thin;gap:8px;min-width:0;padding:3px;display:flex;overflow-x:auto}.demo-product{border:1px solid var(--demo-line);background:var(--demo-surface);white-space:nowrap;cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:9px;height:50px;padding-block:4px;padding-inline:4px 14px;font-size:12.5px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-flex}.demo-product:hover:not(:disabled){border-color:color-mix(in srgb, var(--demo-line) 40%, var(--demo-muted))}.demo-product:disabled{cursor:progress}.demo-product[aria-pressed=true]{border-color:var(--demo-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--demo-accent) 16%, transparent)}.demo-product-thumb{background:var(--demo-soft);width:40px;height:40px;color:var(--demo-muted);border-radius:9px;place-items:center;display:grid;overflow:hidden}.demo-product-thumb img{object-fit:cover;width:100%;height:100%}.demo-product-thumb svg{width:18px;height:18px}.demo-product-thumb[data-loading=true]{animation:1.2s ease-in-out infinite demo-pulse}@keyframes demo-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.demo-product-thumb[data-loading=true]{animation:none}}.demo-main{flex-direction:column;flex:1;min-height:0;padding:12px 18px 0;display:flex}.demo-editor{--mdt-height:max(560px, calc(100dvh - 60px - 62px - 12px - 44px));flex:1;min-width:0}.demo-editor>div{filter:drop-shadow(0 18px 40px #10182812)}.demo-bottom{height:44px;color:var(--demo-muted);justify-content:space-between;align-items:center;gap:16px;padding:0 20px;font-size:12px;display:flex}.demo-status{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;margin:0;display:flex;overflow:hidden}.demo-status:before{content:"";background:#17b26a;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #17b26a26}.demo-status[data-error=true]{color:#d92d20}.demo-status[data-error=true]:before{background:#d92d20;box-shadow:0 0 0 3px #d92d2026}.demo-meta{flex:none;gap:14px;display:flex}.demo-meta a{color:inherit}.demo-file{display:none}.demo-hostile button{color:#621a4c!important;letter-spacing:3px!important;background:#ffd4e4!important;border-radius:0!important;font-family:Georgia,serif!important}.demo-hostile input,.demo-hostile select{color:#902190!important;font-size:26px!important}.demo-hostile *{line-height:3!important}@media (max-width:1080px){.demo-brand-text,.demo-tag{display:none}.demo-brand{flex:none}.demo-brand>.demo-brand-home{margin-block-start:0}.demo-brand{flex-direction:row;align-items:center;gap:8px}.demo-selldone{flex-direction:column;align-items:flex-start;gap:1px;font-size:10px;position:static}.demo-selldone svg{display:none}}@media (max-width:760px){.demo-top{flex-wrap:wrap;gap:10px;height:auto;padding:10px 12px}.demo-tabs{order:3;width:100%}.demo-tab{flex:1;justify-content:center}.demo-main{padding:10px 10px 0}.demo-gallery{flex-direction:column;align-items:stretch;gap:8px;padding:10px 10px 0}.demo-tab{height:46px}.demo-bottom{flex-direction:column;align-items:flex-start;height:auto;padding:12px}.demo-status{white-space:normal}.demo-sample-label{display:none}.demo-actions{flex-wrap:wrap;flex:100%;justify-content:flex-start;min-width:0}.demo-language>select{width:8.5em;min-width:0}}@media (pointer:coarse){.demo-button,.demo-select,.demo-tab,.demo-menu-item{min-height:44px}}