@keyframes qs-shimmer-slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.qs-skeleton-measuring :not([data-skeleton-ignore],[data-skeleton-ignore] *){color:transparent!important}.qs-skeleton-measuring img:not([data-skeleton-ignore],[data-skeleton-ignore] *),.qs-skeleton-measuring svg:not([data-skeleton-ignore],[data-skeleton-ignore] *),.qs-skeleton-measuring video:not([data-skeleton-ignore],[data-skeleton-ignore] *){opacity:0}.qs-skeleton-measuring [data-skeleton-no-children] *{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.qs-skeleton-overlays{position:absolute;overflow:hidden;pointer-events:none;z-index:9999}.qs-skeleton-overlay{position:absolute;background:var(--qs-sk-bg,#e0e0e0)}.qs-skeleton-overlay.is-shimmer{overflow:hidden}.qs-skeleton-overlay.is-shimmer:before{content:"";position:absolute;top:0;bottom:0;left:0;width:100%;z-index:1;background:linear-gradient(90deg,transparent 0,var(--qs-sk-shimmer,#f0f0f0) 50%,transparent 100%);animation:qs-shimmer-slide var(--qs-sk-duration,1.5s) var(--qs-sk-timing,ease-in-out) infinite;animation-delay:var(--qs-sk-delay,0s);will-change:transform}.qs-skeleton-overlays.is-static .qs-skeleton-overlay.is-shimmer:before{display:none!important}.qs-skel-block{position:absolute;background:var(--qs-sk-bg,#e0e0e0)}.qs-skel-block.is-shimmer{overflow:hidden}.qs-skel-block.is-shimmer:before{content:"";position:absolute;top:0;bottom:0;left:0;width:100%;z-index:1;background:linear-gradient(90deg,transparent 0,var(--qs-sk-shimmer,#f0f0f0) 50%,transparent 100%);animation:qs-shimmer-slide var(--qs-sk-duration,1.5s) var(--qs-sk-timing,ease-in-out) infinite;animation-delay:var(--qs-sk-delay,0s);will-change:transform}.qs-skel-container.is-static .qs-skel-block.is-shimmer:before{display:none!important}.qs-skeleton-overlays.is-exiting{opacity:0;transition:opacity .2s ease-out}@media (prefers-reduced-motion:reduce){.qs-skel-block.is-shimmer:before,.qs-skeleton-overlay.is-shimmer:before{animation:none;display:none}}:root{--paper:#f5f6f2;--card:#fdfdfb;--ink:#1d2b2c;--ink-2:#47585a;--ink-3:#84928f;--line:#dcdfd6;--teal:#1e605a;--teal-deep:#123c39;--vermilion:#c8402f;--amber:#a86e23;--hover:rgba(30,96,90,0.07);--hover-strong:rgba(30,96,90,0.12);--shadow:0 1px 2px rgba(29,43,44,0.05);--shadow-md:0 4px 12px rgba(29,43,44,0.08);--shadow-pop:0 12px 32px -16px rgba(29,43,44,0.28);--font-ui:"Microsoft YaHei","PingFang SC",system-ui,-apple-system,sans-serif;--font-num:Georgia,"Palatino Linotype","Times New Roman",serif;--font-kai:KaiTi,"STKaiti","Kaiti SC",serif;--font-mono:"Cascadia Code",Consolas,"Courier New",monospace;--qw-sider-w:240px;--qw-code-bg:#f3f5f2;--qw-stage-bg:#f7f8f5;--qw-primary:var(--teal);--qw-primary-deep:var(--teal-deep);--grad-teal:linear-gradient(135deg,#1e605a,#2a8a7e);--grad-warm:linear-gradient(135deg,var(--teal),var(--amber));--grad-vermilion:linear-gradient(135deg,#c8402f,#e0674a);--grad-amber:linear-gradient(135deg,#a86e23,#d29a4d);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px}[data-theme=dark]{--paper:#121617;--card:#1a2022;--ink:#e6ebe7;--ink-2:#a8b4b2;--ink-3:#6f7f7d;--line:#2a3234;--teal:#57a89e;--teal-deep:#2c5a54;--vermilion:#e2695a;--amber:#d29a4d;--hover:rgba(255,255,255,0.06);--hover-strong:rgba(255,255,255,0.1);--shadow:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.35);--shadow-pop:0 12px 32px -16px rgba(0,0,0,0.55);--qw-code-bg:#151819;--qw-stage-bg:#0d1010}@layer reset{*,:after,:before{box-sizing:border-box;margin:0;padding:0}}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-ui);color:var(--ink);min-height:100vh;background:var(--paper);transition:background-color .25s,color .25s}@layer reset{button{font-family:inherit;color:inherit;cursor:pointer}a{color:var(--qw-primary);text-decoration:none}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}kbd{font-family:var(--font-mono);font-size:10.5px;padding:2px 6px;border:solid var(--line);border-width:1px 1px 2px;border-radius:5px;background:var(--card);color:var(--ink-2)}}::selection{background:color-mix(in srgb,var(--teal) 28%,transparent)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--teal) 4%,transparent) 1px,transparent 1px);background-size:24px 24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-fade-up{animation:fadeUp .5s ease-out both}.anim-fade-in{animation:fadeIn .4s ease-out both}.anim-scale-in{animation:scaleIn .35s ease-out both}.qw-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;gap:16px;background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid var(--line)}.qw-header-left{min-width:0}.qw-header-brand,.qw-header-left{display:flex;align-items:center;gap:10px}.qw-header-brand{color:inherit;text-decoration:none;flex:none}.qw-header-logo-mark{width:4rem;height:4rem;flex:none;object-fit:contain;transition:transform .2s ease}.qw-header-logo-mark:hover{transform:scale(1.06)}.qw-header-logo{font-size:15px;font-weight:700;letter-spacing:.05em;white-space:nowrap}.qw-header-burger{display:none;width:34px;height:34px;flex:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-2);place-items:center;transition:all .2s}.qw-header-burger:hover{border-color:var(--teal);color:var(--teal)}.qw-header-nav{display:flex;align-items:center;gap:2px;margin:0 auto}.qw-header-nav-link{position:relative;padding:6px 14px;font-size:14px;color:var(--ink-2);border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.qw-header-nav-link:hover{color:var(--teal);background:var(--hover)}.qw-header-nav-link.is-active{color:var(--teal);font-weight:600}.qw-header-nav-link.is-active:after{content:"";position:absolute;left:14px;right:14px;bottom:-2px;height:2px;background:var(--teal);border-radius:2px}.qw-header-search-trigger{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-3);font-size:13px;transition:all .2s}.qw-header-search-trigger:hover{border-color:var(--teal);color:var(--teal)}.qw-header-search-keys{display:flex;gap:3px;margin-left:6px}.qw-header-search-keys kbd{padding:1px 5px;font-size:10px;line-height:1.5}.qw-version{position:relative}.qw-version-trigger{display:flex;align-items:center;gap:4px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-2);font-size:12.5px;font-family:var(--font-mono);transition:all .2s}.qw-version-trigger:hover{border-color:var(--teal);color:var(--teal)}.qw-version-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-pop);animation:scaleIn .18s ease-out both;z-index:110}.qw-version-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:7px 10px;font-size:13px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);text-align:left;transition:background-color .15s}.qw-version-item:hover{background:var(--hover);color:var(--teal)}.qw-version-item span{font-size:11px;color:var(--ink-3)}.qw-version-item.is-current{color:var(--teal);font-weight:600}.qw-header-github{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radius-sm);color:var(--ink-2);transition:all .2s}.qw-header-github:hover{color:var(--teal);background:var(--hover)}.qw-header-actions{display:flex;align-items:center;gap:6px}.qw-theme-toggle{width:34px;height:34px;flex:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);display:grid;place-items:center;color:var(--ink-2);transition:all .2s}.qw-theme-toggle:hover{border-color:var(--teal);color:var(--teal);background:var(--hover)}.qw-search-host{display:contents}.qw-sider{position:sticky;top:60px;width:var(--qw-sider-w);flex:none;height:calc(100vh - 60px);overflow-y:auto;padding:16px 0 40px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--card) 80%,transparent);backdrop-filter:blur(8px);transition:width .25s ease}.qw-sider-head{display:flex;justify-content:flex-end;padding:0 12px 10px;margin-bottom:6px;border-bottom:1px solid var(--line)}.qw-sider-toggle{width:28px;height:28px;flex:none;display:grid;place-items:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-3);transition:all .2s}.qw-sider-toggle:hover{color:var(--teal);background:var(--hover)}.qw-sider-toggle svg{display:block}.qw-sider.is-collapsed{width:44px}.qw-sider.is-collapsed .qw-sider-head{justify-content:center;padding:0 0 10px}.qw-sider.is-collapsed .qw-sider-toggle{transform:rotate(180deg)}.qw-sider.is-collapsed .qw-sider-group{display:none}.qw-sider.is-collapsed .qw-sider-rail{display:flex}.qw-sider-group{margin-bottom:10px}.qw-sider-group-title{padding:10px 20px 6px;font-size:13px;font-weight:600;color:var(--ink-3);display:flex;align-items:center;gap:8px}.qw-sider-group-icon{width:15px;height:15px;opacity:.6;flex:none}.qw-sider-link{display:flex;align-items:center;gap:10px;padding:7px 20px;font-size:13.5px;color:var(--ink-2);line-height:1.4;border-radius:0;transition:background-color .15s,color .15s,padding-left .2s;position:relative}.qw-sider-link:hover{color:var(--teal);background:var(--hover);padding-left:24px}.qw-sider-link.is-active{color:var(--teal);font-weight:600;background:var(--hover)}.qw-sider-link.is-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--teal);border-radius:0 3px 3px 0}.qw-sider-link-icon{width:15px;height:15px;opacity:.55;flex:none}.qw-sider-link.is-active .qw-sider-link-icon{opacity:1}.qw-sider-rail{display:none;flex-direction:column;align-items:center;gap:4px;padding:6px 0 12px}.qw-sider-rail-link{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--ink-3);transition:all .15s;position:relative}.qw-sider-rail-link.is-active,.qw-sider-rail-link:hover{color:var(--teal);background:var(--hover)}.qw-sider-rail-link.is-active:before{content:"";position:absolute;left:-6px;top:9px;bottom:9px;width:3px;background:var(--teal);border-radius:0 3px 3px 0}.qw-sider-rail-link svg{display:block}.qw-body{display:flex;align-items:flex-start;max-width:1440px;margin:0 auto;position:relative;z-index:1}.qw-content{flex:1;min-width:0;padding:40px 48px 72px;max-width:1060px;margin:0 auto}.doc-hero{padding:8px 0 20px;margin-bottom:28px;border-bottom:1px solid var(--line)}.doc-hero-title{font-size:26px;font-weight:700;line-height:1.3;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.doc-hero-en{font-size:16px;font-weight:400;color:var(--ink-3);font-family:var(--font-num);letter-spacing:.02em}.doc-hero-desc{margin-top:8px;font-size:14px;color:var(--ink-2);line-height:1.7;max-width:720px}.qw-toc{position:sticky;top:60px;flex:none;width:190px;height:calc(100vh - 60px);overflow-y:auto;padding:24px 16px 40px;border-left:1px solid var(--line)}.qw-toc-title{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;padding:0 8px 8px}.qw-toc-list{list-style:none;display:flex;flex-direction:column;gap:2px}.qw-toc-link{display:block;padding:4px 8px;font-size:12.5px;color:var(--ink-3);line-height:1.5;border-radius:var(--radius-sm);border-left:2px solid transparent;transition:color .15s,background-color .15s,border-color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qw-toc-link.is-active,.qw-toc-link:hover{color:var(--teal);background:var(--hover)}.qw-toc-link.is-active{font-weight:600;border-left-color:var(--teal)}.doc-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}.doc-pn{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);color:var(--ink);transition:all .2s}.doc-pn:hover{border-color:var(--teal);color:var(--teal);box-shadow:var(--shadow-md)}.doc-pn-next{text-align:right;align-items:flex-end}.doc-pn-label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-3)}.doc-pn-next .doc-pn-label{flex-direction:row-reverse}.doc-pn strong{font-size:14px;font-weight:600}.docs-article{line-height:1.8;font-size:14.5px;color:var(--ink-2)}.docs-article h2{font-size:20px;font-weight:700;color:var(--ink);margin:40px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.docs-article h2:first-child{margin-top:0}.docs-article p{margin:12px 0}.docs-article b{color:var(--ink)}.docs-article code{font-family:var(--font-mono);font-size:.9em;background:var(--qw-code-bg);color:var(--teal);padding:2px 6px;border-radius:4px}.docs-article pre{background:var(--qw-code-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;overflow-x:auto;margin:14px 0}.docs-article pre code{background:transparent;color:var(--ink-2);padding:0;font-size:12.5px;line-height:1.7}.docs-article table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}.docs-article td,.docs-article th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}.docs-article th{font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--paper) 60%,transparent)}.docs-article tr:hover td{background:var(--hover)}.demo-card-header,.docs-article h2,.docs-article h3{scroll-margin-top:84px}.qw-drawer-layer{position:fixed;inset:0;z-index:200}.qw-drawer-backdrop{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:rgba(10,14,14,.4);animation:fadeIn .2s ease-out both}.qw-drawer{position:absolute;top:0;left:0;bottom:0;width:min(300px,84vw);display:flex;flex-direction:column;background:var(--card);box-shadow:var(--shadow-pop);animation:drawerIn .26s cubic-bezier(.16,1,.3,1) both}@keyframes drawerIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.qw-drawer-head{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px 0 20px;border-bottom:1px solid var(--line);flex:none}.qw-drawer-title{font-size:14px;font-weight:700;color:var(--ink)}.qw-drawer-close{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);transition:all .15s}.qw-drawer-close:hover{border-color:var(--teal);color:var(--teal)}.qw-drawer .qw-sider{position:static;width:100%;height:auto;flex:1;border-right:none;padding-bottom:24px}.hero{padding:32px 0 48px;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:600;color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,transparent);border:1px solid color-mix(in srgb,var(--teal) 18%,transparent);border-radius:999px;margin-bottom:20px;animation:fadeUp .5s ease-out both}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse-dot 2s ease-in-out infinite}.hero h1{font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:16px;animation:fadeUp .5s ease-out .05s both}.hero-gradient{background:linear-gradient(135deg,var(--teal) 0,var(--vermilion) 45%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:17px;line-height:1.7;color:var(--ink-2);max-width:580px;animation:fadeUp .5s ease-out .1s both}.hero-sub strong{color:var(--ink);font-weight:650}.hero-stats{display:flex;gap:32px;margin-top:32px;animation:fadeUp .5s ease-out .15s both}.hero-stat{text-align:center}.hero-stat-value{font-size:28px;font-weight:800;font-family:var(--font-num);background:linear-gradient(135deg,var(--teal),var(--teal-deep));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:11.5px;color:var(--ink-3);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;animation:fadeUp .5s ease-out .2s both}.feature-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 22px;transition:all .25s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-warm);opacity:0;transition:opacity .25s}.feature-card:hover{border-color:color-mix(in srgb,var(--teal) 25%,transparent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card:hover:before{opacity:1}.feature-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;margin-bottom:14px;font-size:20px}.feature-icon.teal{background:color-mix(in srgb,var(--teal) 10%,transparent);color:var(--teal)}.feature-icon.vermilion{background:color-mix(in srgb,var(--vermilion) 10%,transparent);color:var(--vermilion)}.feature-icon.amber{background:color-mix(in srgb,var(--amber) 10%,transparent);color:var(--amber)}.feature-icon.ink{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink-2)}.feature-card h3{font-size:14.5px;font-weight:650;margin-bottom:6px}.feature-card p{font-size:12.5px;line-height:1.6;color:var(--ink-3)}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;animation:fadeUp .5s ease-out .25s both}.comp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 24px;transition:all .25s ease;cursor:pointer;display:flex;gap:16px;align-items:flex-start;color:inherit;text-decoration:none;position:relative;overflow:hidden}.comp-card:hover{border-color:color-mix(in srgb,var(--teal) 30%,transparent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.comp-card:hover .comp-card-arrow{opacity:1;transform:translateX(0)}.comp-card-icon{width:44px;height:44px;border-radius:var(--radius-md);flex:none;display:grid;place-items:center;font-size:20px}.comp-card-icon.button{background:color-mix(in srgb,var(--teal) 12%,transparent)}.comp-card-icon.toast{background:color-mix(in srgb,var(--teal) 10%,transparent)}.comp-card-icon.input{background:color-mix(in srgb,var(--amber) 12%,transparent)}.comp-card-icon.calendar{background:color-mix(in srgb,var(--vermilion) 12%,transparent)}.comp-card-icon.search{background:color-mix(in srgb,var(--teal) 10%,transparent)}.comp-card-icon.upload{background:color-mix(in srgb,var(--amber) 10%,transparent)}.comp-card-icon.editor{background:color-mix(in srgb,var(--ink) 8%,transparent)}.comp-card-icon.text{background:color-mix(in srgb,var(--teal) 8%,transparent)}.comp-card-icon.skeleton{background:color-mix(in srgb,var(--ink) 8%,transparent)}.comp-card-body{flex:1;min-width:0}.comp-card-title{font-size:14.5px;font-weight:650;margin-bottom:4px;display:flex;align-items:center;gap:8px}.comp-card-desc{font-size:12.5px;color:var(--ink-3);line-height:1.5}.comp-card-badge{display:inline-block;padding:1px 8px;font-size:10.5px;font-weight:600;border-radius:999px;letter-spacing:.03em}.comp-card-badge.stable{background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal)}.comp-card-badge.soon{background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber)}.comp-card-arrow{opacity:0;transform:translateX(-6px);transition:all .2s ease;color:var(--teal);font-size:18px;flex:none;margin-top:12px}.quickstart{margin-top:48px;padding:32px 36px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);animation:fadeUp .5s ease-out .3s both}.quickstart h2{font-size:20px;font-weight:700;margin-bottom:6px}.quickstart p{font-size:13.5px;color:var(--ink-3);margin-bottom:16px}.quickstart-code{background:var(--qw-code-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px 22px;font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--ink-2);overflow-x:auto;position:relative}.quickstart-code .hl-keyword{color:var(--teal)}.quickstart-code .hl-string{color:var(--vermilion)}.quickstart-code .hl-comment{color:var(--ink-3);font-style:italic}.quickstart-copy{position:absolute;top:10px;right:10px;padding:4px 12px;font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-3);cursor:pointer;transition:all .15s}.quickstart-copy:hover{border-color:var(--teal);color:var(--teal)}.page-hero{margin-bottom:28px;animation:fadeUp .4s ease-out both}.page-hero h1{font-size:30px;font-weight:750;letter-spacing:-.01em;margin-bottom:8px}.page-hero p{font-size:14.5px;line-height:1.65;color:var(--ink-2);max-width:600px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.api-section{margin-top:24px;grid-column:1/-1}.api-section h3{font-size:15px;font-weight:650;margin:0 0 12px;color:var(--teal)}.api-section section+section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.api-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.api-table td,.api-table th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}.api-table th{font-weight:600;font-size:12.5px;color:var(--ink);background:color-mix(in srgb,var(--paper) 60%,transparent)}.api-table tr:last-child td{border-bottom:none}.api-table tr:hover td{background:var(--hover)}.api-table td:first-child{white-space:nowrap}.api-table code{font-size:12px;color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,transparent);padding:1px 6px;border-radius:4px}.demo-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:background-color .25s,border-color .25s,box-shadow .25s;animation:scaleIn .3s ease-out backwards}.demo-card:hover{box-shadow:var(--shadow-md)}.demo-card.is-full{grid-column:1/-1}.demo-card-header{padding:20px 24px 0}.demo-card-header h4{font-size:16px;font-weight:650;margin-bottom:6px}.demo-card-header p{font-size:13px;line-height:1.6;color:var(--ink-3)}.demo-card-stage{padding:24px;margin:16px 24px;background:var(--qw-stage-bg);border-radius:var(--radius-md);border:1px solid var(--line);min-height:80px}.demo-card-toolbar{display:flex;gap:6px;border-top:1px solid var(--line);margin:16px 24px 0;padding:12px 24px 16px}.demo-code-tabs{display:flex;gap:2px;margin-right:auto}.demo-code-tab{font-size:11.5px;font-weight:600;color:var(--ink-3);background:none;border:none;padding:4px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background-color .15s}.demo-code-tab:hover{color:var(--teal);background:var(--hover)}.demo-code-tab.is-active{color:#fff;background:var(--teal)}.demo-toggle-code{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-3);background:none;border:none;padding:4px 10px;border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.demo-toggle-code:hover{color:var(--teal);background:var(--hover)}.demo-toggle-code svg{width:14px;height:14px}.demo-card-code{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.demo-card-code.is-open{grid-template-rows:1fr}.demo-card-code-inner{overflow:hidden}.demo-card-code pre{background:var(--qw-code-bg);margin:0 24px 20px;border-radius:var(--radius-md);padding:18px 20px;overflow-x:auto;font-size:13px;line-height:1.7;font-family:var(--font-mono);color:var(--ink-2)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-header h2{font-size:18px;font-weight:700}.section-header-line{flex:1;height:1px;background:var(--line)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 28px;border:0;border-radius:100px;background-color:#e0e4e8;color:#2c3e50;font-weight:600;font-size:13px;font-family:var(--font-ui);cursor:pointer;transition:all .35s ease}.btn:hover{background-color:#d0d4d8;transform:scale(1.05)}.btn:active{transition:all .15s;transform:scale(.96)}.btn.primary{background-color:#2ba8fb;color:#fff}.btn.primary:hover{background-color:#6fc5ff;box-shadow:0 0 20px #6fc5ff50}.btn.primary:active{background-color:#3d94cf;box-shadow:none}.btn.amber{background-color:#f0a030;color:#fff}.btn.amber:hover{background-color:#f5b850;box-shadow:0 0 20px #f5b85050}.btn.amber:active{background-color:#d08a20;box-shadow:none}.btn.icon{width:40px;height:40px;padding:0;justify-content:center;font-size:18px}.qw-input{--qw-input-ring:conic-gradient(from var(--qw-input-angle),transparent 0deg 70deg,color-mix(in srgb,var(--teal) 38%,transparent) 115deg,transparent 170deg 360deg);height:38px;padding:0 14px;font-size:13px;font-family:var(--font-ui);color:var(--ink);background:var(--card);border:1.5px solid transparent;border-radius:8px;outline:none;background:linear-gradient(var(--card),var(--card)) padding-box,var(--qw-input-ring) border-box,linear-gradient(var(--line),var(--line)) border-box;animation:qw-input-flow 3.2s linear infinite}.qw-input::placeholder{color:var(--ink-3)}.qw-input:hover{--qw-input-ring:conic-gradient(from var(--qw-input-angle),transparent 0deg 30deg,color-mix(in srgb,var(--teal) 70%,transparent) 80deg,var(--teal) 120deg,color-mix(in srgb,var(--vermilion) 55%,transparent) 175deg,transparent 235deg 360deg)}.qw-input:focus{--qw-input-ring:conic-gradient(from var(--qw-input-angle),transparent 0deg,var(--teal) 55deg,var(--vermilion) 135deg,var(--amber) 205deg,transparent 285deg 360deg)}.qw-input[data-glow=false]{animation:none;background:var(--card);border-color:var(--line)}.qw-input[data-glow=false]:hover{border-color:var(--ink-3)}.qw-input[data-glow=false]:focus{border-color:var(--teal)}.qw-input-simple{height:45px;padding:12px;max-width:220px;font-size:13px;font-family:var(--font-ui);color:var(--ink);background:var(--card);border:1.5px solid lightgrey;border-radius:12px;outline:none;transition:all .3s cubic-bezier(.19,1,.22,1);box-shadow:0 0 20px -18px}.qw-input-simple:hover{border-width:2px;box-shadow:0 0 20px -17px}.qw-input-simple:active{transform:scale(.95)}.qw-input-simple:focus{border:2px solid grey}@property --qw-input-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes qw-input-flow{to{--qw-input-angle:1turn}}.cal-nav{display:flex;gap:6px}.cal-title{display:flex;align-items:baseline;gap:8px}.cal-month{font-size:20px;font-weight:700}.cal-lunar-year{font-size:12px;color:var(--ink-3)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{padding:5px 14px;font-size:12px;font-weight:500;background:transparent;color:var(--ink-2);border:none;cursor:pointer;transition:background-color .15s,color .15s}.seg button[aria-pressed=true]{background:var(--teal);color:#fff}.seg button:hover:not([aria-pressed=true]){background:var(--hover)}.cal-top{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.cal-foot{margin-top:14px;font-size:12px;color:var(--ink-3)}.cal-foot-label{margin-right:6px}.qw-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:4px}.qw-weekdays span{font-size:11px;font-weight:600;color:var(--ink-3);padding:6px 0}.qw-weekdays span:last-child,.qw-weekdays span:nth-child(6){color:var(--vermilion)}.qw-grid,.vis-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.vis-cal{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.vis-cal-cell{background:var(--card);padding:8px 6px;min-height:56px;font-size:12px;text-align:center;transition:background-color .15s;display:flex;flex-direction:column;align-items:center;gap:2px}.vis-cal-cell:hover{background:var(--hover)}.vis-cal-cell.other-month{opacity:.3}.vis-cal-cell.today{box-shadow:inset 0 0 0 2px var(--teal)}.vis-cal-cell.holiday{background:color-mix(in srgb,var(--vermilion) 6%,transparent)}.vis-cal-cell.workday{background:color-mix(in srgb,var(--teal) 6%,transparent)}.vis-cal-cell-num{font-weight:600;font-family:var(--font-num);font-size:13px}.vis-cal-cell-sub{font-size:10px;color:var(--ink-3);line-height:1.2}.vis-cal-cell-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;margin-top:1px}.vis-cal-cell-badge.rest{background:color-mix(in srgb,var(--vermilion) 15%,transparent);color:var(--vermilion)}.vis-cal-cell-badge.work{background:color-mix(in srgb,var(--teal) 15%,transparent);color:var(--teal)}.vis-cal-cell-badge.term{background:color-mix(in srgb,var(--amber) 15%,transparent);color:var(--amber)}.holiday-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.holiday-toggle{padding:6px 14px;font-size:12px;font-weight:550;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);cursor:pointer;transition:all .2s}.holiday-toggle:hover{border-color:var(--teal);color:var(--teal)}.holiday-toggle.is-on{background:color-mix(in srgb,var(--vermilion) 10%,transparent);border-color:var(--vermilion);color:var(--vermilion)}.pipeline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 0}.pipeline-step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 18px;text-align:center;min-width:90px;transition:all .2s}.pipeline-step:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pipeline-step-label{font-size:11px;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.pipeline-step-name{font-size:13px;font-weight:600}.pipeline-arrow{color:var(--ink-3);font-size:18px;font-weight:300}.rule-card{background:var(--qw-stage-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px}.rule-card-title{font-size:12px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.rule-card-code{font-family:var(--font-mono);font-size:12px;color:var(--ink-2);line-height:1.6;background:var(--qw-code-bg);padding:10px 14px;border-radius:var(--radius-sm)}.rule-card-code .hl-str{color:var(--vermilion)}.rule-card-code .hl-fn{color:var(--teal)}.rule-card-code .hl-num{color:var(--amber)}.perf-sim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}.perf-sim-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 20px;text-align:center;transition:all .3s}.perf-sim-card:hover{border-color:var(--teal)}.perf-sim-value{font-size:32px;font-weight:800;font-family:var(--font-num);color:var(--teal);transition:color .3s}.perf-sim-value.done{color:var(--vermilion)}.perf-sim-bar{height:4px;background:var(--line);border-radius:2px;margin-top:8px;overflow:hidden}.perf-sim-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--amber));border-radius:2px;transition:width .4s ease}.event-sim-btn{padding:6px 16px;font-size:12px;font-weight:600;border:1px solid var(--teal);border-radius:var(--radius-sm);background:transparent;color:var(--teal);cursor:pointer;transition:all .15s;margin-bottom:12px}.event-sim-btn.is-running,.event-sim-btn:hover{background:var(--teal);color:#fff}.event-sim-btn.is-running{animation:pulse-btn 1.5s ease-in-out infinite}@keyframes pulse-btn{0%,to{opacity:1}50%{opacity:.7}}.log{list-style:none;font-size:11.5px;font-family:var(--font-mono);max-height:400px;overflow-y:auto}.log li{padding:4px 8px;display:flex;gap:8px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent);animation:fadeIn .2s ease-out both}.log time{color:var(--ink-3);flex:none;font-size:10.5px}.log .tag{font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px;text-transform:uppercase}.log .tag.ext{background:var(--hover);color:var(--teal)}.log .tag.sel{background:color-mix(in srgb,var(--vermilion) 15%,transparent);color:var(--vermilion)}.log .tag.perf{background:color-mix(in srgb,var(--amber) 15%,transparent);color:var(--amber)}.log .tag.rule{background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber)}.log .msg{color:var(--ink-2)}.meta-rows{display:grid;gap:4px;font-size:12px;font-family:var(--font-mono)}.meta-rows dt{color:var(--ink-3);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.meta-rows dd{color:var(--ink)}.meta-iso{font-size:14px;font-weight:700;color:var(--teal);margin-bottom:6px}.trace{margin-top:12px}.trace-title{font-size:10px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.trace ol{padding-left:18px;font-size:11px;font-family:var(--font-mono);color:var(--ink-2)}.trace li{margin-bottom:2px}.perf-grid{display:flex;flex-wrap:wrap;gap:10px}.perf-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 18px;min-width:130px;transition:all .2s}.perf-card:hover{border-color:var(--teal)}.perf-card-label{font-size:10.5px;font-weight:650;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}.perf-card-value{font-size:24px;font-weight:750;color:var(--ink);font-family:var(--font-num);margin-top:4px}.perf-card-sub{font-size:11px;color:var(--ink-3);margin-top:2px}.chip-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:12.5px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);transition:all .15s}.chip:hover{border-color:var(--teal)}.chip .del{cursor:pointer;opacity:.4}.chip .del:hover{opacity:.8;color:var(--vermilion)}.editor-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.editor-add .qw-input{max-width:180px}.switch{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);margin-top:8px;cursor:pointer}.switch input[type=checkbox]{width:36px;height:22px;appearance:none;border-radius:11px;background:var(--line);border:none;cursor:pointer;position:relative;transition:background-color .2s}.switch input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.15)}.switch input[type=checkbox]:checked{background:var(--teal)}.switch input[type=checkbox]:checked:after{transform:translateX(14px)}.cal-props-panel{margin-bottom:20px;padding:20px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md)}.cal-props-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px}.cal-props-field{display:flex;flex-direction:column;gap:5px}.cal-props-label{font-size:11px;font-weight:650;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.cal-props-input{height:36px;padding:0 10px;font-size:13px;font-family:var(--font-ui);color:var(--ink);background:var(--qw-stage-bg);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}.cal-props-input:focus,.cal-props-input:hover{border-color:var(--teal)}.cal-props-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 15%,transparent)}select.cal-props-input{cursor:pointer;appearance:auto}.cal-props-textarea{width:100%;padding:8px 10px;font-size:11.5px;font-family:var(--font-mono);line-height:1.5;color:var(--ink);background:var(--qw-stage-bg);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s}.cal-props-textarea:hover{border-color:var(--teal)}.cal-props-textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 15%,transparent)}.cal-props-actions{display:flex;justify-content:flex-end}.cal-log-panel{flex:1;min-width:200px;max-width:340px}.cal-log-title{font-size:12px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.cal-log-list{max-height:340px;overflow-y:auto;font-size:12px;line-height:1.65;font-family:var(--font-mono)}.cal-log-empty{color:var(--ink-3);font-style:italic;font-family:var(--font-ui)}.cal-log-item{padding:4px 8px;border-radius:var(--radius-sm);color:var(--ink-2)}.cal-log-item:nth-child(odd){background:color-mix(in srgb,var(--teal) 4%,transparent)}.cal-log-item:before{content:"▸";color:var(--teal);margin-right:6px}.changelog-version{margin-bottom:24px;padding:22px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color .2s}.changelog-version:hover{border-color:color-mix(in srgb,var(--teal) 20%,transparent)}.changelog-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.changelog-ver{font-size:20px;font-weight:750;color:var(--ink);font-family:var(--font-num)}.changelog-tag{display:inline-block;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:600;color:#fff;background:var(--grad-teal);border-radius:999px;vertical-align:middle}.changelog-date{margin-left:auto;font-size:12px;color:var(--ink-3);font-family:var(--font-num)}.changelog-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.changelog-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.65;color:var(--ink-2)}.changelog-type{flex:none;margin-top:2px;padding:1px 8px;font-size:10.5px;font-weight:700;border-radius:4px;letter-spacing:.04em}.type-feat{color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent)}.type-fix{color:var(--vermilion);background:color-mix(in srgb,var(--vermilion) 12%,transparent)}.type-improve{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,transparent)}.home-card-link:hover{border-color:var(--teal)!important}@media (max-width:1100px){.features{grid-template-columns:repeat(2,1fr)}}@media (max-width:1280px){.qw-toc{display:none}}@media (max-width:900px){.qw-sider{display:none}.qw-header-burger{display:grid}.qw-content{max-width:100%;padding:24px 20px}.qw-header-search-label{display:none}.comp-grid,.demo-grid,.features{grid-template-columns:1fr}.hero h1{font-size:32px}.hero-stats{gap:20px;flex-wrap:wrap}}@media (max-width:640px){.qw-content{padding:20px 16px}.qw-header{padding:0 12px}.qw-header-nav-link{padding:6px 8px}.hero h1{font-size:28px}.hero-stats{flex-direction:column;gap:12px}.doc-prevnext{grid-template-columns:1fr}.doc-pn-next{text-align:left;align-items:flex-start}.doc-pn-next .doc-pn-label{flex-direction:row}}.toast-demo{display:flex;flex-direction:column;gap:28px}.toast-section-title{font-size:13px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.toast-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:280px;background:color-mix(in srgb,var(--ink) 3%,transparent);border-radius:12px;padding:6px}.toast-pos-cell{aspect-ratio:2/1;border:1.5px dashed color-mix(in srgb,var(--ink) 10%,transparent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--ink-3);cursor:pointer;transition:all .2s;background:transparent;font-family:var(--font-ui)}.toast-pos-cell:hover{border-color:var(--teal);color:var(--teal);background:color-mix(in srgb,var(--teal) 6%,transparent)}.toast-pos-cell.is-active{border-style:solid;border-color:var(--teal);color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent)}.toast-type-row{display:flex;gap:8px;flex-wrap:wrap}.toast-type-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:12px;background:var(--card);color:var(--ink);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-ui)}.toast-type-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.toast-type-btn.is-active{border-color:var(--teal);color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,var(--card));box-shadow:0 0 0 1px color-mix(in srgb,var(--teal) 20%,transparent)}.toast-type-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.toast-scene-row{display:flex;gap:8px;flex-wrap:wrap}.toast-preview{position:relative;padding:20px 16px;width:100%;max-width:420px;border-radius:16px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:repeating-linear-gradient(135deg,transparent 0 26px,rgba(255,255,255,.14) 26px 28px),repeating-linear-gradient(45deg,transparent 0 18px,rgba(0,0,0,.28) 18px 20px),radial-gradient(120% 120% at 0 0,rgba(30,96,90,.95),transparent 52%),radial-gradient(120% 120% at 100% 0,rgba(200,64,47,.9),transparent 52%),radial-gradient(120% 120% at 50% 100%,rgba(168,110,35,.9),transparent 55%),#1d2b2c}.toast-preview-hint{font-size:11px;font-weight:400;color:var(--ink-3);margin-left:8px;text-transform:none;letter-spacing:0}.toast-preview .qt-toast{cursor:pointer}.toast-text-demo{display:flex;flex-direction:column;gap:10px;max-width:640px}.toast-text-input{width:100%;resize:vertical;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--ink) 2%,var(--card));color:var(--ink);font-family:var(--font-ui);font-size:13.5px;line-height:1.6;outline:none;transition:border-color .15s,box-shadow .15s}.toast-text-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 15%,transparent)}.toast-text-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toast-text-label{font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}@media (max-width:480px){.toast-pos-grid{max-width:100%}}.toast-btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tag-input-demo{gap:16px}.qti-demo-basic,.tag-input-demo{display:flex;flex-direction:column}.qti-demo-basic{gap:10px}.qti-demo-state{font-size:13px;color:var(--ink-2,#6b7280)}.qti-demo-state code{padding:1px 6px;background:rgba(20,184,166,.1);border-radius:4px;color:var(--accent,#0d9488)}.tag-input-section-title{font-size:13px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.tl-row{display:flex;gap:20px;flex-wrap:wrap}.tl-col{flex-direction:column}.tl-col,.tl-controls{display:flex;gap:12px}.tl-controls{margin-bottom:12px;flex-wrap:wrap;align-items:center}.tl-hint{margin-top:6px}.tl-hint,.tl-range-label{font-size:13px;color:#888}.tl-range-label{display:flex;align-items:center;gap:4px}.tl-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff}.tl-input{padding:4px 10px;width:160px}.tl-input,.tl-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px}.tl-textarea{width:100%;max-width:520px;padding:8px;resize:vertical}.tl-btn{padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;background:#f8fafc;color:#374151;font-size:13px;cursor:pointer}.tl-btn:hover{border-color:#94a3b8}.tl-btn-primary{padding:8px 16px;border:1px solid #6366f1;border-radius:6px;background:#eef2ff;color:#4338ca;font-size:14px;cursor:pointer}.tl-warn{font-size:13px;color:#f59e0b;font-weight:500}.tl-viewport{overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.tl-virtual-item{position:absolute;left:0;width:100%;padding:4px 12px;line-height:24px;border-bottom:1px solid #eee;box-sizing:border-box;font-size:14px}.tl-bench-table{margin-top:12px;width:100%;font-size:14px;border-collapse:collapse}.tl-bench-table td,.tl-bench-table th{padding:4px 12px}.tl-bench-table th{text-align:left}.tl-bench-table td.num{text-align:right;font-variant-numeric:tabular-nums}.tl-ok{color:#059669}.tl-bad{color:#dc2626}.tl-panel{padding:12px;border-radius:8px;border:1px solid;font-size:14px}.tl-panel-yellow{background:#fefce8;border-color:#fde68a}.tl-panel-green{background:#f0fdf4;border-color:#bbf7d0}.tl-panel-label{font-weight:600;margin-bottom:4px}.tl-panel-orig{opacity:.5;margin-bottom:12px}.tl-bubbles{display:flex;flex-direction:column;gap:12px;max-width:420px}.tl-bubble{max-width:320px;padding:10px 14px;font-size:14px;line-height:22px;word-break:break-word}.tl-bubble-user{align-self:flex-end;background:#6366f1;color:#fff;border-radius:16px 16px 4px 16px}.tl-bubble-assistant{align-self:flex-start;background:#f3f4f6;color:#111;border-radius:16px 16px 16px 4px}.tl-bubble-meta{font-size:11px;margin-top:4px;opacity:.6;text-align:right}.tl-chip-flow{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px}.tl-chip-row{position:relative;height:28px}.tl-chip{display:inline-flex;align-items:center;gap:4px;padding:0 10px;height:24px;background:#e0e7ff;color:#3730a3;border-radius:12px;font-size:13px;cursor:pointer;white-space:nowrap}.tl-chip,.tl-chip-text{position:absolute}.tl-data-table{border-collapse:collapse;font-size:14px;table-layout:fixed}.tl-data-table td,.tl-data-table th{padding:6px 10px;font-weight:400}.tl-data-table th{text-align:left;border-bottom:2px solid #d1d5db;background:#f3f4f6}.tl-data-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-data-table tr{border-bottom:1px solid #e5e7eb}.tl-data-table th .tl-col-w{font-size:10px;font-weight:400;color:#888}.tl-rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;font-size:14px}.tl-rule-title{font-weight:600;margin-bottom:4px;color:#1e293b}.tl-rule-desc{color:#64748b;line-height:1.6}.sk-stage{flex-direction:column;gap:16px}.sk-stage,.sk-toggle-row{display:flex;align-items:center}.sk-toggle-row{gap:8px}.sk-toggle{padding:6px 20px;border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer}.sk-toggle.is-loading{background:#e8453c}.sk-toggle.is-ready{background:#22c55e}.sk-state{font-size:12px;color:#888;align-self:center}