:root{--ui-bg: rgba(18, 17, 15, .78);--ui-line: rgba(255, 255, 255, .12);--ui-ink: #f1efe9;--ui-muted: #a39f96;--ui-accent: #f5c445;color-scheme:dark;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#16130f;color:var(--ui-ink)}:root[data-theme=light] body{background:#f6f6f3}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}#bar{position:fixed;left:16px;top:16px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100vw - 340px);padding:6px;border-radius:14px;background:var(--ui-bg);border:1px solid var(--ui-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px}#bar .brand{padding:0 8px 0 6px;letter-spacing:.02em}#bar button,#bar select{font:inherit;color:var(--ui-ink);background:transparent;border:1px solid var(--ui-line);border-radius:9px;padding:5px 10px;cursor:pointer}#bar button:hover,#bar select:hover{background:#ffffff14}#bar button[aria-pressed=true]{background:var(--ui-ink);color:#16130f;border-color:var(--ui-ink)}#bar button:focus-visible,#bar select:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}#bar select option{background:#1e1b17}#bar .field{display:inline-flex;align-items:center;gap:6px;color:var(--ui-muted)}#bar .seg{display:inline-flex}#bar .seg button:first-child{border-radius:9px 0 0 9px}#bar .seg button:last-child{border-radius:0 9px 9px 0;margin-left:-1px}#bar #play{min-width:34px}#bar .menu{position:relative}#export-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;display:flex;flex-direction:column;gap:2px;min-width:250px;padding:6px;background:#12110ff0;border:1px solid var(--ui-line);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#export-menu[hidden]{display:none}#bar #export-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;text-align:left;padding:7px 10px}#export-menu b{font-weight:600}#export-menu small{color:var(--ui-muted);font-size:11.5px}.lil-gui.root{--background-color: rgba(18, 17, 15, .82);--widget-color: rgba(255, 255, 255, .08);--hover-color: rgba(255, 255, 255, .14);--focus-color: rgba(255, 255, 255, .2);--number-color: #f5c445;--string-color: #2dc68b;--font-family: inherit;--font-size: 12px;--input-font-size: 12px;--widget-height: 22px;position:fixed;right:16px;top:16px;z-index:20;max-height:calc(100vh - 32px);overflow-y:auto;border-radius:14px;border:1px solid var(--ui-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#mock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;--m-ink: #15171c;--m-muted: #5d626b;--m-line: #e4e5e0;--m-surface: #fff;--m-accent: #7b3fe4;color:var(--m-ink);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei UI,sans-serif}:root[data-theme=dark] #mock{--m-ink: #edeef0;--m-muted: #9a9ea6;--m-line: #2a2c31;--m-surface: #1a1b1e}.mock-nav{display:flex;justify-content:space-between;align-items:center;padding:72px 40px 0}.mock-logo{font-size:20px;font-weight:600;color:var(--m-accent)}.mock-logo b{color:var(--m-ink)}.mock-links{display:flex;gap:10px;font-size:14px}.mock-links i{font-style:normal;padding:6px 12px;border-radius:999px;border:1px solid var(--m-line);background:color-mix(in oklab,var(--m-surface) 70%,transparent)}.mock-links i.solid{background:var(--m-ink);color:var(--m-surface);border-color:var(--m-ink)}.mock-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:9vh 16px 0}.mock-badge{font-size:13px;padding:6px 14px;border:1px solid var(--m-line);border-radius:999px;background:var(--m-surface);color:var(--m-muted)}.mock-badge b{color:var(--m-ink)}.mock-hero h1{font-size:clamp(30px,4.2vw,56px);margin:28px 0 18px;letter-spacing:.01em}.mock-hero h1 span{background:linear-gradient(90deg,#7b3fe4,#e8467c,#ff9a5a);-webkit-background-clip:text;background-clip:text;color:transparent}.mock-hero p{margin:0;max-width:34em;color:var(--m-muted);line-height:1.9;font-size:16px}.mock-search{position:relative;margin-top:44px;width:min(880px,92vw);height:170px;text-align:left;border:1.5px solid var(--m-ink);border-radius:18px;background:color-mix(in oklab,var(--m-surface) 86%,transparent);box-shadow:0 10px 30px -18px #15171c73}.mock-search .ph{position:absolute;left:28px;top:26px;color:var(--m-muted);font-size:18px}.mock-search .chips{position:absolute;left:20px;bottom:18px;display:flex;gap:8px;font-size:13px}.mock-search .chips i{font-style:normal;padding:5px 11px;border-radius:999px;border:1px solid var(--m-line);color:var(--m-muted)}.mock-search .go{position:absolute;right:20px;bottom:16px;padding:12px 24px;border-radius:12px;background:var(--m-accent);color:#fff;font-weight:600}#credit{position:fixed;left:16px;bottom:14px;z-index:20;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;color:var(--ui-muted);background:var(--ui-bg);border:1px solid var(--ui-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#credit a{color:var(--ui-ink);font-weight:600;text-decoration:none}#credit a:hover{text-decoration:underline}#credit a:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px;border-radius:4px}#credit .sub{font-size:11.5px}#toast{position:fixed;left:50%;bottom:24px;z-index:30;transform:translate(-50%,20px);padding:8px 14px;border-radius:10px;font-size:13px;background:var(--ui-bg);border:1px solid var(--ui-line);opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}.unsupported{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0}@media(max-width:760px){#bar{left:8px;right:8px;top:8px;max-width:none}.lil-gui.root{left:8px;right:8px;top:auto;bottom:48px;width:auto!important;max-height:42vh}#credit{left:8px;right:8px;bottom:8px;justify-content:center;border-radius:12px}#credit .sub{display:none}.mock-nav{padding:120px 16px 0}.mock-links{display:none}.mock-search{height:140px}.mock-search .chips i:nth-child(n+3){display:none}}@media(prefers-reduced-motion:reduce){#toast{transition:none}}
