.external-preview-bar.external-preview-bar{display:flex;flex-wrap:wrap;height:auto;min-height:52px;flex:none;gap:var(--space-2);padding:var(--space-2)}.external-preview-bar .external-preview-address{display:flex;flex:1 1 160px;min-width:0;height:var(--control-size-compact);gap:var(--space-2);padding:0 var(--space-2);border:0;background:transparent;font-size:13px}.external-preview-address>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.external-preview-address>svg{flex:none;color:var(--anote-gray-500)}.external-preview-bar :is(.external-preview-modes,.external-preview-breakpoints){display:inline-flex;flex:none;align-items:center;gap:var(--space-0-5);padding:var(--space-0-5);border:0;border-radius:var(--radius-control);background:var(--surface-subtle)}.external-preview-bar :is(.external-preview-modes,.external-preview-breakpoints) button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-size-compact);padding:0 var(--space-3);border:0;border-radius:var(--radius-control-compact);background:transparent;color:var(--anote-gray-600);font:500 13px/20px Open Runde,system-ui,sans-serif;cursor:pointer}.external-preview-bar .external-preview-breakpoints button{width:var(--control-size-compact);padding:0}.external-preview-bar button[aria-pressed=true]{background:var(--surface-raised);color:var(--anote-gray-900);box-shadow:var(--shadow-soft)}.external-preview-bar button:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:default}.external-preview-bar button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover:hover){.external-preview-bar button:not(:disabled):not([aria-disabled=true]):hover{color:var(--anote-gray-900);background:var(--surface-hover)}}.external-target-preview .external-live-preview{min-width:0}.preview-viewport{position:relative;min-width:0;min-height:0;height:100%;overflow:auto;background:var(--surface-canvas)}.preview-viewport-size{position:relative;height:100%;margin-inline:auto}.preview-viewport-content{position:absolute;inset:0 auto auto 0;transform-origin:top left;background:var(--surface-raised)}.preview-viewport .external-live-frame-wrap{width:100%;height:100%}.external-target-preview .external-live-loading{gap:var(--space-3);padding:var(--space-6);text-align:center}.external-target-preview .external-live-loading strong{font-weight:500}.external-target-preview .external-live-unavailable{pointer-events:auto}.branch-capture-preview.branch-capture-empty{align-items:center;justify-content:center;background:var(--surface-subtle);color:var(--anote-gray-500);font-size:13px}.external-live-status.external-live-status{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:48px}.external-live-status.external-live-status>span{font-size:13px;font-weight:400}.external-live-status.external-live-status button{min-height:var(--control-size-compact);padding:0 var(--space-3);gap:var(--space-2);border-radius:var(--radius-control-compact);font-size:13px;font-weight:500}.external-preview-image-wrap .capture-label{gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2-5);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}@media (pointer:coarse){.external-live-status.external-live-status button,.external-preview-bar :is(.external-preview-modes,.external-preview-breakpoints) button{min-height:var(--control-size-large)}.external-preview-bar .external-preview-breakpoints button{width:var(--control-size-large)}}.preview-viewport-content:has(>.arcwell-site){overflow:auto;container-type:inline-size}.preview-viewport-content>.arcwell-site{min-width:0}@container (max-width: 800px){.arcwell-site .site-nav{padding-inline:24px;gap:20px}.arcwell-site .site-links{gap:16px}.arcwell-site .site-hero{grid-template-columns:minmax(0,1fr);padding:40px 24px}.arcwell-site .hero-title{font-size:48px}.arcwell-site .hero-visual{max-width:100%}}@container (max-width: 480px){.arcwell-site .site-links{display:none}.arcwell-site .site-nav{justify-content:space-between;padding-inline:20px;gap:12px}.arcwell-site .site-hero{padding:32px 20px}.arcwell-site .hero-title{font-size:38px}.arcwell-site .hero-actions{flex-wrap:wrap}}@container (max-width: 800px){.arcwell-site .proof-strip{grid-template-columns:minmax(0,1fr);padding:24px;gap:24px}.arcwell-site .logo-row{flex-wrap:wrap}.arcwell-site .site-feature-row{grid-template-columns:minmax(0,1fr);padding:24px}.arcwell-site .site-feature-row article{border-inline-end:0;padding:20px 0}}