.component-field-notes[data-astro-cid-bdyafaih]{border-top:1px solid var(--line-soft);background:var(--surface-2);padding:clamp(2rem,5vw,5rem)}.component-field-notes[data-astro-cid-bdyafaih]>header[data-astro-cid-bdyafaih]{max-width:780px;margin-bottom:1.6rem}.component-field-notes[data-astro-cid-bdyafaih]>header[data-astro-cid-bdyafaih] h2[data-astro-cid-bdyafaih]{letter-spacing:-.06em;margin:.35rem 0 .7rem;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95}.component-field-notes[data-astro-cid-bdyafaih]>header[data-astro-cid-bdyafaih]>p[data-astro-cid-bdyafaih]:last-child{color:var(--muted);line-height:1.7}.field-note-grid[data-astro-cid-bdyafaih]{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.field-note-grid[data-astro-cid-bdyafaih] article[data-astro-cid-bdyafaih]{border:1px solid var(--line-soft);background:var(--surface);border-radius:15px;padding:1.2rem}.field-note-grid[data-astro-cid-bdyafaih] article[data-astro-cid-bdyafaih]>svg[data-astro-cid-bdyafaih]{color:var(--blue-strong)}.field-note-grid[data-astro-cid-bdyafaih] h3[data-astro-cid-bdyafaih]{margin:.8rem 0;font-size:1.25rem}.field-note-grid[data-astro-cid-bdyafaih] ul[data-astro-cid-bdyafaih],.field-note-grid[data-astro-cid-bdyafaih] ol[data-astro-cid-bdyafaih]{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.field-note-grid[data-astro-cid-bdyafaih] ol[data-astro-cid-bdyafaih]{counter-reset:integration}.field-note-grid[data-astro-cid-bdyafaih] li[data-astro-cid-bdyafaih]{color:var(--ink-soft);align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.55;display:flex}.field-note-grid[data-astro-cid-bdyafaih] ol[data-astro-cid-bdyafaih] li[data-astro-cid-bdyafaih]{counter-increment:integration}.field-note-grid[data-astro-cid-bdyafaih] ol[data-astro-cid-bdyafaih] li[data-astro-cid-bdyafaih]:before{content:counter(integration, decimal-leading-zero);color:var(--blue-strong);font:750 .65rem var(--font-mono);flex:none}.field-note-grid[data-astro-cid-bdyafaih] li[data-astro-cid-bdyafaih] svg[data-astro-cid-bdyafaih]{color:var(--blue-strong);flex:none;margin-top:.2rem}.field-note-grid[data-astro-cid-bdyafaih] article[data-astro-cid-bdyafaih]>p[data-astro-cid-bdyafaih]{border-top:1px solid var(--line-soft);color:var(--muted);margin:1rem 0 0;padding-top:1rem;font-size:.76rem;line-height:1.55}.field-note-links[data-astro-cid-bdyafaih]{grid-template-columns:1fr minmax(230px,.38fr);gap:1rem;margin-top:1rem;display:grid}.field-note-links[data-astro-cid-bdyafaih]>section[data-astro-cid-bdyafaih],.field-note-links[data-astro-cid-bdyafaih]>aside[data-astro-cid-bdyafaih]{border:1px solid var(--line-soft);background:var(--surface);border-radius:15px;padding:1.2rem}.field-note-links[data-astro-cid-bdyafaih] h3[data-astro-cid-bdyafaih]{margin:.35rem 0 1rem;font-size:1.35rem}.field-note-links[data-astro-cid-bdyafaih] section[data-astro-cid-bdyafaih]>div[data-astro-cid-bdyafaih]{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.field-note-links[data-astro-cid-bdyafaih] section[data-astro-cid-bdyafaih] a[data-astro-cid-bdyafaih]{border:1px solid var(--line-soft);color:var(--ink);border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.8rem;text-decoration:none;display:grid}.field-note-links[data-astro-cid-bdyafaih] section[data-astro-cid-bdyafaih] a[data-astro-cid-bdyafaih]>span[data-astro-cid-bdyafaih]{gap:.2rem;display:grid}.field-note-links[data-astro-cid-bdyafaih] small[data-astro-cid-bdyafaih]{color:var(--muted);font:650 .63rem var(--font-mono)}.field-note-links[data-astro-cid-bdyafaih] section[data-astro-cid-bdyafaih] strong[data-astro-cid-bdyafaih]{font-size:.75rem;line-height:1.4}.field-note-links[data-astro-cid-bdyafaih] aside[data-astro-cid-bdyafaih]>a[data-astro-cid-bdyafaih]{border-top:1px solid var(--line-soft);color:var(--ink);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;padding:.65rem 0;font-size:.78rem;font-weight:750;display:flex}@media (width<=980px){.field-note-grid[data-astro-cid-bdyafaih]{grid-template-columns:1fr 1fr}.field-note-grid[data-astro-cid-bdyafaih] article[data-astro-cid-bdyafaih]:last-child{grid-column:1/-1}.field-note-links[data-astro-cid-bdyafaih],.field-note-links[data-astro-cid-bdyafaih] section[data-astro-cid-bdyafaih]>div[data-astro-cid-bdyafaih]{grid-template-columns:1fr}}@media (width<=620px){.field-note-grid[data-astro-cid-bdyafaih]{grid-template-columns:1fr}.field-note-grid[data-astro-cid-bdyafaih] article[data-astro-cid-bdyafaih]:last-child{grid-column:auto}}.component-workbench .detail-grid{background:var(--surface-2);grid-template-columns:minmax(0,1fr) 376px;min-height:720px;transition:grid-template-columns .18s}.component-workbench .detail-grid.inspector-closed{grid-template-columns:minmax(0,1fr)}.component-workbench .preview-lab{background:var(--surface-2);grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;position:relative}.component-workbench .lab-toolbar{background:color-mix(in srgb, var(--surface) 94%, transparent);backdrop-filter:blur(18px);gap:.65rem;min-height:64px;padding:.55rem .75rem}.component-workbench .lab-toolbar__title{align-items:center;gap:.55rem;padding-right:.4rem;display:flex}.component-workbench .lab-toolbar__title>i{background:var(--success);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--success) 13%, transparent);border-radius:50%;flex:none}.component-workbench .lab-toolbar__title span,.component-workbench .lab-toolbar__title strong,.component-workbench .lab-toolbar__title small{display:block}.component-workbench .lab-toolbar__title strong{color:var(--ink);font-size:.78rem}.component-workbench .lab-toolbar__title small{color:var(--muted);margin-top:.08rem;font-size:.64rem}.component-workbench .toolbar-group{border-color:color-mix(in srgb, var(--line-soft) 86%, transparent);background:color-mix(in srgb, var(--surface-2) 80%, transparent);border-radius:12px;gap:.15rem;padding:.22rem}.component-workbench .toolbar-group button,.component-workbench .tool-alone{border-radius:9px;justify-content:center;min-width:36px;min-height:36px;transition:color .14s,background .14s,border-color .14s,transform .14s}.component-workbench .toolbar-group button:hover,.component-workbench .tool-alone:hover{color:var(--blue-strong);background:var(--surface)}.component-workbench .toolbar-group button.active{color:var(--blue-strong);box-shadow:0 1px 3px #0f172a1a}.component-workbench .toolbar-actions{align-items:center;gap:.4rem;margin-left:auto;display:flex}.component-workbench .toolbar-actions .tool-alone{border-color:var(--line-soft);margin-left:0;font-size:.73rem;font-weight:750}.component-workbench .inspector-toggle{color:#fff;border-color:var(--blue);background:var(--blue);display:flex}.component-workbench .inspector-toggle:hover{color:#fff;background:var(--blue-strong)}.component-workbench .preview-stage{background-color:#e7ebf2;background-image:radial-gradient(circle,#52607833 1px,#0000 1px);background-size:18px 18px;min-height:656px;padding:clamp(1rem,2.5vw,2rem);transition:background-color .16s}.component-workbench .preview-viewport{border:1px solid color-mix(in srgb, var(--line) 75%, transparent);background:var(--surface);border-radius:16px;grid-template-rows:34px minmax(0,1fr);height:586px;transition:width .2s,box-shadow .2s;display:grid;overflow:hidden;box-shadow:0 22px 60px #121c2d26,0 3px 10px #121c2d14}.component-workbench .preview-viewport.theme-dark{background:#0b1322;border-color:#2b3a51;box-shadow:0 22px 60px #050a143d,0 3px 10px #050a142e}.component-workbench .preview-frame-bar{border-bottom:1px solid var(--line-soft);background:color-mix(in srgb, var(--surface-2) 82%, var(--surface));align-items:center;gap:.35rem;padding:0 .7rem;display:flex}.component-workbench .preview-viewport.theme-dark .preview-frame-bar{background:#101a2b;border-bottom-color:#29364a}.component-workbench .preview-viewport.theme-dark .preview-frame-bar code{color:#bdc9dc}.component-workbench .preview-frame-bar>span{background:#ff8f7d;border-radius:50%;width:7px;height:7px}.component-workbench .preview-frame-bar>span:nth-child(2){background:#ffd167}.component-workbench .preview-frame-bar>span:nth-child(3){background:#68d6a2}.component-workbench .preview-frame-bar code{color:var(--muted);font:700 .61rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-left:auto}.component-workbench .preview-viewport iframe{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0}.component-workbench .lab-inspector{scrollbar-color:color-mix(in srgb, var(--muted) 35%, transparent) transparent;height:720px;max-height:720px;overflow:hidden}.component-workbench .lab-inspector:not(.open){display:none}.component-workbench .lab-inspector.open{flex-direction:column;display:flex}.component-workbench .inspector-head{z-index:3;background:color-mix(in srgb, var(--surface) 96%, transparent);backdrop-filter:blur(18px);flex:none;padding:.72rem .8rem .65rem}.component-workbench .inspector-head h2{letter-spacing:-.025em;margin:.12rem 0 .14rem;font-size:1.08rem}.component-workbench .inspector-head span{color:var(--muted);font-size:.69rem;line-height:1.35;display:block}.component-workbench .inspector-head button{border:1px solid var(--line-soft);background:var(--surface-2);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.component-workbench .history-tools{flex:none;gap:.35rem;padding:.52rem .65rem}.component-workbench .history-tools button{border-radius:10px;min-height:34px;font-weight:750;transition:transform .14s,background .14s}.component-workbench .history-tools button:not(:disabled):hover{background:var(--surface);transform:translateY(-1px)}.component-workbench .lab-inspector summary{min-height:38px;padding-inline:.8rem;font-size:.76rem}.component-workbench .lab-inspector summary:hover{background:color-mix(in srgb, var(--blue) 4%, transparent)}.component-workbench .palette-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:0 .65rem .6rem}.component-workbench .palette-list button{border-radius:9px;min-height:62px;transition:transform .14s,border-color .14s,box-shadow .14s}.component-workbench .palette-list button:hover{border-color:color-mix(in srgb, var(--blue) 45%, var(--line-soft));transform:translateY(-2px);box-shadow:0 8px 18px #121c2d17}.component-workbench .palette-list i{height:29px}.component-workbench .palette-list span{text-overflow:ellipsis;white-space:nowrap;padding:.36rem .2rem;overflow:hidden}.component-workbench .control-list{gap:.5rem;padding:0 .65rem .65rem}.component-workbench .color-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-workbench .token-control{grid-template-columns:minmax(0,1fr);gap:.25rem}.component-workbench .token-control label{color:var(--ink);font-size:.7rem;font-weight:750}.component-workbench .token-control input:not([type=color]),.component-workbench .token-control select{background:var(--surface-2);border-radius:9px;width:100%;min-height:38px;padding-inline:.65rem}.component-workbench .color-control{border:1px solid var(--line-soft);background:var(--surface-2);border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:.5rem;min-height:38px;padding:.2rem;display:grid}.component-workbench .token-control .color-control input[type=color]{cursor:pointer;border:0;border-radius:7px;width:31px;height:30px}.component-workbench .color-control code{color:var(--muted);font:700 .6rem var(--font-mono)}.component-workbench .changed-values{border-bottom:1px solid var(--line-soft);padding:0}.component-workbench .changed-values summary{font-size:.76rem}.component-workbench .changed-values[open] summary svg{transform:rotate(180deg)}.component-workbench .changed-values pre{margin:0 1rem 1rem;padding:.8rem}.component-workbench .code-lab{background:radial-gradient(circle at 85% 0,#4f5fe629,#0000 32%),#0b1220;border-top:1px solid #344158;grid-template-rows:auto minmax(0,1fr);height:560px;display:grid;position:relative;overflow:hidden}.component-workbench .code-toolbar{backdrop-filter:blur(18px);background:#0f192adb;border-bottom:1px solid #8b9ebf2e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:72px;padding:.65rem .75rem;display:grid}.component-workbench .code-lab__title{align-items:center;gap:.55rem;min-width:max-content;display:flex}.component-workbench .code-lab__title>svg{color:#b8c2ff;background:#4f5fe62e;border:1px solid #97a7ff47;border-radius:10px;width:34px;height:34px;padding:8px}.component-workbench .code-lab__title span,.component-workbench .code-lab__title strong,.component-workbench .code-lab__title small{display:block}.component-workbench .code-lab__title strong{color:#f3f6ff;font-size:.76rem}.component-workbench .code-lab__title small{color:#8f9db5;margin-top:.08rem;font-size:.62rem}.component-workbench .code-tabs{scrollbar-width:none;background:#060d19a8;border:1px solid #8b9ebf33;border-radius:13px;justify-self:center;gap:.18rem;min-width:0;padding:.24rem;display:flex;overflow-x:auto}.component-workbench .code-tabs::-webkit-scrollbar{display:none}.component-workbench .code-tabs button,.component-workbench .code-actions button{color:#aeb9cc;width:auto;font:700 .68rem var(--font-ui);border:1px solid #0000}.component-workbench .code-tabs button{white-space:nowrap;background:0 0;border-radius:9px;align-items:center;gap:.38rem;min-height:40px;padding:0 .68rem;display:inline-flex}.component-workbench .code-tabs button small{color:#64748d;font:600 .55rem var(--font-mono)}.component-workbench .code-tabs button:hover{color:#eef2ff;background:#ffffff0d}.component-workbench .code-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#4f5fe6,#654de4);border-color:#8290ff;box-shadow:0 8px 24px #3f49c64d,inset 0 1px #ffffff2e}.component-workbench .code-tabs button[aria-selected=true] small{color:#d9ddff}.component-workbench .code-actions{gap:.42rem;display:flex;position:static}.component-workbench .code-actions button{background:#172338;border-color:#35445d;border-radius:10px;justify-content:center;align-items:center;gap:.38rem;min-height:38px;padding:0 .72rem;display:inline-flex}.component-workbench .code-actions button:hover{color:#fff;background:#202f49;border-color:#6f7fec;transform:translateY(-1px)}.component-workbench .code-lab pre{overscroll-behavior:contain;scrollbar-color:#6375a1 #0b1220;scrollbar-width:thin;background:0 0;border:0;width:100%;height:100%;max-height:none;margin:0;padding:1.35rem 1.5rem 2rem;overflow:auto}.component-workbench .code-lab pre:focus-visible{outline-offset:-3px;outline:2px solid #8490ff}.component-workbench .code-lab pre::-webkit-scrollbar{width:12px;height:12px}.component-workbench .lab-inspector::-webkit-scrollbar{width:12px;height:12px}.component-workbench .code-lab pre::-webkit-scrollbar-track{background:#0b1220}.component-workbench .lab-inspector::-webkit-scrollbar-track{background:#0b1220}.component-workbench .code-lab pre::-webkit-scrollbar-thumb{background:linear-gradient(#7182f1,#8067dc);border:3px solid #0b1220;border-radius:999px}.component-workbench .lab-inspector::-webkit-scrollbar-thumb{background:linear-gradient(#7182f1,#8067dc);border:3px solid #0b1220;border-radius:999px}.component-workbench .code-lab pre::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8e9aff,#9c7bf0)}.component-workbench .lab-inspector::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8e9aff,#9c7bf0)}.component-workbench .code-lab pre::-webkit-scrollbar-corner{background:#0b1220}.component-workbench .lab-inspector{scrollbar-color:#7686aa var(--surface-2);scrollbar-width:thin}@media (width<=1180px){.component-workbench .lab-toolbar__title small{display:none}}@media (width<=1050px){.component-workbench .detail-grid,.component-workbench .detail-grid.inspector-closed{grid-template-columns:minmax(0,1fr)}.component-workbench .lab-inspector{z-index:80;border-left:1px solid var(--line);width:min(370px,94vw);height:auto;max-height:none;position:fixed;inset:70px 0 0 auto;overflow:auto;box-shadow:-20px 0 55px #0f172a3d}}@media (width<=760px){.component-workbench .lab-toolbar{flex-wrap:wrap;gap:.45rem}.component-workbench .lab-toolbar__title{width:100%}.component-workbench .toolbar-actions{margin-left:0}.component-workbench .preview-stage{min-height:520px;padding:.6rem}.component-workbench .preview-viewport{border-radius:12px;height:510px}.component-workbench .code-lab{height:620px}.component-workbench .code-toolbar{grid-template-columns:1fr auto}.component-workbench .code-lab__title{grid-column:1/-1}.component-workbench .code-tabs{justify-self:start;max-width:100%}}@media (width<=520px){.component-workbench .lab-toolbar__title{display:none}.component-workbench .toolbar-actions .tool-alone{padding-inline:.55rem;font-size:0}.component-workbench .toolbar-actions .tool-alone svg{margin:0}.component-workbench .code-toolbar{grid-template-columns:minmax(0,1fr)}.component-workbench .code-actions{width:100%}.component-workbench .code-actions button{flex:1}.component-workbench .code-tabs button small{display:none}}.detail-head[data-astro-cid-ihlho5ga]{border-bottom:1px solid var(--line-soft);padding:clamp(1.5rem,4vw,3rem)}.detail-head[data-astro-cid-ihlho5ga]>a[data-astro-cid-ihlho5ga]{color:var(--muted);align-items:center;gap:.3rem;font-size:.8rem;font-weight:750;display:inline-flex}.detail-head[data-astro-cid-ihlho5ga]>div[data-astro-cid-ihlho5ga]{grid-template-columns:1fr auto;align-items:end;gap:2rem;margin-top:2rem;display:grid}.detail-head[data-astro-cid-ihlho5ga] h1[data-astro-cid-ihlho5ga]{letter-spacing:-.07em;margin:.4rem 0;font-size:clamp(3rem,7vw,6.5rem);line-height:.9}.detail-head[data-astro-cid-ihlho5ga]>div[data-astro-cid-ihlho5ga]>div[data-astro-cid-ihlho5ga]>p[data-astro-cid-ihlho5ga]:last-of-type{max-width:66ch;color:var(--muted);line-height:1.6}.detail-chips[data-astro-cid-ihlho5ga]{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.detail-head[data-astro-cid-ihlho5ga] dl[data-astro-cid-ihlho5ga]{border:1px solid var(--line-soft);background:var(--surface-2);border-radius:13px;min-width:190px;margin:0;padding:1rem}.detail-head[data-astro-cid-ihlho5ga] dl[data-astro-cid-ihlho5ga] div[data-astro-cid-ihlho5ga]{justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.detail-head[data-astro-cid-ihlho5ga] dt[data-astro-cid-ihlho5ga]{color:var(--muted);font-size:.72rem}.detail-head[data-astro-cid-ihlho5ga] dd[data-astro-cid-ihlho5ga]{font:750 .72rem var(--font-mono);margin:0}@media (width<=700px){.detail-head[data-astro-cid-ihlho5ga]>div[data-astro-cid-ihlho5ga]{grid-template-columns:1fr}.detail-head[data-astro-cid-ihlho5ga] dl[data-astro-cid-ihlho5ga]{display:none}}