.cp-shell{min-height:100dvh;font-family:var(--font-sans,Inter, system-ui, sans-serif);color:#0f1c17;-webkit-font-smoothing:antialiased;background:#fafaf7;flex-direction:column;display:flex}.cp-body{flex-direction:column;flex:auto;min-height:0;display:flex}html.is-captive-preview,html.is-captive-preview body{background-color:#0000}.cp-shell.is-preview,html[data-captive-mode=dark] .cp-shell.is-preview{background:0 0}html[data-captive-mode=dark] .cp-shell{color:#f3f3ee;background:#0f1c17}.cp-shell .cp-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.cp-shell .cp-mono{font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace)}.cp-shell .cp-display{font-family:var(--font-display,"Bricolage Grotesque", serif);letter-spacing:-.022em}.cp-preview-badge{z-index:9999;letter-spacing:.02em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0f1717d1;border-radius:100px;align-items:center;gap:0;padding:6px;font-size:.7rem;font-weight:600;display:inline-flex;position:fixed;top:12px;left:12px;box-shadow:0 4px 14px #00000047}.cp-preview-badge svg{display:block}.cp-preview-toast{z-index:9999;color:#fff;pointer-events:none;white-space:nowrap;background:#0f1717e6;border-radius:100px;padding:9px 16px;font-size:.78rem;font-weight:500;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #00000052}.cp-preview-toast-enter-active,.cp-preview-toast-leave-active{transition:opacity .2s,transform .22s cubic-bezier(.4,.2,.2,1)}.cp-shell.is-preview input:focus,.cp-shell.is-preview textarea:focus,.cp-shell.is-preview select:focus{box-shadow:none;outline:none}