.creator-build-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 28px}.creator-build-switch button{display:flex;align-items:center;gap:15px;text-align:left;padding:18px 22px;border:1px solid var(--af-violet,#b59aff);border-radius:16px;background:linear-gradient(140deg,#2c2247,#17112e);color:var(--af-cream,#fff6df);box-shadow:0 4px 0 #090719,inset 0 1px #fff1;font-size:18px;min-height:78px}.creator-build-switch button>span:first-child{font:30px/1 ui-monospace,monospace;color:var(--af-mint,#7cf8d2)}.creator-build-switch small{display:block;font-size:13px;font-weight:500;color:var(--af-muted,#c2b8df);margin-top:5px}.creator-build-switch button[aria-selected=true]{border-color:var(--af-gold,#ffbf53);box-shadow:0 4px 0 #805121,inset 0 1px #fff2;background:linear-gradient(140deg,#4c3650,#251b3e)}.intro[data-build-mode=external]{display:none}.intro[data-build-mode=external]>div{max-width:900px}#externalBuildPanel{border:1px solid #b59aff66;border-radius:22px;background:linear-gradient(140deg,#29203de8,#16112ee8);padding:32px;box-shadow:0 12px 40px #0003;min-width:0}#externalBuildPanel[hidden],#arcadeStudioPanel[hidden],#arcadeCreditPrice[hidden]{display:none}.handoff-heading{max-width:850px;margin-bottom:28px}.handoff-heading h1{font-family:var(--af-font-display,'Bungee',sans-serif);font-weight:400;letter-spacing:.01em;word-spacing:.15em;line-height:1.3;font-size:clamp(24px,3vw,36px);margin:10px 0 16px;color:var(--af-cream,#fff6df)}.handoff-heading>p{line-height:1.65;color:var(--af-muted,#c2b8df)}.handoff-heading .eyebrow{color:var(--af-mint,#7cf8d2)}.handoff-cost{border-left:3px solid var(--af-gold,#ffbf53);padding-left:15px;font-size:14px}.handoff-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:30px}.handoff-compose{min-width:0}.handoff-compose h3{margin:0 0 20px}.handoff-compose>label{display:block;margin-bottom:10px}.handoff-compose>textarea{width:100%;box-sizing:border-box;min-height:135px;resize:vertical;line-height:1.5}.handoff-devices{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px}.handoff-devices label{display:flex;align-items:center;gap:8px}.handoff-label{font-weight:800;margin:24px 0 12px}.handoff-providers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.handoff-providers button{padding:12px 10px;min-height:48px;background:#18122e;color:#fff6df;border:1px solid #b59aff66;box-shadow:0 3px #090719;font-size:14px}.handoff-providers button[aria-pressed=true]{border-color:#7cf8d2;color:#7cf8d2;background:#21403b66}.handoff-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.handoff-open{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;min-height:44px;box-sizing:border-box;border:1px solid #b59aff88;border-radius:10px;color:#fff6df;text-decoration:none;font-weight:750;background:linear-gradient(140deg,#393051,#1a132e);box-shadow:0 3px #080614}.handoff-open[hidden]{display:none}#aiHandoffStatus{min-height:1.5em;color:var(--af-mint,#7cf8d2);margin:16px 0 6px}#aiProviderHelp,#aiLinkNote{line-height:1.55}.handoff-preview{margin-top:18px}.handoff-preview label{display:block;margin:15px 0 9px}.handoff-preview textarea{width:100%;min-height:280px;resize:vertical;font:13px/1.6 ui-monospace,monospace;box-sizing:border-box}.handoff-steps{align-self:start;padding:24px;border:1px solid #b59aff44;border-radius:17px;background:#130e29aa;min-width:0}.handoff-steps ol{padding-left:23px}.handoff-steps li{padding-left:6px;margin-bottom:22px}.handoff-steps li::marker{color:#ffbf53;font-family:ui-monospace,monospace}.handoff-steps p{color:#c2b8df;font-size:14px;line-height:1.65;margin:8px 0 0}.handoff-steps>button{width:100%;margin:8px 0 18px}.handoff-steps>a{font-size:14px}.handoff-connection{margin-top:30px;border-top:1px solid #b59aff44;padding-top:24px}.handoff-connection summary{font-weight:800;color:#7cf8d2;line-height:1.5}.handoff-connection>p{color:#c2b8df;line-height:1.65;max-width:900px}.handoff-endpoint{display:flex;align-items:center;gap:10px;margin:9px 0 16px}.handoff-endpoint input{min-width:0;flex:1}.handoff-connection pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#100c29;padding:18px;border:1px solid #b59aff44;border-radius:10px;color:#fff6df}.handoff-connection pre[hidden]{display:none}.creator-build-switch :focus-visible,#externalBuildPanel :focus-visible{outline:3px solid #7cf8d2;outline-offset:4px}@media(max-width:850px){.handoff-layout{grid-template-columns:1fr}.handoff-steps ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}.handoff-steps li{margin:0 0 10px}}@media(max-width:540px){.creator-build-switch{gap:9px}.creator-build-switch button{padding:14px 12px;font-size:15px;gap:8px}.creator-build-switch button>span:first-child{font-size:20px}.creator-build-switch small{font-size:11px;line-height:1.45}#externalBuildPanel{padding:22px 16px}.handoff-steps{padding:20px}.handoff-steps ol{grid-template-columns:1fr;gap:8px}.handoff-endpoint{align-items:stretch;flex-direction:column}.handoff-endpoint input{width:100%;box-sizing:border-box}.handoff-actions>*{flex:1 1 auto}.handoff-actions button:first-child{flex-basis:100%}.handoff-compose input,.handoff-compose textarea{font-size:16px}.handoff-devices{gap:12px}.handoff-providers button{font-size:13px}.handoff-connection summary span{display:block}}@media(prefers-reduced-transparency:reduce){#externalBuildPanel,.handoff-steps{background:#211a3f}}@media(forced-colors:active){.creator-build-switch button,.handoff-providers button,.handoff-open,.handoff-steps,#externalBuildPanel{border:1px solid CanvasText;box-shadow:none}.creator-build-switch button[aria-selected=true],.handoff-providers button[aria-pressed=true]{outline:2px solid Highlight}}

body[data-creator-mode=external] .topbar :is(#connect,#disconnect){display:none}

.handoff-title-break{display:none}@media(max-width:540px){.handoff-title-break{display:block}}