.anchor-product-frame{width:100%;height:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #c8b8a9;border-radius:12px;background:#faf6f0}.anchor-product-frame-bar{flex:0 0 42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:15px;border-bottom:1px solid #d8cbbd;background:#eee5d9;color:#756158;font:14px/1.4 system-ui,sans-serif}.anchor-product-frame-bar>span:first-child{display:flex;gap:4px}.anchor-product-frame-bar i{width:6px;height:6px;border:1px solid #aa9481;border-radius:50%}.anchor-product-live{white-space:nowrap;color:#435b43;font-size:14px}.anchor-product-frame>section{flex:1;min-height:0}.anchor-product-frame-mobile{max-width:390px;margin-inline:auto;border-radius:25px}.anchor-host-frame{color:var(--host-ink);background:var(--host-bg);border-color:var(--host-line)}.anchor-host-app{max-width:390px;margin-inline:auto;border-radius:26px}.anchor-host-frame .anchor-product-frame-bar{background:var(--host-bg);color:var(--host-ink);border-color:var(--host-line)}.anchor-host-frame .anchor-product-live{color:var(--host-muted)}.anchor-host-window{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--host-bg)}.anchor-host-document{height:100%;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}.anchor-host-header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0;padding:18px 22px;border-bottom:1px solid var(--host-line)}.anchor-host-logo{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--host-accent);color:var(--host-bg);font-size:23px;font-weight:650;letter-spacing:-2px}.anchor-host-header>strong{font-size:19px;letter-spacing:-.06em}.anchor-host-header>span:last-child{flex-basis:100%;color:var(--host-muted);font-size:14px;line-height:1.5}.anchor-host-intro{padding:24px 24px 20px;flex-shrink:0}.anchor-host-intro>p:first-child{color:var(--host-muted);font-size:14px;font-weight:650;letter-spacing:.09em}.anchor-host-intro h2{max-width:430px;margin:12px 0;font-size:clamp(25px,2.5vw,36px);line-height:1.1;font-weight:600;letter-spacing:-.045em}.anchor-host-intro>p:last-of-type{max-width:430px;color:var(--host-muted);font-size:14px;line-height:1.65}.anchor-host-intro>button{display:inline-flex;min-height:46px;gap:12px;align-items:center;margin-top:20px;padding:12px 16px;border-radius:7px;background:var(--host-accent);color:var(--host-bg);font-size:15px;font-weight:600}.anchor-host-document-inline .anchor-host-intro{padding-block:18px 16px}.anchor-host-document-inline .anchor-host-intro h2{font-size:26px}.anchor-host-inline-runtime{flex:1;min-height:430px;padding:0 12px 12px;display:flex}.anchor-host-inline-runtime>section{height:100%;flex:1;min-width:0}.anchor-host-context{padding:0 24px 22px}.anchor-host-context-feature{padding:18px;border:1px solid var(--host-line);border-radius:12px}.anchor-host-context-feature>span{color:var(--host-muted);font-size:14px;letter-spacing:.06em;font-weight:600}.anchor-host-context-feature h3{margin-top:14px;font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.025em}.anchor-host-context-feature p{margin-top:8px;color:var(--host-muted);font-size:14px;line-height:1.6}.anchor-host-landscape{position:relative;height:120px;margin-top:14px;overflow:hidden;border-radius:7px;background:#d6e1ce}.anchor-host-landscape>i{position:absolute;width:70%;height:130px;background:#829e78;border-radius:60% 60% 0 0;bottom:-85px;left:-10%;transform:rotate(12deg)}.anchor-host-landscape>i:nth-child(2){left:40%;bottom:-65px;background:#4c7055;transform:rotate(-15deg)}.anchor-host-landscape>i:nth-child(3){width:55%;left:10%;bottom:-100px;background:#bed0ad}.anchor-host-landscape>span{position:absolute;top:17px;left:30%;width:30px;height:30px;border-radius:50%;background:#fff6c6}.anchor-host-context-list{display:grid;margin-top:16px;gap:12px}.anchor-host-context-list>span{display:flex;align-items:center;gap:12px;padding-block:12px;border-bottom:1px solid var(--host-line);font-size:14px;line-height:1.5}.anchor-host-context-list>span>svg:last-child{margin-left:auto;flex-shrink:0}.anchor-host-app-nav{margin-top:auto;display:flex;justify-content:space-around;flex-shrink:0;padding:12px 8px;border-top:1px solid var(--host-line);background:var(--host-bg)}.anchor-host-app-nav>span{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:14px;color:var(--host-muted)}.anchor-host-launcher{position:absolute;right:18px;bottom:22px;display:flex;min-height:52px;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--host-accent);border-radius:15px;background:var(--host-accent);color:var(--host-bg);font-size:14px;font-weight:600}.anchor-host-app .anchor-host-launcher{bottom:90px}.anchor-host-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.anchor-host-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#1b241e55;cursor:default!important}.anchor-host-panel{position:absolute;inset:12px 12px 12px auto;width:min(520px,calc(100% - 24px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--host-line);border-radius:14px;background:var(--host-bg)}.anchor-host-panel>header{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 10px;border-bottom:1px solid var(--host-line)}.anchor-host-panel>header>button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;gap:6px;border-radius:5px;font-size:14px}.anchor-host-panel>header>button:hover{background:var(--host-surface)}.anchor-host-panel>header>strong{font-size:15px;line-height:1.4}.anchor-host-panel>header>span{margin-left:auto;color:var(--host-muted);font-size:14px}.anchor-host-panel-runtime{flex:1;min-height:0}.anchor-host-panel-runtime>section{height:100%}.anchor-host-app .anchor-host-panel{top:75px;right:0;bottom:0;left:0;width:100%;border-radius:20px 20px 0 0}.anchor-host-overlay-full .anchor-host-panel{top:0;right:0;bottom:0;left:0;width:100%;border:0;border-radius:0}@media(max-width:600px){.anchor-product-frame-bar{padding-inline:10px;font-size:14px}.anchor-product-live{font-size:14px}.anchor-host-header{padding:16px}.anchor-host-intro{padding:20px 16px}.anchor-host-intro h2{font-size:28px}.anchor-host-context{padding-inline:16px}.anchor-host-panel>header>span{display:none}.anchor-host-inline-runtime{padding-inline:6px}}.anchor-demo>main{padding-block:48px 64px}.anchor-demo-heading{max-width:760px;margin-bottom:36px}.anchor-demo-heading h1{margin:16px 0;font-size:clamp(42px,5.5vw,72px);line-height:1.04;letter-spacing:-.055em;font-weight:600}.anchor-demo-heading h1 em{color:var(--am-clay);font-style:normal}.anchor-demo-heading>p:last-child{color:var(--am-muted);font-size:var(--am-text-body,16px);line-height:1.7}.anchor-demo-workspace{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:32px;align-items:start}.anchor-demo-controls{display:flex;flex-direction:column;gap:26px}.anchor-demo-controls fieldset{min-width:0;border:0;padding:0;margin:0}.anchor-demo-controls legend{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:var(--am-text-control,15px);font-weight:650;line-height:1.5}.anchor-demo-controls legend>span{color:var(--am-clay);font-size:14px;font-variant-numeric:tabular-nums}.anchor-demo-controls button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:10px 12px;border:1px solid var(--am-line);border-radius:7px;font-size:var(--am-text-control,15px);line-height:1.4}.anchor-demo-controls button:hover{border-color:var(--am-clay)}.anchor-demo-controls button[aria-pressed=true]{background:var(--am-peach);color:var(--am-clay);border-color:var(--am-clay)}.anchor-demo-host-choices,.anchor-demo-opening-choices,.anchor-demo-experience-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.anchor-demo-host-choices>button{min-height:64px}.anchor-demo-opening-choices>button,.anchor-demo-experience-choices>button{justify-content:start;text-align:left}.anchor-demo-color-mode{display:flex;gap:8px}.anchor-demo-color-mode>button{flex:1}.anchor-demo-controls .anchor-demo-start{width:100%;color:#fff}.anchor-demo-preview{min-width:0}.anchor-demo-preview-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-bottom:14px;font-size:var(--am-text-small,14px);line-height:1.6;color:var(--am-muted)}.anchor-demo-preview-caption>span:first-child{color:var(--am-ink);font-weight:600}.anchor-demo-stage{height:790px;min-width:0;padding:18px;border:1px solid var(--am-line);border-radius:18px}.anchor-demo-note{max-width:680px;margin-top:16px;font-size:var(--am-text-small,14px);line-height:1.7;color:var(--am-muted)}@media(max-width:1000px){.anchor-demo-workspace{grid-template-columns:240px minmax(0,1fr);gap:22px}.anchor-demo-controls button{padding-inline:9px;font-size:14px}.anchor-demo-stage{padding:10px}}@media(max-width:760px){.anchor-demo>main{padding-block:30px 44px}.anchor-demo-heading{margin-bottom:28px}.anchor-demo-heading h1{font-size:clamp(40px,9vw,58px)}.anchor-demo-workspace{grid-template-columns:1fr;gap:26px}.anchor-demo-controls{gap:22px}.anchor-demo-host-choices>button{min-height:50px}.anchor-demo-opening-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.anchor-demo-experience-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.anchor-demo-controls button{font-size:14px}.anchor-demo-stage{height:760px;padding:8px;border-radius:14px}.anchor-demo-preview-caption{display:block}.anchor-demo-preview-caption>span{display:block}}@media(max-width:380px){.anchor-demo-experience-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.anchor-demo-mobile-select,.anchor-demo-label-mobile,.anchor-demo-jump{display:none}@media(max-width:760px){.anchor-demo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.anchor-demo-controls>fieldset:first-child{grid-column:1/-1}.anchor-demo-label-desktop,.anchor-demo-opening-choices,.anchor-demo-experience-choices{display:none}.anchor-demo-label-mobile{display:inline}.anchor-demo-controls legend{gap:7px;margin-bottom:8px;font-size:14px}.anchor-demo-mobile-select{display:block;width:100%;max-width:100%;min-width:0;min-height:48px;padding:10px 8px;border:1px solid var(--am-line);border-radius:7px;background:var(--am-paper);color:var(--am-ink);font:inherit;font-size:16px}.anchor-demo-jump{display:flex;min-height:44px;align-items:center;gap:8px;margin-top:4px;color:var(--am-clay);font-size:15px;font-weight:600}.anchor-demo-color-mode{gap:6px;align-items:center}.anchor-demo-color-mode>button{flex:0 0 44px;width:44px;padding:9px}.anchor-demo-color-mode>button>span{display:none}.anchor-demo-controls .anchor-demo-start{padding-inline:8px;font-size:14px;gap:6px}}@media(max-width:380px){.anchor-demo-controls>fieldset{grid-column:1/-1}}