@layer site{.embed-page{background:var(--color-surface);color:var(--color-ink)}.embed-container{width:calc(100% - 4rem);max-width:1180px;margin-inline:auto}.embed-intro{padding-block:var(--space-5) var(--space-9);text-align:center}.embed-intro .breadcrumbs{margin:0 0 var(--space-7);text-align:left}.embed-intro .breadcrumbs :is(a,span,li){color:var(--color-muted);font-size:var(--text-2xs);text-transform:none;letter-spacing:0;font-weight:400}.embed-page h1,.embed-page h2{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:400;line-height:1.08}.embed-page h1{font-size:clamp(var(--text-3xl), 6.4vw, var(--text-6xl))}.embed-page h2{font-size:clamp(var(--text-xl), 3.3vw, var(--text-3xl))}.embed-page h1 strong,.embed-page h2 strong{font-weight:700}.embed-intro>p{max-width:55ch;margin:var(--space-5) auto var(--space-6);font-size:var(--text-sm);color:var(--color-muted);line-height:1.65}.embed-button{justify-content:center;align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-round);background:var(--color-brand);color:var(--color-on-accent);font:inherit;font-size:var(--text-xs);cursor:pointer;border:0;font-weight:600;text-decoration:none;transition:background-color .18s;display:inline-flex}.embed-button:hover{background:var(--color-yellow)}.embed-button--ink{background:var(--color-ink);color:var(--color-surface)}.embed-button--ink:hover{background:var(--color-surface);color:var(--color-ink)}.embed-workspace{padding-block:var(--space-8);background:var(--color-yellow);color:var(--color-on-accent);scroll-margin-top:var(--space-5)}.embed-section-heading{gap:var(--space-7);margin-bottom:var(--space-7);grid-template-columns:1fr 1fr;align-items:start;display:grid}.embed-section-heading>p{max-width:55ch;font-size:var(--text-xs);margin:0;line-height:1.65}.embed-builder{gap:var(--space-7);grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);align-items:start;display:grid}.embed-settings fieldset{border:0;margin:0;padding:0}.embed-settings legend{margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:600}.embed-coordinates{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.embed-coordinates label{font-size:var(--text-2xs);font-weight:500}.embed-coordinates input{box-sizing:border-box;width:100%;min-height:48px;margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;caret-color:var(--color-brand-strong);display:block}.embed-hint{margin:var(--space-3) 0 var(--space-5);font-size:var(--text-2xs);line-height:1.65}.embed-checkbox{align-items:center;gap:var(--space-3);min-height:44px;margin-bottom:var(--space-4);font-size:var(--text-xs);cursor:pointer;display:flex}.embed-checkbox input{width:20px;height:20px;accent-color:var(--color-ink)}.embed-text-link{min-height:44px;color:inherit;font-size:var(--text-xs);text-underline-offset:.25em;align-items:center;display:inline-flex}.embed-preview{border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);overflow:hidden}.embed-preview__label{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-2xs);display:flex}.embed-preview iframe{background:var(--color-paper);border:0;width:100%;display:block}.embed-code-section{padding-block:var(--space-9)}.embed-code{border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-surface);overflow:hidden}.embed-code__bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);font-size:var(--text-2xs);border-bottom:1px solid #fffdf833;display:flex}.embed-code__bar button{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-round);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid}.embed-code__bar button:hover{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-on-accent)}.embed-code__bar button[hidden]{display:none}.embed-code pre{padding:var(--space-5);font-size:var(--text-2xs);scrollbar-color:var(--color-muted) var(--color-ink);margin:0;line-height:1.8;overflow-x:auto}.embed-page code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.embed-status{min-height:1.65em;margin:var(--space-3) 0;font-size:var(--text-2xs);line-height:1.65}.embed-code-section>.embed-hint{color:var(--color-muted);margin-bottom:0}.embed-instructions{background:var(--color-paper);padding-block:var(--space-8)}.embed-instructions__grid{gap:var(--space-8);grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);display:grid}.embed-platforms details{border-bottom:1px solid var(--color-divider)}.embed-platforms summary{min-height:64px;padding-block:var(--space-4);box-sizing:border-box;font-size:var(--text-sm);cursor:pointer;font-weight:600}.embed-platforms details>div{padding-bottom:var(--space-5);font-size:var(--text-xs);color:var(--color-muted);line-height:1.75}.embed-platforms :is(p,ol,ul){margin:0 0 var(--space-4)}.embed-platforms :is(ol,ul){padding-left:var(--space-5)}.embed-platforms li+li{margin-top:var(--space-2)}.embed-platforms dl{margin:0}.embed-platforms dl>div{gap:var(--space-4);padding-block:var(--space-3);grid-template-columns:1fr 2fr;display:grid}.embed-platforms dd{margin:0}.embed-check{gap:var(--space-8);padding-block:var(--space-8) var(--space-9);grid-template-columns:1fr 2fr;display:grid}.embed-check h2{font-size:var(--text-lg)}.embed-check p{max-width:70ch;color:var(--color-muted);font-size:var(--text-xs);margin:0;line-height:1.75}.embed-page :is(a,button,input,summary,pre):focus-visible{outline:2px solid var(--color-brand-strong);outline-offset:4px}.embed-code :is(button,pre):focus-visible{outline-color:var(--color-yellow);outline-offset:-4px}.embed-workspace :is(a,button,input,summary):focus-visible{outline-color:var(--color-on-accent)}.embed-page ::selection{background:var(--color-yellow);color:var(--color-on-accent)}.embed-workspace ::selection{background:var(--color-on-accent);color:var(--color-yellow)}@media (width<=900px){.embed-builder{grid-template-columns:1fr}.embed-settings{max-width:520px}}@media (width<=760px){.embed-section-heading,.embed-instructions__grid,.embed-check{gap:var(--space-5);grid-template-columns:1fr}.embed-section-heading{margin-bottom:var(--space-5)}}@media (width<=600px){.embed-container{width:calc(100% - 2rem)}.embed-intro{padding-block:var(--space-4) var(--space-7)}.embed-intro .breadcrumbs{margin-bottom:var(--space-6)}.embed-page h1{font-size:clamp(var(--text-2xl), 10.4vw, var(--text-4xl))}.embed-intro>p{margin-block:var(--space-4) var(--space-5)}.embed-workspace,.embed-code-section,.embed-instructions,.embed-check{padding-block:var(--space-7)}.embed-preview iframe{height:440px}.embed-code pre{padding:var(--space-4)}.embed-code__bar{padding-inline:var(--space-4)}}@media (prefers-reduced-motion:reduce){.embed-button{transition:none}}.embed-place-search{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider)}.embed-place-search[hidden]{display:none}.embed-place-search>label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600;display:block}.embed-place-search>div{align-items:center;gap:var(--space-2);display:flex}.embed-place-search input{width:100%;min-width:0;min-height:48px;padding:var(--space-3);border:1px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--text-sm)}.embed-place-search .embed-button{min-height:48px}.embed-place-search input::placeholder{color:var(--color-muted);opacity:1}.embed-place-results{margin:0;padding:0;list-style:none}.embed-place-results button{width:100%;min-height:44px;padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--color-divider);color:inherit;font:inherit;font-size:var(--text-xs);text-align:left;cursor:pointer;background:0 0}.embed-place-results button:hover{text-underline-offset:.2em;text-decoration:underline}.embed-code__bar button:disabled{opacity:.6;cursor:not-allowed;color:inherit;background:0 0;border-color:currentColor}}
