:root{--canvas: #000000;--paper: #1c1c1e;--ink: #f5f5f7;--muted: #a1a1a6;--blue: #0a84ff;--blue-hover: #409cff;--danger: #ff453a;--line: rgba(255, 255, 255, .12);--fill: rgba(255, 255, 255, .06);--fill-strong: rgba(255, 255, 255, .12);--hover: rgba(255, 255, 255, .08);color-scheme:dark}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color-scheme:dark;overflow-x:clip}body{margin:0;min-height:100dvh;max-width:100%;overflow-x:clip;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:14px;line-height:1.35;letter-spacing:-.011em;color:var(--ink);background:var(--canvas);text-wrap:pretty}#root{max-width:100%;overflow-x:clip}button,input{font-family:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:not-allowed}button:disabled:active{transform:none}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif;font-weight:600;letter-spacing:-.022em;text-wrap:balance}h1{font-size:clamp(28px,2.4vw,34px);line-height:1.12;margin:10px 0 0}h2{font-size:20px;margin:4px 0 0}p{margin:0}::selection{background:var(--blue);color:#fff}.tabular{font-variant-numeric:tabular-nums}.kicker{margin:0;font-size:13px;color:var(--muted);font-weight:500}.hint,.fine,.meta{color:var(--muted);font-size:13px;text-wrap:pretty}.fine{margin:2px 8px 6px;font-size:12px}.wordmark{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:560;letter-spacing:-.04em;white-space:nowrap}.wordmark-hero{font-size:clamp(28px,2.6vw,36px);font-weight:600;letter-spacing:-.04em;line-height:1.05}.wordmark-text{font-variant-ligatures:none}.mark{display:inline-flex;color:var(--ink);flex:none}.mark svg{width:100%;height:100%;display:block}.btn,.auth-btn,.seg-btn,.choice,.version-tab,.icon-btn,.text-btn,.swatch{transition-timing-function:cubic-bezier(.2,0,0,1);transition-duration:.16s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:980px;background:var(--paper);color:var(--ink);font:inherit;font-weight:560;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;transition-property:transform,background-color,color,border-color}.btn:hover:not(:disabled):not(.btn-primary):not(.btn-accent):not([aria-pressed=true]){border-color:var(--line);background:var(--hover)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue);padding:0 16px}.btn-primary:hover:not(:disabled),.btn-accent:hover:not(:disabled){background:var(--blue-hover);border-color:var(--blue-hover)}.btn[aria-pressed=true]:not(.btn-primary):not(.btn-accent){background:#0a84ff2e;color:var(--blue);border-color:transparent}.btn[aria-pressed=true]:not(.btn-primary):not(.btn-accent):hover:not(:disabled){background:#0a84ff42;border-color:transparent}.btn-accent{background:var(--blue);color:#fff;border-color:var(--blue);flex:1;min-height:40px}.btn-accent:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn-accent.is-live:before{content:"";width:8px;height:8px;border-radius:99px;background:#fff;animation:pulse 1.2s cubic-bezier(.2,0,0,1) infinite}@keyframes pulse{70%{opacity:.35}}.auth-btn{position:relative;width:100%;min-height:40px;justify-content:center;border-radius:980px}.auth-icon{position:absolute;left:14px;width:22px;height:22px;display:grid;place-items:center}.auth-glyph{width:18px;height:18px;display:block}.text-btn{display:inline-flex;align-items:center;border:0;background:transparent;font:inherit;font-weight:500;color:var(--muted);min-width:40px;min-height:40px;padding:0 8px;cursor:pointer;border-radius:12px;transition-property:color,transform,background-color}.text-btn:hover:not(:disabled){color:var(--ink);background:var(--hover)}.text-btn:active{transform:scale(.96)}.text-btn.danger{color:var(--danger)}.text-btn.danger:hover:not(:disabled){color:#ff6961;background:#ff453a24}.text-btn.back{padding-left:0;color:inherit}.text-btn:disabled{opacity:.4}.icon-btn{width:40px;height:40px;flex:none;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:22px;cursor:pointer;display:grid;place-items:center;transition-property:background-color,transform}.icon-btn:hover{background:var(--hover)}.icon-btn:active{transform:scale(.96)}.field{min-height:40px;width:100%;border-radius:12px;border:1px solid var(--line);background:#0a0a0a;padding:0 12px;font:inherit;color:inherit;transition-property:border-color;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1)}.field:hover{border-color:#ffffff38}.field:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.stack{display:grid;gap:6px;font-size:13px;font-weight:500}.stack-form{display:grid;gap:12px}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.rise{animation:rise .64s cubic-bezier(.2,0,0,1) both}.d1{animation-delay:70ms}.d2{animation-delay:.14s}.d3{animation-delay:.21s}.d4{animation-delay:.28s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.onboard{--onboard-inset: 24px;--onboard-gap: 40px;--onboard-copy: 280px;--onboard-visual: min(520px, 46vw);height:100dvh;max-height:100dvh;max-width:100%;overflow-x:clip;overflow-y:hidden;display:grid;grid-template-columns:var(--onboard-copy) minmax(0,var(--onboard-visual));grid-template-rows:minmax(0,1fr) auto;justify-content:center;column-gap:var(--onboard-gap);row-gap:12px;padding:16px var(--onboard-inset) 12px;align-items:stretch;width:100%;box-sizing:border-box}.onboard-copy{min-width:0;min-height:0;overflow:auto;display:grid;align-content:center;align-items:start;gap:12px;padding:10px 6px;width:100%;max-width:none}.onboard-copy h1{margin:0;max-width:18ch;padding-inline:8px}.onboard-copy .lead{max-width:28ch;padding-inline:8px}.onboard-copy .auth-card{background:transparent;border:0;padding:6px 0;border-radius:0;width:100%;max-width:296px;margin:0;overflow:visible}.onboard-copy .field{background:#fff;color:#1d1d1f;border-color:transparent;border-radius:980px;min-height:44px;padding:0 18px}.onboard-copy .auth-btn{min-height:44px;padding:0 18px}.onboard-copy .field::placeholder{color:#6e6e73}.onboard-copy .field:hover{border-color:transparent}.onboard-copy .field:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.lead{margin:0;max-width:34ch;font-size:14px;color:var(--muted)}.steps{list-style:none;counter-reset:step;padding:0;margin:14px 0;display:grid;gap:6px;font-size:13px}.steps li{display:flex;gap:10px;align-items:baseline}.steps li:before{counter-increment:step;content:counter(step);font-variant-numeric:tabular-nums;color:var(--muted);width:1.2em}.auth-card{display:grid;gap:8px;padding:8px;border-radius:18px;background:var(--paper);border:1px solid var(--line);max-width:320px;margin-top:2px}.auth-card .kicker{margin:6px 8px 0}.auth-card .hint{margin:0 8px}.link-form{gap:10px}.link-form .fine{margin:0;text-align:center}.recent{display:grid;gap:4px;margin:2px 0 0;max-width:none}.recent-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:0 2px;list-style:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--muted);-webkit-user-select:none;user-select:none}.recent-summary::-webkit-details-marker{display:none}.recent-summary::marker{content:""}.recent-summary span{font-size:12px;color:var(--muted)}.recent-summary:hover{color:var(--ink)}.recent-list{display:grid;gap:1px}.recent-row{display:flex;align-items:center;gap:4px;min-height:36px}.recent-open{flex:1;min-width:0;min-height:36px;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:12px;padding:4px 8px;display:grid;align-content:center;transition-property:background-color,transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1)}.recent-open strong{font-weight:560;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-open span{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-open:hover{background:var(--hover)}.recent-open:active{transform:scale(.96)}.sample-col{position:relative;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:16px;padding:0}.demo-fit{position:relative;flex:1;min-height:0;display:grid;justify-items:center;align-items:center;width:100%;height:auto}.demo-setting{flex:none;display:flex;justify-content:center}.demo-setting .seg{width:168px}.onboard-foot{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;min-height:32px;padding:0;color:var(--muted);font-size:12px}.onboard-brand{color:var(--ink);font-size:13px;font-weight:560;letter-spacing:-.04em;white-space:nowrap}.onboard-links{display:flex;gap:2px}.onboard-links .text-btn{color:var(--muted);font-size:12px}.library{min-height:100dvh}.topbar{display:flex;align-items:center;gap:4px;height:56px;min-width:0;padding:0 12px}.topbar>.btn{flex:none}.topbar .back{display:inline-flex;align-items:center;height:40px;padding:0 8px 0 0;border-radius:12px}.embed-go{margin-left:auto;height:40px}.cluster{margin-left:auto;display:flex;align-items:center;gap:10px}.usage{margin:0;font-size:13px;font-weight:560;display:flex;flex-direction:column;line-height:1.2;text-align:right}.usage span{font-weight:400;color:var(--muted);font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:8px 20px 48px}.card{background:var(--paper);border-radius:20px;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;transition-property:border-color;transition-duration:.16s;transition-timing-function:ease-out}.card:hover{border-color:#ffffff38}.card h2{font-size:16px;margin:0;overflow-wrap:anywhere}.card-body p{overflow-wrap:anywhere}.card-open{border:0;background:transparent;padding:8px 8px 0;border-radius:20px;text-align:left;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:12px}.card-body{display:grid;gap:4px;padding:0 6px 4px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-foot{display:flex;align-items:center;justify-content:space-between;padding:0 8px 6px}.kind-pill{font-size:12px;font-weight:560;padding:4px 8px;border-radius:999px;background:var(--fill);flex:none}.mini{height:120px;border-radius:12px;display:grid;place-items:center}.mini-device{background:#f5f5f7;border:1px solid var(--line)}.mini-browser,.mini-plain{width:72%;height:68%;border-radius:8px}.mini-phone{width:28%;height:86%;border-radius:14px;background:#141210}.mini-tablet{width:46%;height:78%;border-radius:12px;background:#141210}.empty{max-width:440px;margin:12vh auto 0;padding:0 20px;display:grid;gap:12px;justify-items:start}.editor{height:100dvh;max-height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.editor .topbar{padding-top:8px;padding-bottom:8px}.title-input{width:min(220px,24vw);min-width:0;flex:0 1 220px;border:0;background:transparent;color:inherit;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:-.03em;padding:0}.title-input:focus-visible{outline-offset:4px}.version-tabs{display:flex;align-items:center;gap:4px;min-width:0;overflow:auto;flex:1}.version-tab{min-height:40px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-weight:560;font-size:13px;cursor:pointer;flex:none;transition-property:background-color,color,transform}.version-tab:hover:not([aria-selected=true]){color:var(--ink);background:var(--hover)}.version-tab[aria-selected=true]{background:var(--blue);color:#fff}.version-tab:active{transform:scale(.96)}.editor-body{min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr);gap:8px 12px;padding:0 12px 10px}.pack-note{position:fixed;left:50%;bottom:20px;z-index:20;translate:-50% 0;margin:0;padding:10px 14px;border-radius:980px;background:var(--paper);border:1px solid var(--line);font-size:13px;font-weight:560}.checkout-bar{position:fixed;left:50%;bottom:18px;z-index:22;translate:-50% 0;display:flex;align-items:center;gap:14px;min-width:min(420px,calc(100% - 24px));max-width:min(420px,calc(100% - 24px));padding:10px 12px 10px 16px;border-radius:18px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 30px #00000014}.checkout-bar-copy{flex:1;min-width:0;display:grid;gap:2px}.checkout-bar-total{margin:0;font-size:20px;font-weight:560;letter-spacing:-.03em;line-height:1.1}.checkout-bar-lines{margin:0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-bar .btn{flex:none;white-space:nowrap}.cart-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cart-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:14px}.cart-list li>span:first-child{display:grid;gap:2px;min-width:0}.cart-list strong{font-weight:560}.cart-list .fine{margin:0}.cart-line-end{display:flex;align-items:center;gap:8px;flex:none}.legal-inline{min-height:0;padding:0;font-size:inherit;color:inherit}.legal{max-width:680px;margin:0 auto;padding:28px 22px 80px;display:grid;gap:12px;align-content:start}.legal h2{font-size:16px;margin:12px 0 0}.legal p{font-size:15px;line-height:1.5;max-width:62ch}.faq-steps{margin:0;padding-left:1.2em;display:grid;gap:6px;max-width:62ch;font-size:15px;line-height:1.5}.modal .seg{flex-wrap:wrap}.editor:has(.checkout-bar) .pack-note{bottom:84px}.rail{background:var(--paper);border-radius:16px;padding:12px;border:1px solid var(--line);overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0}.rail-label{display:block;margin-bottom:8px;font-size:12px;color:var(--muted);font-weight:500}.seg{display:flex;gap:4px;padding:4px;border-radius:16px;background:var(--fill)}.seg>.tip{flex:1;display:flex;min-width:0}.seg>.tip>.seg-btn{flex:1;width:100%}.mode-row>.tip{flex:1;display:flex;min-width:0}.mode-row>.tip>.btn{width:100%}.seg-formats{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr))}.seg-formats .seg-btn{width:100%;min-width:0;font-variant-numeric:tabular-nums}.seg-btn{flex:1 1 auto;min-width:min-content;min-height:40px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:560;cursor:pointer;white-space:nowrap;overflow:visible;text-overflow:clip;transition-property:background-color,color,transform}.seg-btn:hover:not([aria-pressed=true]){color:var(--ink);background:var(--fill-strong)}.seg-btn[aria-pressed=true]{background:var(--paper);color:var(--ink);outline:1px solid var(--line);outline-offset:-1px}.seg-btn:active{transform:scale(.96)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-grid>.tip{display:flex;min-width:0}.choice-grid>.tip>.choice{flex:1;width:100%}.tip{position:relative;display:inline-flex;max-width:100%}.tip-bubble{position:fixed;z-index:40;width:max-content;max-width:220px;padding:6px 10px;border-radius:8px;background:#f5f5f7;color:#1d1d1f;font-size:12px;font-weight:400;line-height:1.35;text-wrap:pretty;pointer-events:none}.choice{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:0;min-height:40px;padding:8px 12px;border-radius:14px;background:var(--fill);color:inherit;font:inherit;cursor:pointer;transition-property:background-color,color,transform}.choice strong{display:block;min-width:0;font-weight:560;font-size:13px;overflow:visible;white-space:nowrap}.choice span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.choice:hover:not([aria-pressed=true]){background:var(--hover)}.choice[aria-pressed=true]{background:var(--blue);color:#fff}.choice[aria-pressed=true] span{color:#ffffffc7}.choice .pack-price{margin-top:0;color:var(--muted);font-size:12px;font-weight:560;flex:none}.choice[aria-pressed=true] .pack-price{color:#ffffffc7}.choice:active{transform:scale(.96)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:40px;height:40px;border:1px solid var(--line);padding:0;border-radius:12px;cursor:pointer;position:relative;transition-property:transform,border-color}.swatch:hover{border-color:#ffffff47}.swatch[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:2px}.swatch:active{transform:scale(.96)}.lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#1d1d1f}.lock.on-dark{color:#fff}.lock svg{display:block}.mode-row,.record-row{display:flex;gap:8px;align-items:center}.record-row>.tip{flex:1;display:flex;min-width:0}.record-row>.tip>.btn{flex:1}.mode-row .btn,.output-row .btn,.record-row .btn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px;font-size:12px}.more-toggle{align-self:flex-start;padding-left:0}.record-block{display:grid;gap:8px;margin-top:auto}.record-block>.tip{display:flex}.record-block>.tip>.btn{flex:1}.stage-wrap{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.size-stage{flex:1;min-width:0;min-height:0;display:flex;align-items:stretch;justify-content:center}.size-stage>.stage-fit{width:100%}.size-row{flex:0 1 1080px;width:min(100%,1080px);max-width:1080px;height:100%;min-width:0;min-height:0;display:flex;padding:36px 28px}.size-row-fit{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;gap:36px}.shot{position:relative;flex:none;overflow:hidden;border-radius:0;background:#fff;outline:1px solid var(--line)}.size-stage.on-dark .shot{outline-color:#ffffff24}.shot.shadow-soft,.shot.shadow-hard{outline:none}.shot.shadow-soft{box-shadow:0 14px 28px #0003}.size-stage.on-dark .shot.shadow-soft{box-shadow:0 16px 32px #0000008c,0 0 0 1px #ffffff1f}.shot.shadow-hard{box-shadow:8px 8px #1d1d1f}.size-stage.on-dark .shot.shadow-hard{box-shadow:8px 8px #f5f5f7}.shot iframe{position:absolute;top:0;left:0;border:0;background:#fff;transform-origin:0 0}.output-row{display:flex;gap:8px}.stage-fit{position:relative;flex:1;min-height:0;min-width:0;width:100%;display:grid;place-items:center;padding:20px 24px}.stage-limit{width:min(100%,880px);height:min(100%,640px);display:grid;place-items:center}.stage-caption{text-align:center;color:var(--muted);font-size:13px;padding:8px 12px 0}.stage-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:min(320px,80%);background:var(--paper);border-radius:16px;padding:18px;display:grid;gap:12px;justify-items:center;text-align:center;border:1px solid var(--line)}.timer{position:absolute;top:12px;left:12px;z-index:4;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:999px;background:#1c1c1ef0;border:1px solid var(--line);font-weight:560}.timer i{width:8px;height:8px;border-radius:99px;background:var(--blue)}.timer span{color:var(--muted);font-weight:500}.plate{border-radius:18px;padding:0;display:grid;place-items:center;position:relative;box-sizing:border-box;overflow:hidden;container-type:size}.plate.is-recording{outline:2px solid var(--blue);outline-offset:0}.plate.is-fill{width:100%;height:100%;border-radius:0;max-width:none;place-items:stretch;align-content:stretch}.plate.is-fill>.device{width:100%;height:100%;min-height:0;max-height:none}.device{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff;border:1px solid var(--line)}.device-browser,.device-plain{width:100%;height:100%;border-radius:14px;background:#fff}.device-plain{background:#fff;border:0;border-radius:0;outline:1px solid var(--line)}.plate:has(.crop-mark),.plate:has(.device-plain){padding:0;border-radius:0;display:flex;flex-direction:column;align-items:center}.plate.fit-inset,.plate.fit-inset:has(.crop-mark),.plate.fit-inset:has(.device-plain){padding:48px 44px}.plate.shadow-soft,.plate.shadow-soft:has(.crop-mark),.plate.shadow-soft:has(.device-plain){padding:22px 22px 28px}.plate.shadow-hard,.plate.shadow-hard:has(.crop-mark),.plate.shadow-hard:has(.device-plain){padding:14px 22px 22px 12px}.plate.shadow-soft .device:not(.device-laptop),.plate.shadow-hard .device:not(.device-laptop){box-shadow:0 14px 28px #0003}.plate.shadow-hard .device:not(.device-laptop){box-shadow:8px 8px #1d1d1f}.plate.on-dark.shadow-soft .device:not(.device-laptop){box-shadow:0 16px 32px #0000008c,0 0 0 1px #ffffff1f}.plate.on-dark.shadow-hard .device:not(.device-laptop){box-shadow:8px 8px #f5f5f7}.plate.shadow-soft .device-laptop{filter:drop-shadow(0 14px 16px rgba(0,0,0,.35))}.plate.shadow-hard .device-laptop{filter:drop-shadow(8px 8px 0 #1d1d1f)}.plate.on-dark.shadow-hard .device-laptop{filter:drop-shadow(8px 8px 0 #f5f5f7)}.plate:has(.crop-mark)>.device-browser,.plate:has(.crop-mark)>.device-laptop,.plate:has(.crop-mark)>.device-plain{flex:1 1 auto;width:100%;height:auto;min-height:0}.plate:has(.crop-mark)>.device-phone,.plate:has(.crop-mark)>.device-tablet{flex:0 1 auto;max-height:calc(100% - 36px)}.plate:has(.device-plain) .device-plain{flex:1 1 auto;width:100%;height:auto;min-height:0}.crop-mark{flex:none;height:36px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;letter-spacing:-.01em;text-decoration:none;color:#00000073}.on-dark .crop-mark{color:#ffffff9e}.plate.on-dark .device-plain{outline-color:#ffffff24}.device-plain .screen{border-radius:0}.device-phone,.device-tablet{position:relative;height:auto;max-width:100%;max-height:100%;gap:0}.device-phone{border:1px solid rgba(255,255,255,.16)}.device-phone.model-iphone{width:min(100cqw,calc(100cqh * 402 / 874));aspect-ratio:402 / 874;border-radius:48px;padding:5px;background:#1c1c1e}.device-phone.model-pixel{width:min(100cqw,calc(100cqh * 412 / 915));aspect-ratio:412 / 915;border-radius:32px;padding:7px;background:#2c2c2e}.device-phone.model-galaxy{width:min(100cqw,calc(100cqh * 360 / 780));aspect-ratio:360 / 780;border-radius:26px;padding:3px;background:#0e0e10}.device-phone .screen{border-radius:inherit}.device-phone.model-iphone .screen{border-radius:42px}.device-phone.model-pixel .screen{border-radius:26px}.device-phone.model-galaxy .screen{border-radius:23px}.device-tablet{width:min(100cqw,75cqh);aspect-ratio:3 / 4;border-radius:22px;padding:16px;background:#1c1c1e;border:1px solid rgba(255,255,255,.12)}.device-tablet .screen{border-radius:6px}.ipad-cam{position:absolute;top:6px;left:50%;width:7px;height:7px;border-radius:99px;background:#2a2a2c;border:1px solid rgba(255,255,255,.2);translate:-50% 0;z-index:2}.keys{position:absolute;top:18%;width:3px;height:16%;background:#3a3a3c;z-index:2}.model-iphone .keys,.model-galaxy .keys{left:0;border-radius:0 2px 2px 0}.model-iphone .keys{height:8%}.model-iphone .keys:after{content:"";position:absolute;top:140%;left:0;width:3px;height:100%;background:#3a3a3c;border-radius:0 2px 2px 0}.power{position:absolute;right:0;top:24%;width:3px;height:10%;background:#3a3a3c;border-radius:2px 0 0 2px;z-index:2}.model-pixel .keys{right:0;left:auto;height:11%;top:24%;border-radius:2px 0 0 2px}.face{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.island{position:absolute;top:10px;left:50%;width:30%;height:22px;border-radius:20px;background:#000;translate:-50% 0}.hole{position:absolute;top:12px;left:50%;width:11px;height:11px;border-radius:99px;background:#000;translate:-50% 0}.hole-galaxy{width:8px;height:8px;top:8px}.gesture{position:absolute;left:50%;bottom:7px;height:4px;border-radius:99px;background:#1c1c1ef0;border:1px solid rgba(0,0,0,.28);translate:-50% 0}.model-iphone .gesture{width:34%}.model-pixel .gesture{width:22%;bottom:8px}.model-galaxy .gesture{width:18%;height:3px;bottom:6px}.device-laptop{width:100%;height:100%;background:transparent;border:0;padding:0;gap:0;align-items:stretch}.device-laptop .lid{flex:1;min-height:0;width:86%;margin:0 auto;display:flex;background:#d2d2d7;border:1px solid rgba(0,0,0,.14);border-bottom:0;border-radius:12px 12px 0 0;padding:10px 10px 8px}.device-laptop .screen{background:#000;border-radius:5px;padding:8px 7px 7px}.mb-notch{position:absolute;top:0;left:50%;width:22%;height:18px;background:#000;border-radius:0 0 8px 8px;translate:-50% 0;z-index:5}.mb-notch:after{content:"";position:absolute;top:5px;left:50%;width:6px;height:6px;border-radius:99px;background:#1c1c1e;border:1px solid #3a3a3c;translate:-50% 0}.device-laptop .deck{height:48px;flex:none;width:100%;background:#c7c7cc;border:1px solid rgba(0,0,0,.14);border-radius:2px 2px 14px 14px;display:flex;align-items:center;justify-content:center}.trackpad{width:18%;height:46%;border-radius:6px;background:#b9b9be;border:1px solid rgba(0,0,0,.16)}.look-dark.device-browser{background:#1d1d1f}.look-dark .chrome{color:#f5f5f7}.look-dark .omni{background:#ffffff1f;color:#f5f5f7}.look-minimal .chrome{justify-content:center}.look-minimal .omni{flex:none;width:min(240px,70%);background:transparent}.chrome{flex:none;height:32px;display:flex;align-items:center;gap:10px;padding:0 12px}.dots{display:flex;gap:5px}.dots i{width:8px;height:8px;border-radius:99px;display:block}.dots i:nth-child(1){background:#d2d2d7}.dots i:nth-child(2){background:#8e8e93}.dots i:nth-child(3){background:#3a3a3c}.omni{flex:1;height:26px;border-radius:999px;background:var(--fill);display:grid;place-items:center;font-size:12px;color:var(--muted);min-width:0;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.screen{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff;display:flex;flex-direction:column}.display{position:relative;flex:1;min-height:0;overflow:hidden}.device-browser .screen{border-radius:0 0 14px 14px}.display iframe{position:absolute;top:0;left:0;border:0;background:#fff;transform-origin:0 0}.zoom-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.place{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;margin:0;background:transparent;cursor:pointer}.place::-webkit-slider-runnable-track{height:4px;background:#ffffff2e;border-radius:999px}.place::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#f5f5f7;border:1px solid rgba(255,255,255,.2)}.place:hover::-webkit-slider-thumb{border-color:#fff6}.place:active::-webkit-slider-thumb{transform:scale(.96)}.place::-moz-range-track{height:4px;background:#ffffff2e;border-radius:999px;border:0}.place::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#f5f5f7;border:1px solid rgba(255,255,255,.2)}.zoom-read{min-width:4.5ch;text-align:center;font-weight:560;font-variant-numeric:tabular-nums}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:disabled:active{transform:none}.capture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:crosshair;touch-action:none}.cursor{position:absolute;left:0;top:0;z-index:4;width:26px;height:26px;pointer-events:none;opacity:0;will-change:transform;transition-property:opacity;transition-duration:.12s}.cursor[data-on=true]{opacity:1}.cursor svg{display:block;transform:translate(-1px,-1px)}.ripple{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;border:2px solid rgba(28,25,22,.55);z-index:3;pointer-events:none;opacity:0}.ripple[data-on=true]{opacity:1;animation:ripple-fade .42s cubic-bezier(.2,0,0,1)}@keyframes ripple-fade{0%{opacity:1}to{opacity:0}}.made-with{position:absolute;right:12px;bottom:10px;z-index:4;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#1c1c1ef0;color:var(--ink);font-size:11px;font-weight:560;text-decoration:none}.made-with:before{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.sample-screen{background:#fff;container-type:size;display:flex;flex-direction:column}.mock-nav{display:flex;gap:4cqw;align-items:center;flex:none;padding:4.5cqh 5cqw 0;font-size:3.1cqh;color:var(--muted)}.mock-nav strong{margin-right:auto;color:var(--ink);font-size:3.6cqh;font-weight:500}.mock-stage{flex:1;min-height:0;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:4cqw;padding:3cqh 5cqw 5cqh}.mock-hero{min-width:0}.mock-hero p{font-size:2.8cqh;color:var(--muted);font-weight:500}.mock-hero h2{font-size:7.4cqh;line-height:1.08;margin:1cqh 0 2.4cqh;max-width:11ch}.mock-btn{display:inline-flex;align-items:center;min-height:7.2cqh;padding:0 3.2cqw;border-radius:999px;background:var(--blue);color:#fff;font-size:2.8cqh;font-weight:500}.mock-card{min-width:0;height:100%;max-height:100%;background:var(--canvas);border-radius:16px;padding:12%;display:grid;align-content:center;gap:9%}.mock-bar{display:block;height:8px;width:78%;border-radius:99px;background:#1d1d1f}.mock-bar.mid{width:52%;background:#8e8e93}.mock-bar.short{width:36%;background:#d2d2d7}.mock-block{display:block;height:38%;min-height:36px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08)}.demo-cursor{position:absolute;z-index:3;width:26px;height:26px;pointer-events:none;animation:roam 5.6s cubic-bezier(.45,0,.2,1) infinite}.demo-cursor svg{display:block;transform:translate(-1px,-1px)}@keyframes roam{0%,10%{left:46%;top:28%}40%,72%{left:13%;top:65%}to{left:46%;top:28%}}.demo-ripple{position:absolute;left:13%;top:65%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid rgba(0,0,0,.35);pointer-events:none;animation:ping 5.6s cubic-bezier(.2,0,0,1) infinite}@keyframes ping{0%,40%{opacity:0}48%{opacity:.8}64%,to{opacity:0}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#000000b8;opacity:0;transition-property:opacity;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1)}.modal-back.shown{opacity:1}.modal{width:min(480px,100%);max-height:min(88dvh,860px);overflow:auto;background:var(--paper);border-radius:20px;padding:18px;display:grid;gap:14px;border:1px solid var(--line);transform:translateY(8px);opacity:0;transition-property:transform,opacity;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.modal-back.shown .modal{transform:none;opacity:1}.modal-wide{width:min(680px,100%)}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.dialog-head h2{font-size:22px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan{border-radius:16px;padding:14px;background:var(--fill);display:grid;gap:10px;align-content:start}.plan h3{margin:0;font-size:22px}.plan ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px}.plan-plus{border:1px solid var(--blue);background:var(--paper)}.price{display:flex;align-items:baseline;gap:6px}.price .tabular{font-size:26px;letter-spacing:-.03em;font-weight:500}.form-error{margin:0;color:var(--danger);font-size:13px}.check{display:flex;align-items:center;gap:10px;min-height:40px;font-size:14px}.check em{margin-left:auto;font-style:normal;color:var(--muted);font-size:13px}.snippet-block{display:grid;gap:6px}.snippet-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:560}.snippet{margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;background:#0a0a0a;color:#f5f5f7;border:1px solid var(--line);border-radius:12px;padding:12px;overflow:auto;white-space:pre-wrap;word-break:break-all}.missing{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;padding:24px}.embed-root{min-height:100dvh;height:100dvh;background:var(--canvas);display:flex}.embed-root .stage-fit{height:100%}html:has(.embed-root.is-framed),html:has(.embed-root.is-framed) body,html:has(.embed-root.is-framed) #root{height:100%;max-height:100%;overflow:hidden}.embed-root.is-framed{min-height:100%;height:100%;width:100%;background:transparent}.embed-root.is-sizes{display:flex}.plate-fill{width:100%;height:100%}@container (max-height: 240px){.mock-card{display:none}.mock-stage{grid-template-columns:1fr}}@media(max-width:980px){.onboard{height:auto;max-height:none;overflow-x:clip;overflow-y:visible;grid-template-columns:minmax(0,1fr);grid-template-rows:none;justify-content:stretch;padding:28px var(--onboard-inset) 20px;gap:28px}.onboard-copy,.sample-col{width:100%;max-width:100%;min-width:0}.onboard-copy .auth-card{width:100%;max-width:100%}.sample-col{order:-1;height:min(68vh,560px);position:relative}.demo-fit{justify-items:center}.onboard-foot{order:2;width:100%}.editor{height:auto;max-height:none;overflow:visible;min-height:100dvh}.editor-body{grid-template-columns:1fr}.stage-wrap{min-height:68vh}.plans{grid-template-columns:1fr}.cluster{flex-wrap:wrap;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.rise,.demo-cursor,.demo-ripple,.btn-accent.is-live:before{animation:none}.demo-cursor{left:13%;top:65%}.btn,.seg-btn,.choice,.version-tab,.icon-btn,.text-btn,.swatch,.recent-open{transition-property:none}.btn:active,.seg-btn:active,.choice:active,.version-tab:active,.icon-btn:active,.text-btn:active,.swatch:active,.recent-open:active{transform:none}}