@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}*{box-sizing:border-box}[hidden]{display:none!important}:root{--workspace-blue:#086e67;--workspace-ink:#e7eaf0;--workspace-bg:#1c202a;--workspace-line:#343b4a}html,body{margin:0;height:100%;overflow:hidden}body{display:flex;flex-direction:column;background:var(--workspace-bg);color:var(--workspace-ink);font:13px Manrope,Arial,sans-serif}::selection{background:#6789ec;color:#fff}a{color:var(--workspace-ink);text-underline-offset:3px}button,select{font:inherit}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #f2b164;outline-offset:3px}.toolbar{color:#e7eaf0;min-height:62px;display:flex;align-items:center;gap:24px;padding:8px 20px;background:#123d3b}.editor-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:#fff;text-decoration:none;white-space:nowrap}.editor-title{border-left:1px solid #556991;padding-left:24px}.editor-title h1{font-size:13px;margin:0;color:#fff}.editor-title span{font-size:10px;color:#d1dbef}.toolbar nav{display:flex;align-items:center;gap:22px;margin-left:auto}.toolbar nav a{font-size:12px}.toolbar label{display:flex;align-items:center;gap:9px;font-size:11px}.toolbar select{background:#21504c;color:#fff;border:1px solid #6f9b91;border-radius:4px;padding:5px 8px;min-height:36px}.toolbar button,#retry{min-height:36px;border:0;border-radius:4px;background:#e4ebff;color:#123d3b;padding:7px 14px;font-weight:700;cursor:pointer}.toolbar button:hover,#retry:hover{background:#fff}.toolbar button:disabled{opacity:.55;cursor:wait}.workspace-note{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 20px;background:#232a36;color:#c5cedc;font-size:10px}.workspace-note a{color:#d6def0}.mobile-note{display:none}#stage{flex:1;position:relative;min-height:0;background:#262626}iframe{display:block;width:100%;height:100%;border:0}#status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#222833;padding:30px;text-align:center}#status>div{max-width:480px}#status h2{font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:0 0 20px}#status p{color:#bec9dc;line-height:1.7;margin:0 0 25px}#status a{display:block;margin-top:20px;color:#a7c1ff}#stage:fullscreen{width:100vw;height:100dvh}.toolbar button[data-active]{background:#fff}.mobile-note{margin:0}.editor-brand img{display:block}@media(max-width:780px){.toolbar{gap:12px;flex-wrap:wrap;padding:10px 14px}.editor-title{padding-left:12px}.toolbar nav{width:100%;justify-content:space-between;gap:12px}.toolbar label{gap:6px}.workspace-note{padding:5px 14px;font-size:9px;gap:10px}.mobile-note{display:block;padding:7px 14px;background:#303849;color:#d0d9e7;font-size:10px;line-height:1.4}#status{padding:25px}#status h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.home-with-editor,.home-with-editor body{height:auto;overflow:auto}.home-with-editor body{display:block;background:#f5f4ef;color:#202b3b;font-size:16px}.home-with-editor .toolbar{position:relative}.home-with-editor .toolbar a{color:#e7eaf0}.home-with-editor .workspace-note a{color:#d6def0}.home-with-editor #stage{height:calc(100svh - 93px);min-height:460px;flex:none}.home-with-editor #status a{color:#a7c1ff}.home-with-editor #status{color:#e7eaf0}.home-with-editor #stage:fullscreen{height:100dvh;min-height:0}.home-with-editor .toolbar nav{font-size:13px}.home-with-editor .toolbar h1{letter-spacing:0;line-height:1.4}.home-with-editor .toolbar select{font-size:12px}.home-with-editor .toolbar button{font-size:12px}@media(max-width:780px){.home-with-editor #stage{height:calc(100svh - 168px);min-height:470px}}

@media(max-width:780px){.mobile-views{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px 14px}.mobile-views span{font-size:10px;margin-right:auto}.mobile-views button{background:#263448;color:#e8edf6;border:1px solid #68768c;border-radius:4px;min-height:44px;padding:7px 11px;font-size:11px;cursor:pointer}.mobile-views button[aria-pressed="true"]{background:#dae5ff;color:#172b61}.toolbar #fullscreen{display:none}#stage{overflow-x:auto;overflow-y:hidden;scrollbar-width:auto;scrollbar-color:#97a9ce #263448}#stage iframe{width:1024px;min-width:1024px}.home-with-editor #stage{height:calc(100svh - 206px);min-height:420px}#stage::-webkit-scrollbar{height:14px}#stage::-webkit-scrollbar-track{background:#263448}#stage::-webkit-scrollbar-thumb{background:#97a9ce;border:2px solid #263448;border-radius:7px}}