#editorWorkspace{min-width:0;min-height:520px}#canvasViewport{min-height:320px;flex:1 1 0;display:block;overflow:auto;background:radial-gradient(ellipse at center,#20283b,#0c101a 75%);border:1px solid #394463;border-radius:18px;margin:0 16px;padding:20px;box-shadow:inset 0 0 50px #0005}#canvasContainer{flex:none;max-width:none;max-height:none;margin:auto;box-shadow:0 12px 45px #0009;border-color:#8995ad;border-radius:6px}#mainCanvas{max-width:none;max-height:none;width:100%;height:100%}#originalOverlayCanvas{width:100%;height:100%}.frame-toolbar,.frame-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;font-size:12px}.frame-toolbar strong{display:block;color:#e2e8f0;font-size:14px}.frame-toolbar span{display:block;color:#94a3b8;margin-top:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-upload,.account-button{border:1px solid #4b5280;background:#222844;color:#e0e7ff;border-radius:9px;padding:9px 12px;cursor:pointer;font-size:12px}.frame-controls{color:#94a3b8;flex-wrap:wrap}.frame-controls>div{display:flex;align-items:center;gap:8px}.frame-controls button{background:#252e43;border:1px solid #3d4964;color:#e2e8f0;padding:7px 10px;border-radius:7px;cursor:pointer}.frame-controls output{min-width:44px;text-align:center}.account-dialog{position:fixed;inset:0;margin:auto;background:#111725;color:#eef2ff;border:1px solid #36415d;border-radius:24px;padding:36px;width:min(440px,calc(100vw - 28px));max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0009;text-align:center}.account-dialog::backdrop{background:#050812d9;backdrop-filter:blur(8px)}.account-dialog h1{font-size:26px;font-weight:700;margin:12px 0}.account-dialog h2{font-size:24px;font-weight:700}.account-logo{margin:auto;background:linear-gradient(130deg,#6366f1,#c026d3);border-radius:16px;width:58px;height:58px;display:grid;place-items:center;font-size:34px}.account-eyebrow{color:#a5b4fc;font-size:10px;letter-spacing:3px;margin-top:18px}.account-intro,.account-note{font-size:13px;line-height:1.7;color:#94a3b8}.account-note{font-size:11px;margin:14px 0}.provider-button{width:100%;display:flex;align-items:center;gap:16px;text-align:left;text-decoration:none;background:#1b2436;border:1px solid #37445e;padding:14px 18px;border-radius:12px;color:#f1f5f9;margin-top:12px;cursor:pointer;font-size:14px}.provider-button:hover{border-color:#818cf8}.provider-button small{display:block;font-size:10px;color:#94a3b8;margin-top:3px}.provider-button b{font-size:26px;width:24px;text-align:center}.google-mark{color:#f8fafc}.facebook-mark{color:#60a5fa}.guest-button{display:block;width:100%;padding:14px;border-radius:12px;color:white;background:linear-gradient(120deg,#6366f1,#a855f7);font-weight:600;border:0;cursor:pointer;margin-top:14px}.account-divider{font-size:11px;color:#94a3b8;margin-top:20px}.dialog-close{position:absolute;right:16px;top:12px;color:#cbd5e1;font-size:24px;background:none;border:0;cursor:pointer}.account-links{display:flex;justify-content:center;gap:20px;font-size:12px;color:#a5b4fc;margin-top:18px}.account-links button{background:none;border:0;cursor:pointer}#sessionInfo,#authSetupBox{font-size:12px;line-height:1.6;color:#c4b5fd;margin-top:12px}[hidden]{display:none!important}button:focus-visible,a:focus-visible,label:focus-within{outline:2px solid #a5b4fc;outline-offset:3px}@media(max-width:1023px){#viewStudio{height:auto!important;overflow:visible!important}#editorWorkspace{min-height:520px;order:-1}#canvasViewport{height:360px;flex:0 0 360px}header{height:auto!important;min-height:56px;flex-wrap:wrap;gap:8px;padding:10px!important}header nav{order:3;width:100%;overflow:auto}header nav button{white-space:nowrap}#viewStudio>aside{max-height:440px}.frame-controls>span{display:none}}@media(min-width:1024px){#viewStudio{height:calc(100dvh - 56px)}#editorWorkspace{min-height:0}}@media(max-width:480px){.frame-toolbar{padding:12px}.frame-toolbar span{max-width:170px}.account-dialog{padding:28px 22px}.account-button{padding:8px;font-size:11px}}