.bed-editor,.frame{--ink:#171717;--ink-strong:#0a0a0a;--ink-muted:#5c5c5c;--ink-faint:#767676;--rule:#e4e2de;--rule-strong:#cfccc6;--brand-orange-text:#a35400;--surface:#fff;color:var(--ink);background:#fff}.bed{gap:var(--space-sm);display:grid}.bed-grid{gap:var(--space-sm);align-items:start;display:grid}.bed[data-view=edit] .bed-stage,.bed[data-view=preview] .bed-editor{display:none}.bed-editor,.bed-stage{animation:.35s cubic-bezier(.22,1,.36,1) pane-in}@keyframes pane-in{0%{opacity:0;transform:translateY(8px)}}@media (width>=64rem){.bed-grid{gap:var(--space-md);grid-template-columns:minmax(24rem,28rem) minmax(0,1fr)}.bed[data-view=edit] .bed-stage,.bed[data-view=preview] .bed-editor{display:block}.bed-editor,.bed-stage{animation:none}.bed-stage{position:sticky;inset-block-start:calc(var(--header-row) + var(--space-sm))}}.bed-bar{align-items:center;gap:var(--space-xs) var(--space-md);padding-block:var(--space-xs);flex-wrap:wrap;display:flex}@media (width<=63.99rem){.bed-bar{z-index:30;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);background:var(--surface-dark);border-block-end:1px solid var(--rule);position:sticky;inset-block-start:var(--header-row)}.bed-bar .tabs,.bed-bar .tabs button{flex:1}.bed-bar{flex-wrap:nowrap}.bed-bar .bed-live,.bed-bar .seg.devices{display:none}}@media (width>=64rem){.seg.tabs{display:none}.devices{margin-inline-start:auto}}.seg{border:1px solid var(--rule-strong);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{min-block-size:2.25rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding-inline:1rem;transition:background-color .25s,color .25s;display:inline-flex}.seg button:hover{color:var(--ink-strong)}.seg button[aria-selected=true],.seg button[aria-pressed=true]{background:var(--brand-orange);color:#0a0a0a}.dot{background:var(--brand-orange);border-radius:50%;block-size:.4rem;inline-size:.4rem;margin-inline-start:.5rem;animation:.9s ease-out dot;display:inline-block}.seg button[aria-selected=true] .dot{background:#0a0a0a}@keyframes dot{0%{opacity:1;transform:scale(2.2)}to{opacity:.35;transform:scale(1)}}.bed-live{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--ink-muted);align-items:center;gap:.6em;margin:0;display:flex}.bed-live-dot{background:var(--brand-orange);border-radius:50%;block-size:.5rem;inline-size:.5rem;animation:2.4s ease-in-out infinite live}@keyframes live{50%{opacity:.25}}.reset{padding:var(--space-2xs) var(--space-xs);font-size:var(--text-sm);color:var(--ink-muted);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;text-decoration:underline;transition:color .2s}.reset:hover{color:var(--brand-orange)}.bed-editor{border-radius:var(--radius-lg);overflow:hidden}.block-header{inline-size:100%;padding:var(--space-sm) var(--space-md);border:0;border-block-end:1px solid var(--rule);background:var(--surface-sunken);text-align:start;cursor:pointer;justify-content:space-between;align-items:center;display:flex}.block-header-content{align-items:baseline;gap:var(--space-xs);display:flex}.block-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--ink-strong)}.block-category{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted)}.block-toggle,.chev{border-inline-end:2px solid var(--ink-muted);border-block-end:2px solid var(--ink-muted);block-size:.6rem;inline-size:.6rem;transition:transform .35s cubic-bezier(.22,1,.36,1);transform:translateY(-.15rem)rotate(45deg)}.block-toggle[data-open=true],.chev[data-open=true]{transform:translateY(.1rem)rotate(-135deg)}.fold{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);display:grid}.fold[data-open=true]{grid-template-rows:1fr}.fold-clip{visibility:hidden;min-height:0;transition:visibility 0s .4s;overflow:hidden}.fold[data-open=true]>.fold-clip{visibility:visible;transition-delay:0s}.block-body{padding-inline:var(--space-md);padding-block-end:var(--space-md)}.group{border-block-start:1px solid var(--rule)}.group:first-child{border-block-start:0}.hr-title{text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;min-block-size:3rem;inline-size:100%;padding:0;display:flex}.hr-title h4{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted)}.group-body{padding:2px 2px var(--space-sm)}.field+.field{margin-block-start:var(--space-sm)}.field label,.label-text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-strong);margin-block-end:var(--space-3xs);display:block}.bed-editor input[type=text],.bed-editor input[type=url],.bed-editor textarea{border:1px solid var(--rule-strong);border-radius:var(--radius-md);inline-size:100%;color:var(--ink-strong);background:#fff;padding:.7rem .8rem;font-size:1rem;line-height:1.4;transition:border-color .2s,box-shadow .2s;display:block}.bed-editor textarea{resize:vertical}.bed-editor input:hover,.bed-editor textarea:hover{border-color:var(--ink-muted)}.bed-editor input:focus,.bed-editor textarea:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--tint-orange);outline:none}.help{font-size:var(--text-xs);color:var(--ink-muted);margin-block-start:var(--space-3xs)}.presets{gap:var(--space-2xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.preset{border:2px solid var(--rule);border-radius:var(--radius-md);cursor:pointer;background:#fff;padding:0;transition:border-color .25s,transform .25s;display:block;overflow:hidden}.preset:hover{transform:translateY(-2px)}.preset img{aspect-ratio:5/3;object-fit:cover;inline-size:100%;display:block}.preset span{padding:var(--space-3xs) 0;font-size:var(--text-xs);color:var(--ink-muted);text-align:center;display:block}.preset.is-on{border-color:var(--brand-orange)}.preset.is-on span{color:var(--ink-strong);font-weight:var(--weight-bold)}.items{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.items li{gap:var(--space-2xs);padding:var(--space-xs);border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface-sunken);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.item-inputs{gap:var(--space-2xs);display:grid}.item-actions{gap:2px;display:flex}.item-actions button{border:1px solid var(--rule-strong);border-radius:var(--radius-md);block-size:2.5rem;inline-size:2.5rem;color:var(--ink-strong);cursor:pointer;background:#fff;padding:0;font-size:1.05rem;line-height:1;transition:background-color .2s,color .2s,opacity .2s}.item-actions button:hover:not(:disabled){background:var(--tint-orange)}.item-actions button:disabled{opacity:.3;cursor:default}.item-actions .destructive:hover:not(:disabled){color:#fff;background:#0a0a0a}.add{min-block-size:2.75rem;inline-size:100%;border:1px dashed var(--ink-muted);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-strong);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5em;margin-block-start:var(--space-xs);transition:background-color .2s,border-color .2s;display:flex}.add:hover{border-color:var(--brand-orange);background:var(--tint-orange)}.is-new{animation:.4s arrive}.is-leaving{pointer-events:none;animation:.2s forwards leave}@keyframes arrive{0%{opacity:0}}@keyframes leave{to{opacity:0}}.frame{border:1px solid var(--rule-strong-on-dark);border-radius:var(--radius-lg);inline-size:100%;margin-inline:auto;transition:max-inline-size .55s cubic-bezier(.22,1,.36,1);overflow:hidden;container-type:inline-size}@media (width>=64rem){.bed[data-device=phone] .frame{max-inline-size:24rem}}.frame-bar{background:var(--surface-sunken);border-block-end:1px solid var(--rule);align-items:center;gap:6px;padding:.6rem .9rem;display:flex}.frame-bar span{background:var(--rule-strong);border-radius:50%;block-size:.6rem;inline-size:.6rem}.frame-bar em{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-muted);background:#fff;border-radius:999px;margin-inline-start:.6rem;padding:.15rem .8rem;font-style:normal}.bed-hero{background:var(--surface-sunken);align-items:flex-end;min-block-size:20rem;display:flex;position:relative;overflow:hidden}.bed-bg{opacity:0;background-position:50%;background-size:cover;transition:opacity .6s;position:absolute;inset:0}.bed-bg.is-on{opacity:1}.bed-hero-inner{border-radius:var(--radius-md);background:#fff;inline-size:min(30rem,100% - 2rem);margin:1rem;padding:1.25rem;position:relative}.bed-hero-title{font-family:var(--font-sans);letter-spacing:-.01em;color:#0a0a0a;overflow-wrap:anywhere;font-size:clamp(1.45rem,6.5cqw,2.4rem);line-height:1.1}.bed-hero-desc{color:var(--ink-muted);overflow-wrap:anywhere;margin-block-start:.6rem;font-size:clamp(.9rem,2.4cqw,1rem)}.bed-hero-btn{background:var(--brand-orange);font-size:.9rem;font-weight:var(--weight-bold);color:#0a0a0a;overflow-wrap:anywhere;border-radius:999px;flex-direction:column;margin-block-start:1rem;padding:.6rem 1rem;display:inline-flex}.bed-hero-btn small{font-family:var(--font-mono);font-size:.68rem;font-weight:var(--weight-normal);opacity:.75}.pulse{animation:1.1s ease-out flash}@keyframes flash{0%{background-color:var(--tint-orange);box-shadow:0 0 0 .25rem var(--tint-orange)}}.bed-list{padding:var(--space-sm);gap:var(--space-2xs);margin:0;list-style:none;display:grid}.bed-list li{padding:var(--space-xs) var(--space-sm);border:1px solid var(--rule);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:2px;display:flex}.bed-list strong{font-size:var(--text-sm);overflow-wrap:anywhere}.bed-list span{font-size:var(--text-xs);color:var(--ink-muted)}.bed-empty{padding:0 var(--space-sm) var(--space-sm);font-size:var(--text-sm);color:var(--ink-muted)}.bed-note{padding-block:var(--space-xs) 0;font-size:var(--text-xs);color:var(--ink-muted);margin:0}.studio[data-astro-cid-paokn65a]{min-block-size:calc(100svh - var(--header-row));padding-block:var(--space-lg) var(--space-xl)}.studio[data-astro-cid-paokn65a] .wrap[data-astro-cid-paokn65a]{max-width:104rem}.back[data-astro-cid-paokn65a]{font-size:var(--text-sm);margin-block-end:var(--space-md)}h1[data-astro-cid-paokn65a]{font-size:var(--display-md);letter-spacing:-.028em;line-height:1.04}h1[data-astro-cid-paokn65a] em[data-astro-cid-paokn65a]{color:var(--brand-orange);display:inline}.lead[data-astro-cid-paokn65a]{max-width:44rem;margin-block:var(--space-md) var(--space-lg);font-size:var(--text-lg);color:var(--ink-muted);text-wrap:pretty}