:root{color:#e7dfe3;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111014;font-family:Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #eea0bc}button{color:inherit;background:0 0;border:0}button:hover,a:hover{color:#ffc2d6}button:disabled{cursor:default;opacity:.4}.theme-gallery{flex-direction:column;height:100dvh;min-height:620px;display:flex}.gallery-top{border-bottom:1px solid #30242c;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 28px;display:flex}.gallery-brand{letter-spacing:.2em;font-size:17px;font-weight:750}.gallery-brand span{color:#a9949f;letter-spacing:.12em;font-size:10px;font-weight:500}.gallery-top nav{color:#bfaeb7;gap:26px;font-size:12px;display:flex}.gallery-controls{background:#171419;flex-direction:column;gap:11px;padding:12px 26px 11px;display:flex}.app-tabs{scrollbar-width:thin;gap:5px;display:flex;overflow-x:auto}.app-tabs button{white-space:nowrap;color:#b8a8b0;border:1px solid #0000;border-radius:5px;padding:8px 19px;font-size:13px}.app-tabs button[aria-pressed=true]{color:#f7dbe6;background:#3b2632;border-color:#714457}.view-controls{color:#b3a3ad;flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;display:flex}.mode-tabs{border:1px solid #4a3440;border-radius:5px;padding:2px;display:flex}.mode-tabs button{border-radius:3px;padding:5px 12px}.mode-tabs button[aria-pressed=true]{color:#ffeef5;background:#5c3549}.select-label{align-items:center;gap:7px;display:flex}.select-label select{color:#c9bac3;background:#201a22;border:1px solid #41303b;border-radius:4px;padding:4px}.quiet-control{border-bottom:1px solid #55414c;padding:5px 8px}.demo-meta{justify-content:space-between;align-items:center;gap:18px;padding:10px 28px;font-size:11px;display:flex}.demo-meta strong{color:#ead7e0;font-size:13px;font-weight:550}.demo-meta div{align-items:center;gap:14px;display:flex}.demo-meta span{color:#96858f}.demo-label:before{content:"";background:#a16b82;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.theme-viewport{scrollbar-color:#4e3543 #111014;background:#09090b;flex:1;justify-content:flex-start;align-items:flex-start;min-height:220px;padding:12px;display:flex;overflow:auto}.theme-viewport.fit{justify-content:center;align-items:center}.frame-size{background:#101012;outline:1px solid #ffffff12;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 8px 30px #0005}.frame-size iframe{transform-origin:0 0;border:0;display:block;position:absolute;top:0;left:0}.gallery-footer{color:#9c8c96;align-items:center;gap:20px;min-height:56px;padding:12px 28px;font-size:10px;line-height:1.6;display:flex}.gallery-footer p{flex:1;max-width:950px;margin:0}.gallery-footer a{white-space:nowrap;color:#d1a8ba}.gallery-footer>span{white-space:nowrap;color:#70616b;margin-left:auto}@media (max-width:860px){.gallery-top{height:52px;padding:0 14px}.gallery-top nav{gap:12px;font-size:10px}.gallery-brand{font-size:14px}.gallery-brand span{display:none}.gallery-controls{padding:10px 12px}.app-tabs button{padding:8px 12px;font-size:12px}.view-controls{gap:7px;font-size:10px}.mode-tabs button{padding:5px 8px}.demo-meta{padding:9px 14px}.demo-meta div>span{display:none}.gallery-footer{flex-wrap:wrap;gap:8px 18px;padding:10px 14px}.gallery-footer p{flex-basis:100%;font-size:10px}.gallery-footer>span{font-size:9px}.theme-gallery{min-height:580px}.demo-label{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}