.logo-module__8JpSFG__logo,.logo-module__8JpSFG__logo img{width:100%;height:100%;display:block}.logo-module__8JpSFG__logo .logo-module__8JpSFG__light{display:none}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .logo-module__8JpSFG__logo .logo-module__8JpSFG__light{display:block}:root:not([data-theme=dark]) .logo-module__8JpSFG__logo .logo-module__8JpSFG__dark{display:none}}:root[data-theme=light] .logo-module__8JpSFG__logo .logo-module__8JpSFG__light{display:block}:root[data-theme=light] .logo-module__8JpSFG__logo .logo-module__8JpSFG__dark{display:none}
.toolbar-link-module__FWPPfW__link{border:1px solid var(--rule-2);min-height:28px;color:var(--ink-2);font:11px/1 var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap;border-radius:4px;flex:none;align-items:center;gap:8px;padding:2px 7px;text-decoration:none;display:inline-flex}.toolbar-link-module__FWPPfW__link:hover{background:var(--bg-2);border-color:var(--ink-3)}.toolbar-link-module__FWPPfW__link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.toolbar-link-module__FWPPfW__logo{width:88px;height:22px;display:block}@media (max-width:960px){.toolbar-link-module__FWPPfW__link{min-height:44px}}@media (min-width:961px) and (max-width:1365px){.toolbar-link-module__FWPPfW__link{gap:6px;padding-inline:4px}.toolbar-link-module__FWPPfW__logo{width:72px;height:18px}}
.offer-module__pDqqpG__card{--offer-gap:16px;z-index:55;inset-inline-end:16px;bottom:calc(var(--consent-h,0px) + max(var(--offer-gap),env(safe-area-inset-bottom)));width:min(360px,100vw - 32px);max-height:calc(100dvh - var(--consent-h,0px) - max(var(--offer-gap),env(safe-area-inset-bottom)) - 16px);overscroll-behavior:contain;border:1px solid var(--rule-2);background:var(--bg);color:var(--ink);font-family:var(--sans);text-align:start;border-radius:14px;animation:.15s ease-out offer-module__pDqqpG__arrive;position:fixed;overflow-y:auto;box-shadow:0 16px 64px #0003,0 2px 8px #0002}.offer-module__pDqqpG__brand{background:var(--bg-1);border-bottom:1px solid var(--rule);color:var(--ink-2);align-items:center;gap:12px;padding:0 6px 0 16px;font-size:12px;display:flex}.offer-module__pDqqpG__logo{flex:none;width:88px;height:22px;display:block}.offer-module__pDqqpG__close{width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-inline-start:auto;display:grid}.offer-module__pDqqpG__close:hover{background:var(--surface-tint);color:var(--ink)}.offer-module__pDqqpG__content{padding:12px 16px 16px}.offer-module__pDqqpG__content h2{font:600 18px/1.3 var(--sans);letter-spacing:-.02em;text-wrap:balance;margin:0}.offer-module__pDqqpG__trial{margin:8px 0 10px;font-size:12px;font-weight:600;line-height:1.5}.offer-module__pDqqpG__trial span{color:var(--ink-2);margin-inline-start:4px;font-size:13px;font-weight:400}.offer-module__pDqqpG__actions{align-items:stretch;gap:8px;margin-bottom:10px;display:flex}.offer-module__pDqqpG__proceed,.offer-module__pDqqpG__decline{min-height:44px;font:600 13px/1.3 var(--sans);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:8px 10px;display:inline-flex}.offer-module__pDqqpG__proceed{color:#fff;background:#087b45;border:1px solid #087b45;flex:1;gap:8px;text-decoration:none}.offer-module__pDqqpG__proceed:hover{background:#066437;border-color:#066437}.offer-module__pDqqpG__decline{color:var(--ink);border:1px solid var(--rule-2);background:0 0}.offer-module__pDqqpG__decline:hover{background:var(--bg-2);color:var(--ink)}.offer-module__pDqqpG__note{color:var(--ink-2);margin:0;font-size:12px;line-height:1.5}.offer-module__pDqqpG__note+.offer-module__pDqqpG__note{margin-top:5px}.offer-module__pDqqpG__card :is(a,button):focus-visible{outline:2px solid var(--ink);outline-offset:3px}:is(body.is-fullscreen .offer-module__pDqqpG__card,body:has(.lang-suggest,[aria-modal=true],[role=menu],.chip-menu,[aria-expanded=true],.toast) .offer-module__pDqqpG__card){display:none}@keyframes offer-module__pDqqpG__arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.offer-module__pDqqpG__card{animation:none}}@media (max-width:600px){.offer-module__pDqqpG__card{--offer-gap:16px;inset-inline-end:16px}.offer-module__pDqqpG__content{padding:10px 14px 14px}.offer-module__pDqqpG__brand{padding-inline-start:14px}}
body:has(.viewer-app){padding-bottom:0;overflow:hidden}body:has(.viewer-app .console-panel.is-open){overflow-y:auto}.viewer-app{--viewer-language-h:0px;min-height:0;padding-bottom:var(--consent-h,0px);flex-direction:column;flex:none;display:flex;position:relative}.viewer-app>.studio{min-height:0;height:calc(100vh - var(--viewer-language-h) - var(--consent-h,0px));height:calc(100dvh - var(--viewer-language-h) - var(--consent-h,0px));flex:none;padding:0}.viewer-app .studio-inner{box-shadow:none;border-block-end:0;border-inline:0;border-radius:0}.viewer-app>.console-panel{scroll-margin-bottom:var(--consent-h,0px);border-radius:0;flex:none;margin:0;overflow:visible}.console-header{justify-content:space-between;align-items:center;min-height:32px;padding:2px 10px;display:flex}.viewer-app .console-body{flex:none;height:min(40dvh,320px);max-height:none;overflow:hidden}.examples-note{color:var(--ink-2);margin:0;padding:8px 12px;font-size:12px;line-height:1.5}.workspace-examples{border-block:1px solid var(--rule);margin-block:8px;padding-block-end:6px}.viewer-app .workspace-nav{background:var(--bg-1);-webkit-backdrop-filter:none;border:0;height:30px;padding:0;position:absolute;inset-block-start:1px;inset-inline-start:0}.workspace-nav .s-nav-left{gap:0}.workspace-nav .nav-menu-toggle,.workspace-nav .console-toggle{background:var(--bg-1);width:32px;min-width:32px;height:30px;min-height:30px;color:var(--ink-2);border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.workspace-nav .nav-menu-toggle{font-size:16px}.workspace-nav .console-toggle[aria-expanded=true]{background:var(--surface-tint);color:var(--ink)}.console-indicator{border-radius:50%;width:5px;height:5px;position:absolute;inset-block-start:3px;inset-inline-end:3px}.console-indicator.console-badge-error{background:var(--log-error);z-index:1}.console-indicator.console-badge-warn{background:var(--log-warn)}.viewer-app .workspace-nav .nav-links.is-open{max-height:calc(100dvh - 44px - var(--consent-h,0px));background:var(--bg-1);text-transform:none;letter-spacing:normal;position:fixed;inset-block-start:calc(34px + var(--viewer-language-h));inset-inline-start:4px}.workspace-menu-settings{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 12px;display:flex}.workspace-menu-settings .brand{margin-inline-end:auto}.workspace-menu-settings .lang-picker{position:static}.workspace-menu-settings .lang-menu{width:100%;margin-block-start:8px;position:relative;inset:auto}.workspace-nav:has(.lang-toggle[aria-expanded=true]) .workspace-menu-settings .lang-picker{flex-basis:100%}body:has(main.viewer-app) .lang-suggest{width:max-content;max-width:calc(100% - 24px);height:46px;box-shadow:none;margin:6px auto;padding:0 10px;position:static;inset:auto}body:has(main.viewer-app) .lang-suggest-inner{flex-wrap:nowrap;gap:8px;height:44px}body:has(main.viewer-app) .lang-suggest-dismiss{flex:none;width:44px;height:44px;padding:0}body:has(main.viewer-app) .lang-suggest-dismiss-text{display:none}body:has(main.viewer-app) .lang-suggest-dismiss-icon{font-size:22px;display:inline}body:has(main.viewer-app):has(.lang-suggest) .viewer-app{--viewer-language-h:58px}.ghost-chip{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-2);border:1px solid var(--rule-2);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.35;display:inline-flex}.ghost-chip:hover{color:var(--ink);border-color:var(--ink-3);background:var(--surface-tint)}.ghost-chip .icon,.devices button .icon{flex:none;width:13px;height:13px}.ghost-chip[data-noop]{color:var(--ink-3);border-style:dashed}.ghost-chip[data-noop]:hover{color:var(--ink-2);border-color:var(--ink-3)}.ghost-chip[data-busy]{opacity:.6;cursor:progress}.ghost-chip[aria-pressed=true],.ghost-chip[aria-expanded=true]{color:var(--ink);border-color:var(--ink-3);background:var(--surface-tint)}.ghost-chip .icon.chip-caret,.devices button .icon.chip-caret{opacity:.8;width:10px;height:10px;margin-inline-start:-2px}.chip-badge{background:var(--surface-tint);border:1px solid var(--rule-2);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:10px;line-height:1;display:inline-flex}.ghost-chip.is-pulsing{animation:.45s cubic-bezier(.2,.8,.2,1) chip-pulse}@keyframes chip-pulse{0%{border-color:var(--ink-3);background:var(--surface-tint);color:var(--ink)}60%{border-color:var(--ink-3);background:var(--surface-tint);color:var(--ink)}to{border-color:var(--rule-2);background:0 0}}@media (prefers-reduced-motion:reduce){.ghost-chip.is-pulsing{border-color:var(--ink-3);background:var(--surface-tint);color:var(--ink);animation:none}}.studio{z-index:1;flex-direction:column;height:calc(100dvh - 44px);padding:12px 16px 16px;display:flex;position:relative}.studio-inner,.studio-card{background:var(--bg-2);border:1px solid var(--rule);border-radius:var(--radius-lg);max-width:none;box-shadow:0 30px 80px var(--shadow);min-height:0;margin:0;overflow:hidden}.studio-inner{grid-template-columns:minmax(0,var(--split,50%))8px minmax(0,1fr);flex:1;grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.studio-card{flex-direction:column;flex:none;display:flex}.studio-inner>.pane{border:0;min-width:0;min-height:0}.pane{flex-direction:column;min-width:0;display:flex}.pane-header{background:var(--bg-1);border-bottom:1px solid var(--rule);height:32px;font-family:var(--sans);color:var(--ink-2);letter-spacing:0;text-transform:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.pane-tools{align-items:center;gap:6px;display:flex}.tool-hint{font:10px/1.2 var(--sans);color:var(--ink-2);white-space:nowrap;letter-spacing:0}.editor-more-tools{flex:none;align-items:center;gap:6px;display:flex}.tool-group{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.pane-tools-wrap{flex:none;align-items:center;gap:8px;display:flex}.pane-header>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.pane-fullscreen-btn{letter-spacing:0;min-width:24px;min-height:24px;padding:3px 8px;font-size:13px;line-height:1}.pane.pane-fullscreen{z-index:60;background:var(--bg);border-radius:0;position:fixed;inset:0}body.is-fullscreen .s-nav,body.is-fullscreen .site-footer{display:none}body.is-fullscreen{overflow:hidden}.divider{background:var(--bg-1);border-inline-start:1px solid var(--rule);border-inline-end:1px solid var(--rule);cursor:col-resize;touch-action:none;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.divider:hover,.divider:active{background:var(--surface-tint)}.divider-stacked{cursor:row-resize;border-inline:0;border-block:1px solid var(--rule);display:none}.divider-stacked .divider-grip{flex-direction:row}body.is-dragging-split{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-dragging-split.is-dragging-stacked{cursor:row-resize}body.is-dragging-split iframe{pointer-events:none}.divider-grip{flex-direction:column;gap:3px;display:flex}.divider-grip span{background:var(--ink-4);border-radius:999px;width:2px;height:2px}.divider:hover .divider-grip span{background:var(--ink)}.studio-tabs{gap:4px;padding:0 0 8px;display:none}.studio-tab{min-height:44px;font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--rule);border-radius:var(--radius);flex:1;padding:10px 14px;font-size:13px;font-weight:500}.studio-tab.is-active{color:var(--ink);background:var(--surface-tint);border-color:var(--rule);box-shadow:inset 0 -2px var(--ink);font-weight:600}.devices{gap:2px;display:flex}.devices button{color:var(--ink-2);font-family:var(--sans);text-transform:none;white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.devices button:hover{color:var(--ink)}.devices button.active{color:var(--bg);background:var(--ink);border-color:var(--ink)}.devices .device-pick{gap:0;display:inline-flex}.devices .device-pick>button{border-start-end-radius:0;border-end-end-radius:0}.devices .device-menu-btn{border-start-start-radius:0;border-end-start-radius:0;padding-inline:3px 5px}.devices .device-menu-btn .icon.chip-caret{margin-inline-start:0}.devices .device-menu-btn[aria-expanded=true]{color:var(--ink)}.devices .device-menu-btn.active[aria-expanded=true]{color:var(--bg)}.preview-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.preview-empty{z-index:2;text-align:center;background:var(--bg-3);color:var(--ink-3);font-family:var(--mono);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:12px;line-height:1.5;display:flex;position:absolute;inset:0}.preview-empty-title{color:var(--ink-2);font-size:13px}.preview-empty p{max-width:38ch;margin:0}.preview-empty-btn{border:1px solid var(--rule-2);border-radius:var(--radius);min-height:44px;color:var(--ink);font-family:var(--mono);align-items:center;gap:6px;margin-top:4px;padding:0 16px;font-size:12px;display:inline-flex}.preview-empty-btn:hover{border-color:var(--ink-3);background:var(--surface-tint)}.preview-empty-btn .icon{width:14px;height:14px}.preview-wrap{background:var(--bg-3);flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex;position:relative;overflow:auto}.preview-wrap.desktop{padding:0}.preview-wrap.tablet,.preview-wrap.phone{align-items:center;padding:20px}.preview-wrap.custom{justify-content:center;align-items:stretch;padding:20px 24px;position:relative}.preview-wrap.custom.is-dragging{-webkit-user-select:none;user-select:none;cursor:col-resize}.preview-wrap.custom.is-dragging iframe{pointer-events:none}.custom-stage{background:var(--paper);border:1px solid var(--rule-2);border-radius:4px;flex-shrink:0;height:100%;position:relative}.custom-stage>iframe{background:var(--paper);border:0;border-radius:3px;width:100%;height:100%;display:block}.custom-handle{top:0;cursor:col-resize;z-index:4;justify-content:center;align-items:center;width:14px;height:100%;display:flex;position:absolute;inset-inline-end:-10px}.custom-handle:hover .custom-handle-grip,.preview-wrap.custom.is-dragging .custom-handle-grip{background:var(--ink)}.custom-handle-grip{background:var(--ink-3);border-radius:2px;width:3px;height:36px;transition:background .12s}.custom-readout{top:8px;z-index:5;font-family:var(--mono);color:var(--ink-3);align-items:center;gap:4px;font-size:11px;display:inline-flex;position:absolute;inset-inline-end:24px}.custom-readout input{width:5.5ch;font:inherit;color:var(--ink);background:var(--bg-1);border:1px solid var(--rule-2);text-align:end;appearance:textfield;border-radius:4px;padding:2px 4px}.custom-handle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.custom-handle:focus-visible .custom-handle-grip{background:var(--ink)}.custom-label{font-family:var(--mono);color:var(--ink);background:var(--bg-1);border:1px solid var(--rule-2);border-radius:var(--radius);pointer-events:none;z-index:5;padding:4px 10px;font-size:11px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.preview-frame-desktop{background:var(--paper);border:0;width:100%;height:100%;display:block}.device{background:var(--device-bezel);box-shadow:0 30px 80px var(--shadow);border-radius:36px;flex-shrink:0;padding:10px;position:relative}.device.phone{max-height:100%}.device.tablet{border-radius:22px;width:820px;height:620px;max-height:100%;padding:14px}.device .notch{background:var(--device-bezel);z-index:2;border-radius:999px;width:100px;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.device.tablet .notch{display:none}.device[data-cutout=island] .notch{width:90px;height:24px;top:20px}.device[data-cutout=punch] .notch{width:12px;height:12px;top:20px}.device[data-cutout=none] .notch{display:none}.device[data-cutout=none]{border-radius:24px}.device[data-cutout=none] iframe{border-radius:14px}.device-shade{inset-inline:10px;background:linear-gradient(to bottom,transparent,var(--scroll-cue));pointer-events:none;z-index:2;border-end-end-radius:26px;border-end-start-radius:26px;height:56px;position:absolute;bottom:10px}.device.tablet .device-shade{inset-inline:14px;border-end-end-radius:10px;border-end-start-radius:10px;bottom:14px}.device[data-cutout=none] .device-shade{border-end-end-radius:14px;border-end-start-radius:14px}.device-more{bottom:24px;background:var(--ink);width:28px;height:28px;color:var(--bg);font-family:var(--mono);box-shadow:0 2px 8px var(--shadow);pointer-events:none;z-index:3;opacity:.9;border-radius:50%;justify-content:center;align-items:center;margin-inline:auto;font-size:15px;line-height:1;transition:opacity .24s;display:flex;position:absolute;inset-inline:0}.device-more.is-hidden{opacity:0}@media (prefers-reduced-motion:reduce){.device-more{transition:none}}.device-label{inset-inline:0;text-align:center;font-family:var(--mono);color:var(--ink-3);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;padding-inline:8px;font-size:10px;line-height:14px;position:absolute;bottom:3px;overflow:hidden}.device iframe{background:var(--paper);border:0;border-radius:26px;width:100%;height:100%;display:block}.device.tablet iframe{border-radius:10px}.lib-picker{display:inline-block;position:relative}.lib-menu{top:calc(100% + 4px);z-index:40;background:var(--bg-2);border:1px solid var(--rule-2);border-radius:var(--radius);width:280px;max-height:380px;box-shadow:0 16px 40px var(--shadow);padding:6px;position:absolute;inset-inline-start:0;overflow:auto}.lib-group+.lib-group{border-top:1px solid var(--rule);margin-top:4px;padding-top:6px}.lib-group-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:6px 10px 4px;font-size:10px}.lib-item{border-radius:var(--radius);text-align:start;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;padding:8px 10px;display:flex}.lib-item:hover,.lib-item:focus-visible{background:var(--surface-tint);outline:none}.lib-item[aria-pressed=true]{background:var(--surface-tint)}.lib-item-name{font-family:var(--sans);color:var(--ink);font-size:14px;font-weight:500}.lib-item-desc{font-family:var(--sans);color:var(--ink-2);margin-top:2px;font-size:12px;line-height:1.5}.chip-menu.is-end{inset-inline:auto 0}.lib-item-name{align-items:center;gap:6px;display:flex}.lib-item-name .icon{width:13px;height:13px;color:var(--ink-3);flex:none}.lib-item[aria-checked=true]{background:var(--surface-tint)}.lib-item[aria-checked=true] .lib-item-name:after{content:"✓";color:var(--ink-2);margin-inline-start:auto;font-size:11px}.drop-zone{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.drop-zone-overlay{z-index:5;pointer-events:none;background:var(--scrim-soft);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px dashed var(--ink-2);border-radius:var(--radius);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-zone-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--bg-2);border:1px solid var(--rule-2);border-radius:var(--radius);padding:12px 18px;font-size:13px}.console-panel{border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg-2);font-family:var(--mono);margin:12px 16px 0;font-size:12px;overflow:hidden}.console-toggle{width:100%;color:var(--ink-2);background:var(--bg-1);text-align:start;cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.console-toggle:hover{color:var(--ink)}.console-toggle-label{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:inline-flex}.console-count{color:var(--ink-3);font-weight:400}.console-badge{border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.console-badge-error{background:var(--log-error-bg);color:var(--log-error)}.console-badge-warn{background:var(--log-warn-bg);color:var(--log-warn)}.console-toggle-caret{color:var(--ink-3)}.console-body{flex-direction:column;max-height:220px;display:flex}.console-preserve{font-family:var(--mono);color:var(--ink-3);cursor:pointer;align-items:center;gap:6px;margin-inline-start:8px;font-size:11px;display:inline-flex}.console-tools{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);justify-content:flex-end;padding:6px 10px;display:flex}.console-list{flex:1;min-height:0;overflow:auto}.console-empty{color:var(--ink-3);padding:18px 14px;font-size:12px;line-height:1.5}.console-row{border-bottom:1px solid var(--rule);grid-template-columns:64px 60px 1fr;align-items:start;gap:10px;padding:6px 14px;display:grid}.console-row:last-child{border-bottom:0}.console-time{color:var(--ink-3);padding-top:1px;font-size:11px}.console-level{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding-top:2px;font-size:10px}.console-error .console-level{color:var(--log-error)}.console-warn .console-level{color:var(--log-warn)}.console-info .console-level{color:var(--log-info)}.console-args{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-family:var(--mono);margin:0;font-size:12px;line-height:1.5}.console-error .console-args{color:var(--log-error-soft)}.console-warn .console-args{color:var(--log-warn-soft)}.section{border-top:1px solid var(--rule);z-index:1;padding:80px 28px;position:relative}.section-inner{max-width:var(--maxw);margin:0 auto}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.section-eyebrow{font-family:var(--mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:inline-flex}.section-eyebrow .dot{background:var(--ink);border-radius:999px;width:7px;height:7px}.section-title{font-family:var(--mono);letter-spacing:-.02em;color:var(--ink);max-width:720px;margin:0;font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.05}.section-title em{font-family:var(--serif);color:var(--ink);font-style:italic;font-weight:400}.section-desc{font-family:var(--mono);color:var(--ink-3);max-width:560px;margin:12px 0 0;font-size:14px}.toast{background:var(--bg-1);border:1px solid var(--rule-2);border-radius:var(--radius);font-family:var(--mono);color:var(--ink);box-shadow:0 20px 40px var(--shadow);z-index:80;align-items:center;gap:10px;padding:10px 16px;font-size:12px;animation:.26s cubic-bezier(.2,.8,.2,1) toastIn;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast .dot{background:var(--ok);border-radius:999px;width:7px;height:7px}.toast-action{font-family:var(--mono);color:var(--ink);background:var(--surface-tint);border:1px solid var(--rule-strong);cursor:pointer;letter-spacing:.04em;border-radius:4px;margin-inline-start:4px;padding:3px 9px;font-size:11px;font-weight:500}.toast-action:hover{background:var(--tint-strong)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}body:has(.consent) .toast{bottom:72px}@media (max-width:520px){body:has(.consent) .toast{bottom:92px}}.modal-backdrop{z-index:90;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--rule-2);border-radius:var(--radius-lg);width:480px;max-width:100%;overflow:hidden}.modal-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-title{font-family:var(--mono);color:var(--ink);font-size:14px;font-weight:600}.modal-body{padding:18px}.modal-body .label{font-family:var(--mono);color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px}.url-field{background:var(--bg);border:1px solid var(--rule-2);border-radius:var(--radius);font-family:var(--mono);color:var(--ink);word-break:break-all;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.url-field .prot{color:var(--ink-3)}.url-field-text{text-overflow:ellipsis;flex:1;overflow:hidden}.share-warning{font-family:var(--mono);color:var(--ink-2);background:var(--surface-tint);border-inline-start:2px solid var(--ink-3);border-radius:var(--radius);border-start-start-radius:0;border-end-start-radius:0;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.share-buttons{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.share-btn{border:1px solid var(--rule-2);border-radius:var(--radius);font-family:var(--mono);color:var(--ink-2);text-align:center;letter-spacing:.04em;padding:10px;font-size:11px}.share-btn:hover{border-color:var(--ink);color:var(--ink)}.editor-slot{width:100%;height:100%;position:relative;overflow:hidden}.editor-skeleton{font-family:var(--mono);color:var(--ink-2);white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;background:0 0;margin:0;padding:4px 2px 4px 54px;font-size:13px;line-height:20px;transition:opacity .12s linear;position:absolute;inset:0;overflow:hidden}.editor-skeleton[data-wrap]{white-space:break-spaces;overflow-wrap:anywhere;word-break:break-word}.editor-skeleton:before{content:"";box-sizing:border-box;background:var(--bg-1);border-inline-end:1px solid var(--rule);width:48px;position:absolute;inset-block:0;inset-inline-start:0}.editor-skeleton[data-ready]{opacity:0}[data-hvc-draft] .editor-slot:not([data-restored]) .editor-skeleton:not([data-seeded]){visibility:hidden}[data-hvc-draft] .editor-slot:not([data-restored]) .editor-skeleton:not([data-seeded]):before{visibility:visible}[data-hvc-draft] .editor-slot:not([data-restored]) .editor-skeleton:not([data-seeded]):after{content:"";visibility:visible;opacity:.45;background:repeating-linear-gradient(to bottom,var(--rule-2)0 10px,transparent 10px 20px);position:absolute;inset:4px 30% 0 54px}.cm-editor{height:100%;font-family:var(--mono);font-size:13px;background:0 0!important}.cm-editor.cm-focused{box-shadow:inset 0 0 0 1px var(--rule-strong)}.cm-editor .cm-panels{background:var(--bg-1);color:var(--ink-2);border-color:var(--rule);font-family:var(--mono);font-size:11px}.cm-editor .cm-panels.cm-panels-bottom{border-top:1px solid var(--rule)}.cm-editor .cm-panel.cm-search{flex-wrap:wrap;align-items:center;gap:4px 6px;padding:6px 10px;display:flex}.cm-editor .cm-panel.cm-search br{display:none}.cm-editor .cm-panel.cm-search input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--rule-2);border-radius:4px;min-width:12ch;padding:3px 6px}.cm-editor .cm-panel.cm-search input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.cm-editor .cm-panel.cm-search button{font:inherit;color:var(--ink-2);cursor:pointer;border:1px solid var(--rule-2);text-shadow:none;background:0 0;border-radius:4px;padding:3px 8px}.cm-editor .cm-panel.cm-search button:hover{color:var(--ink);border-color:var(--ink-3)}.cm-editor .cm-panel.cm-search button[name=close]{margin-inline-start:auto;position:static}.cm-editor .cm-panel.cm-search label{color:var(--ink-3);align-items:center;gap:4px;display:inline-flex}.cm-editor .cm-searchMatch{background:var(--code-match);outline:1px solid var(--rule-strong)}.cm-editor .cm-searchMatch-selected{background:var(--code-match-active)}.cm-editor .cm-selectionMatch{background:var(--code-match-soft)}.cm-editor .cm-tooltip{background:var(--bg-2);color:var(--ink);border:1px solid var(--rule-2);border-radius:var(--radius);font-family:var(--mono);font-size:12px}.cm-editor .cm-tooltip-autocomplete>ul>li{padding:3px 8px}.cm-editor .cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--surface-tint);color:var(--ink)}.cm-editor .cm-completionIcon{opacity:.6}.cm-editor .cm-foldGutter .cm-gutterElement{color:var(--ink-3);cursor:pointer}.cm-editor .cm-foldPlaceholder{background:var(--bg-3);color:var(--ink-2);border:1px solid var(--rule-2)}.cm-editor .cm-placeholder{color:var(--ink-3);font-style:normal}.cm-editor .cm-scroller{font-family:var(--mono);line-height:20px}.cm-editor .cm-gutters{background:var(--bg-1);border-right:1px solid var(--rule);color:var(--ink-3);font-family:var(--mono);min-width:48px;font-size:12px}.cm-editor .cm-activeLineGutter{background:var(--surface-tint);color:var(--ink)}.cm-editor .cm-activeLine{background:var(--code-active-line)}.cm-editor .cm-cursor{border-left-color:var(--ink);border-left-width:2px}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background:var(--code-sel)!important}.cm-editor .cm-content{caret-color:var(--ink)}.cm-editor .cm-matchingBracket{background:var(--surface-tint);outline:1px solid var(--rule-strong);color:var(--ink)!important}.cm-editor .cm-scroller::-webkit-scrollbar{width:8px;height:8px}.cm-editor .cm-scroller::-webkit-scrollbar-track{background:0 0}.cm-editor .cm-scroller::-webkit-scrollbar-thumb{background:var(--rule-2);border-radius:4px}.cm-editor .cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}@media (min-width:961px) and (max-width:1120px){.pane-tools .ghost-chip,.devices button{padding-inline:6px}.pane-tools .chip-menu-root>.ghost-chip>.icon:not(.chip-caret){display:none}}@media (min-width:961px){.viewer-app .pane[data-pane="0"]>.pane-header{padding-inline-start:72px}.viewer-app .pane[data-pane="0"]>.pane-header .pane-tools-wrap{flex-shrink:1;min-width:0}.pane-header{height:auto;min-height:32px;padding-block:2px}.pane-tools .ghost-chip{gap:4px;padding-inline:8px}.pane-tools-wrap{max-width:100%}.pane-tools{flex-wrap:wrap;justify-content:flex-start;row-gap:4px}.pane-tools>.tool-group{flex:0 auto;min-width:0}}@media (min-width:961px) and (max-width:1365px){.pane-tools.pane-tools-affiliate .ghost-chip{gap:3px;padding-inline:6px}}@media (max-width:960px){.viewer-app .workspace-nav{height:44px;inset-block-start:0}.workspace-nav .nav-menu-toggle,.workspace-nav .console-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.viewer-app .workspace-nav .nav-links.is-open{max-height:calc(100dvh - 56px - var(--viewer-language-h) - var(--consent-h,0px));inset-block-start:calc(46px + var(--viewer-language-h))}.viewer-app .studio-tabs{gap:0;padding:0;padding-inline-start:88px}.viewer-app .studio-tab{letter-spacing:0;border-radius:0;min-width:0;padding-inline:6px;font-size:13px}.console-header{min-height:48px}.studio{height:calc(100dvh - 44px);padding:14px}.studio-inner{flex:1;grid-template-rows:minmax(0,1fr);min-height:0;grid-template-columns:1fr!important}.studio-inner>.pane{border-top:0;min-height:0}.divider{display:none}.studio-tabs{display:flex}.studio-inner[data-layout=both]{grid-template-rows:minmax(0,var(--split-y,50%))44px minmax(0,1fr)}.studio-inner[data-layout=both]>.divider-stacked{display:flex}.studio-inner[data-layout=html]>.pane[data-pane="1"],.studio-inner[data-layout=preview]>.pane[data-pane="0"],.devices{display:none}.lib-menu{inset-inline:12px;inset-block:auto calc(12px + var(--consent-h,0px));z-index:90;width:auto;max-height:60dvh;position:fixed;top:auto}body:has(main.viewer-app) .lang-suggest{width:auto;margin-inline:12px}.ghost-chip{min-height:44px;padding:12px 14px;font-size:13px}.pane-header{gap:8px;height:auto;min-height:44px;padding:4px 10px}.pane-header>span:first-child{display:none}.pane-tools-wrap{flex-wrap:wrap;flex:1;justify-content:flex-start;min-width:0}.pane-tools{flex-wrap:wrap;flex:1;justify-content:flex-start;row-gap:4px;min-width:0}.tool-group{display:contents}.pane-tools>*,.pane-tools>.tool-group>*{flex:none}.pane-tools{gap:4px}.pane-tools .ghost-chip{gap:4px;padding-inline:8px}.pane-fullscreen-btn{min-width:44px;min-height:44px;padding:6px 10px}.devices button{min-height:44px;padding:12px 14px}.section{padding:48px 20px}.preview-wrap.tablet,.preview-wrap.phone{padding:0}.cm-editor{font-size:16px}.cm-editor .cm-scroller{line-height:24px}.editor-skeleton{font-size:16px;line-height:24px}}@media (max-width:420px){.url-field{flex-direction:column;align-items:stretch;gap:10px}.url-field-text{white-space:normal;word-break:break-all}.url-field .btn{width:100%;min-height:44px}.share-buttons{grid-template-columns:1fr 1fr}}:where([dir=rtl]) .editor-skeleton,:where([dir=rtl]) .console-args{text-align:start;direction:ltr;unicode-bidi:isolate}[dir=rtl] .console-toggle-caret{display:inline-block;transform:scaleX(-1)}.pane-status{white-space:nowrap;color:var(--err);flex:none;margin-inline:10px auto}@media (max-width:960px){.pane-header:has(.pane-status){flex-wrap:wrap}.pane-status{flex-basis:100%;margin-inline-start:0}}@media (min-width:961px){.pane-header:has(.pane-status)>span:first-child{flex-shrink:0}.pane-header:has(.pane-status) .pane-tools-wrap{flex-shrink:1;min-width:0}}@media (max-width:960px) and (max-height:650px){#studio-tab-both{display:none}.viewer-app .studio-inner[data-layout=both]{grid-template-rows:minmax(0,1fr)}.viewer-app .studio-inner[data-layout=both]>.pane[data-pane="1"],.viewer-app .studio-inner>.divider-stacked{display:none}}