:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #18766e;--code-bg: #eeefec;--code-keyword: #7657a8;--code-string: #33764d;--docs-bg: #f5f5f2;--line: #d9dad5;--muted: #656b68;--panel-bg: #ffffff;--text: #171918;--viewer-bg: #0c0e0f;--viewer-line: rgba(255, 255, 255, .12);--viewer-muted: rgba(255, 255, 255, .58);--viewer-text: #f4f7f5}*{box-sizing:border-box}html{background:var(--docs-bg);scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--text);background:var(--docs-bg)}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button{border:0}a{text-decoration:none}[hidden]{display:none!important}.app-shell{display:grid;min-height:100dvh;grid-template-columns:minmax(0,1.08fr) minmax(520px,.92fr)}.viewer-panel{position:sticky;top:0;display:grid;height:100dvh;min-height:560px;grid-template-rows:64px minmax(0,1fr) 56px;color:var(--viewer-text);background:var(--viewer-bg)}.viewer-header,.viewer-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:var(--viewer-muted);font-size:12px}.viewer-header{border-bottom:1px solid var(--viewer-line)}.viewer-footer{border-top:1px solid var(--viewer-line)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--viewer-text);font-size:14px;font-weight:650;letter-spacing:-.02em}.brand-mark{width:14px;height:14px;border:3px solid #38d6ca;border-radius:50%}.viewer-label{letter-spacing:.04em;text-transform:uppercase}.viewer-footer button{padding:7px 10px;border:1px solid var(--viewer-line);border-radius:6px;color:var(--viewer-text);font-size:11px;background:#ffffff0d;cursor:pointer;transition:background .12s ease}.viewer-footer button:hover{background:#ffffff1f}.demo{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(29,67,64,.38),transparent 48%),#0c0e0f;cursor:grab;isolation:isolate}.demo:active{cursor:grabbing}.demo canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;outline:none}.status{position:absolute;top:50%;left:50%;z-index:2;display:flex;flex-direction:column;width:min(300px,calc(100% - 48px));gap:14px;color:var(--viewer-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%,-50%)}.status-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.status-value{color:var(--viewer-text);font-size:24px;font-weight:600;letter-spacing:-.05em}.loading-meter{height:2px;overflow:hidden;background:#ffffff24}.loading-bar{display:block;width:100%;height:100%;background:linear-gradient(90deg,#38d6ca,#8af2d9);box-shadow:0 0 14px #38d6cab3;transform:scaleX(0);transform-origin:left;transition:transform .12s linear}.error{width:min(280px,calc(100% - 48px));color:#ffaaa3;text-align:center;text-transform:none}.demo-meta{position:absolute;top:18px;left:18px;z-index:2;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--viewer-line);border-radius:6px;color:#ffffffb3;font-size:11px;background:#06080894;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.separator{width:3px;height:3px;border-radius:50%;background:#38d6ca}.docs-panel{height:100dvh;overflow-y:auto;background:var(--docs-bg);scrollbar-color:var(--line) transparent}.docs-content{width:min(100%,760px);margin:0 auto;padding:0 64px}.docs-toolbar{display:flex;height:64px;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--line)}.language-switch{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.language-switch button{padding:4px 0;color:var(--muted);background:transparent;cursor:pointer}.language-switch button[aria-pressed=true]{color:var(--text);font-weight:650}.language-switch button:hover{color:var(--text)}.introduction{padding:72px 0 48px;scroll-margin-top:24px}.eyebrow{margin:0 0 18px;color:var(--accent);font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}h1{max-width:600px;margin:0;font-size:clamp(42px,4.2vw,62px);font-weight:610;line-height:1.02;letter-spacing:-.055em}.summary{max-width:620px;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.65}.docs-section{padding:48px 0;scroll-margin-top:24px}.docs-section h2{margin:0;font-size:26px;font-weight:620;letter-spacing:-.035em}.docs-section>p{margin:14px 0 28px;color:var(--muted);font-size:14px;line-height:1.7}.format-table-wrap{margin-top:28px;overflow-x:auto;border:1px solid var(--line);border-radius:8px}.format-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6}.format-table th,.format-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.format-table th{color:var(--muted);font-size:11px;font-weight:560;letter-spacing:.04em;text-transform:uppercase;background:var(--code-bg)}.format-table th:first-child,.format-table td:first-child{width:27%}.format-table tbody tr:last-child td{border-bottom:0}.format-table code{color:var(--accent);font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.modifier-capabilities{margin:-14px 0 28px;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.7}.modifier-capabilities li+li{margin-top:6px}.docs-section>.modifier-example-intro{margin-bottom:14px}.modifier-tabs{display:grid;grid-template-columns:repeat(5,minmax(max-content,1fr));margin-bottom:10px;overflow-x:auto;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--code-bg)}.modifier-tabs button{min-width:76px;padding:8px 10px;border-radius:5px;color:var(--muted);font-size:12px;background:transparent;cursor:pointer}.modifier-tabs button:hover{color:var(--text)}.modifier-tabs button[aria-selected=true]{color:var(--text);font-weight:620;background:var(--panel-bg);box-shadow:0 1px 3px #00000014}.modifier-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[data-modifier-panel] pre{max-height:440px;min-height:250px}#modifiers p code,.modifier-capabilities code{padding:2px 5px;border-radius:4px;color:var(--accent);font:.88em/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--code-bg)}#modifiers [data-modifier-panel]+p{margin-top:28px}.setup-block{margin-top:32px}.setup-block+.setup-block{padding-top:32px;border-top:1px solid var(--line)}.setup-block h3{margin:0;font-size:15px;font-weight:620}.setup-block p{margin:10px 0 20px;color:var(--muted);font-size:13px;line-height:1.7}.command,pre{border:1px solid var(--line);border-radius:8px;color:var(--text);font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--code-bg)}.command{padding:12px 14px}.command span{margin-right:8px;color:var(--accent)}.code-label{margin-bottom:8px;color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase}pre{margin:0;overflow:auto;padding:20px}.code-keyword{color:var(--code-keyword)}.code-string{color:var(--code-string)}.code-comment{color:var(--muted)}.docs-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0 48px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.docs-footer strong{color:var(--text);font-size:12px}@media(prefers-color-scheme:dark){:root{--accent: #5bd4c7;--code-bg: #101213;--code-keyword: #c8a9f0;--code-string: #8bd5a5;--docs-bg: #151718;--line: #333637;--muted: #a1a8a4;--panel-bg: #1b1d1e;--text: #eef1ef}}@media(max-width:1120px){.app-shell{grid-template-columns:minmax(0,1fr) minmax(480px,.9fr)}.docs-content{padding:0 42px}}@media(max-width:860px){body{overflow:auto}.app-shell{display:block}.viewer-panel{position:relative;height:min(64svh,620px);min-height:440px;grid-template-rows:56px minmax(0,1fr) 50px}.docs-panel{height:auto;overflow:visible}.docs-content{width:min(100%,720px);padding:0 32px}.docs-toolbar{height:56px}.introduction{padding:56px 0}h1{font-size:clamp(40px,10vw,58px)}}@media(max-width:560px){.viewer-header,.viewer-footer{padding:0 16px}.viewer-panel{height:60svh;min-height:400px}.viewer-label{display:none}.viewer-footer{font-size:10px}.docs-content{padding:0 20px}.docs-section{padding:40px 0}.docs-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}