*{box-sizing:border-box}.studio{max-width:1500px;margin:0 auto;padding:35px 4% 70px;color:#133f55;font:15px/1.55 'Segoe UI',Arial,sans-serif}.studio h1,.studio h2,.studio p{margin:0}.studio-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.studio-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px}.studio-heading p:not(.eyebrow){color:#4c7080}.studio-heading>a{color:#08748b;font-weight:700}.eyebrow,.panel-tag{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#397888}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel,.reference details{background:linear-gradient(140deg,#ffffffef,#e8f8f6ef);border:1px solid #aad3dc;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px white,0 10px 30px #113f5c1a}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:linear-gradient(#fff,#d9f0f4);border-bottom:1px solid #badde3}.panel-header h2{font-size:20px}.badge{font-size:11px;color:#286979;border:1px solid #a9cfd6;border-radius:20px;padding:5px 10px;background:#f5ffff}.editor-panel textarea{display:block;width:100%;height:530px;resize:vertical;border:0;border-radius:0;background:#f9feff;color:#164356;padding:22px;line-height:1.7;font:14px/1.7 Consolas,monospace;tab-size:2}.editor-panel textarea:focus{outline:3px solid #0587a2;outline-offset:-3px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;padding:15px 18px;background:#e9f7f5}.toolbar button{border-radius:9px;border:1px solid #9dc8d0;color:#275968;background:linear-gradient(#fff,#dceff2);font:600 13px 'Segoe UI',sans-serif;padding:10px 15px;cursor:pointer}.toolbar button.primary{background:linear-gradient(#4fbab1,#087871);color:white;border-color:#087871}.toolbar button:hover{filter:brightness(.96)}.toolbar .hint{font-size:11px;color:#537b85;align-self:center;margin-left:auto}.editor-help{padding:0 20px 18px;background:#e9f7f5;color:#55747d;font-size:12px}.preview-shell{position:relative;aspect-ratio:4/3;background:#fff;margin:20px;border:1px solid #b9dce4;border-radius:10px;overflow:hidden}.preview-shell iframe{width:100%;height:100%;border:0;display:block;background:white}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#517780;background:radial-gradient(circle,#f6ffff,#e5f7f5);pointer-events:none}.empty[hidden],.errors[hidden]{display:none}.empty strong{font-size:17px;color:#225c6c}.empty p{font-size:13px}.orb{display:grid;place-items:center;border:1px solid white;border-radius:50%;width:65px;height:65px;font-size:40px;color:#28879b;background:linear-gradient(#d9f7ff,#8dd1dc);box-shadow:0 8px 20px #3198a42c}.status-row{padding:0 22px 18px;display:flex;align-items:center;gap:9px;color:#416b72;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#36a77d}.errors{margin:0 20px 20px;padding:12px;border:1px solid #e6b6a6;border-radius:8px;background:#fff1ea;color:#8a3d2a;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 monospace}.reference{margin-top:48px}.reference-title{margin-bottom:20px}.reference-title h2{font-size:30px;letter-spacing:-.6px}.reference-title p:not(.eyebrow){color:#52737c}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:start}.reference details{padding:18px 20px}.reference summary{font-weight:700;cursor:pointer;color:#185c6f}.reference details p{font-size:13px;color:#466975;margin:13px 0}.reference code{color:#075e75;background:#e1f2f1;padding:1px 3px;border-radius:3px}.reference pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#ecf7fa;border:1px solid #c7e1e5;border-radius:8px;padding:12px;color:#1c4b5b;font:12px/1.65 Consolas,monospace}.reference-note{font-size:12px;color:#557780;margin-top:20px!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.studio :focus-visible{outline:3px solid #b15311;outline-offset:3px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr 1fr}.editor-panel textarea{height:380px}}@media(max-width:600px){.studio{padding:25px 4% 45px}.studio-heading{display:block}.studio-heading>a{display:inline-block;margin-top:10px}.reference-grid{grid-template-columns:1fr}.panel-header{padding:14px}.preview-shell{margin:12px}.toolbar .hint{width:100%;margin:0}}


/* CalculaGames shared visual theme */
.studio{max-width:1260px;padding:42px 24px 64px;color:#16476a;font-family:Nunito,"Segoe UI",sans-serif;line-height:1.7}
.studio h1,.studio h2{font-family:inherit;font-weight:800;line-height:1.18;letter-spacing:-.025em;color:#0875ac;text-shadow:0 1px #fff}
.studio-heading{align-items:center;margin-bottom:24px;padding:26px 30px;border:1px solid #fff;border-radius:30px;background:radial-gradient(at 90% 15%,#b7f4e080,transparent 55%),linear-gradient(135deg,#ffffffeb,#e5f7ffce);box-shadow:inset 0 1px #fff,0 14px 40px #1d779f24}
.studio-heading h1{font-size:clamp(28px,3vw,38px);margin:7px 0 10px}.studio-heading p:not(.eyebrow){color:#4b717e}
.studio .eyebrow,.studio .panel-tag{font-size:.68rem;font-weight:800;letter-spacing:.13em;color:#126c79}
.studio-heading>a,.studio .toolbar button{font-family:inherit;font-weight:800;border:1px solid white;border-radius:999px;color:#086591;background:linear-gradient(#fcffff,#e5f6fb 48%,#cdebf5 51%,#bddfe9);box-shadow:inset 0 1px 1px #fff,0 3px 7px #00396733;text-shadow:0 1px #fff}
.studio-heading>a{padding:10px 20px;text-decoration:none;white-space:nowrap;font-size:.85rem}
.studio .panel,.studio .reference details{border:1px solid #fffffffa;border-radius:25px;background:linear-gradient(135deg,#ffffffeb,#e7f9ffcc);box-shadow:inset 0 1px #fff,0 14px 40px #1d779f24,0 3px 8px #1d779f12;min-width:0}
.studio .panel-header{padding:18px 22px;background:linear-gradient(155deg,#ffffffed,#d9f2f5e6);border-bottom:1px solid #fff}.studio .panel-header h2{font-size:21px;margin-top:4px}
.studio .badge{border-color:white;color:#12694f;background:#dff5e8;font-weight:800}
.studio .editor-panel textarea{background:#fcffff;color:#16476a;height:430px;font:14px/1.75 Consolas,"Courier New",monospace;box-shadow:inset 0 2px 8px #1d779f0a}
.studio .toolbar{background:#e5f6fb;padding:16px 18px}.studio .toolbar button{min-height:42px;padding:10px 17px;font-size:13px}
.studio .toolbar button.primary{color:#fff;background:linear-gradient(#7bdcf8,#2db5e5 48%,#0794d0 51%,#0578b5);border-color:#fff;text-shadow:0 1px 2px #00375f99}
.studio .toolbar button:hover,.studio-heading>a:hover{filter:brightness(1.07)}
.studio .editor-help{background:#e5f6fb;color:#4d7683}.studio .preview-shell{border:1px solid white;border-radius:16px;box-shadow:0 0 0 1px #b4dce6,0 5px 18px #14749312}
.studio .empty{background:radial-gradient(at 75% 20%,#d6f5edaa,transparent 60%),linear-gradient(135deg,#fcffff,#e5f7ff);color:#4b717e}.studio .empty strong{color:#086591;font-weight:800}.studio .orb{background:linear-gradient(#b7edfb,#72cce9 48%,#39abd7 51%,#087db5);color:white;text-shadow:0 1px 2px #00375f66;box-shadow:inset 0 1px #fff,0 5px 15px #14749326}
.studio .reference{margin-top:36px}.studio .reference-title h2{font-size:28px;margin:8px 0 12px}.studio .reference-title p:not(.eyebrow){color:#4b717e}.studio .reference details{padding:20px}.studio .reference summary{color:#086591;font-weight:800}.studio .reference details p{color:#16476a}.studio .reference pre{border:1px solid white;background:#edf8fc;color:#16476a}.studio .reference code{background:#dff3ee;color:#126c60}.studio :focus-visible{outline:3px solid #0875ac;outline-offset:3px}
@media(max-width:900px){.studio .editor-panel textarea{height:360px}.studio-heading{padding:22px}.studio-heading>a{white-space:normal}}
@media(max-width:600px){.studio{padding:24px 14px 44px}.studio-heading{padding:22px}.studio-heading h1{font-size:30px}.studio .reference-grid{grid-template-columns:1fr}.studio .toolbar .hint{width:100%;margin:0}}

/* Project identity: one layout for previews and saved game pages. */
.studio .project-fields{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.studio .project-fields label{min-width:0}
.studio .project-summary-field,.studio .project-description-field{grid-column:1/-1}
.studio .project-fields .field-hint{display:block;font-weight:500;font-size:12px;color:#4d7683;margin-top:3px}
.studio .project-fields textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #aad3dc;border-radius:12px;background:#fcffff;color:#16476a;font:400 15px/1.6 Nunito,"Segoe UI",sans-serif;resize:vertical}
.studio .project-fields textarea:focus{outline:3px solid #0587a2;outline-offset:1px}
.studio .game-identity{padding:22px 22px 0;overflow-wrap:anywhere}
.studio .game-identity h2{font-size:clamp(24px,2.7vw,32px)}
.studio #game-summary{margin-top:10px;line-height:1.65;color:#4b717e;white-space:pre-wrap}
.studio .game-about{margin:0 22px 24px;padding:24px 0 0;border-top:1px solid #badde3;overflow-wrap:anywhere}
.studio .game-about h2{font-size:23px;margin-bottom:12px}
.studio #game-description{white-space:pre-wrap;line-height:1.8}
.studio .description-empty{color:#557780;font-style:italic;font-size:13px}
.game-view .studio-heading{align-items:flex-start}
.game-view .studio-heading>div{min-width:0;overflow-wrap:anywhere}
.game-view .studio-heading p:not(.eyebrow){white-space:pre-wrap;max-width:720px}
.game-view .studio-heading h1{font-size:clamp(32px,4vw,46px)}
.game-view .preview-panel>.panel-header,.game-view .game-identity{display:none}
.game-view .game-about{margin:0 auto;padding:28px 24px;max-width:848px}
.game-view .preview-panel .status-row{max-width:848px;margin:auto}
.game-view .studio-heading>a{flex-shrink:0}
@media(max-width:600px){.studio .project-fields{grid-template-columns:1fr;padding:18px}.studio .game-identity{padding:18px 16px 0}.studio .game-about{margin:0 16px 20px}.game-view .studio-heading{padding:22px}.game-view .studio-heading>a{margin-top:16px}.game-view .game-about{padding:22px 18px}}

.studio .studio-account-context{padding:20px 24px;margin-bottom:22px;background:linear-gradient(125deg,#f6fdff,#dbf3eb)}
.studio .studio-account-context h2{font-size:22px;margin:0 0 8px}.studio .studio-account-context p{margin:0 0 12px;font-size:14px;color:#416a7a}
.studio .studio-account-context a{display:inline-block;margin:4px 12px 0 0;color:#086591;font-weight:800;text-underline-offset:3px}
.game-view .studio-account-context{display:none}

/* Full documentation */
.full-docs{margin-top:30px;padding-top:26px;border-top:1px solid #b2dce6;min-width:0}.full-docs h2{color:#086591}.full-docs nav{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.full-docs nav a{padding:8px 12px;border:1px solid #b8dce5;border-radius:14px;background:linear-gradient(#fff,#def5f9);color:#086591;text-decoration:none;font-size:13px;font-weight:800}.full-docs>details{margin:12px 0;background:rgba(255,255,255,.88);border:1px solid #b7dce5;border-radius:16px;overflow:hidden}.full-docs summary{padding:17px 20px;cursor:pointer;font-weight:800;color:#086591;background:linear-gradient(#fff,#e9f8fa)}.full-docs details:target{outline:2px solid #38a6c1;outline-offset:3px}.docs-body{padding:2px 20px 18px;line-height:1.65;min-width:0}.docs-table{overflow-x:auto;margin:18px 0}.docs-table table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.docs-table th,.docs-table td{padding:12px;vertical-align:top;border-bottom:1px solid #d7ebef}.docs-table th{color:#086591;background:#edf8fa}.docs-table td:first-child{width:44%;min-width:220px}.docs-table code{white-space:normal;overflow-wrap:anywhere}.full-docs pre{overflow-x:auto;max-width:100%;padding:18px;background:#eff9fc;color:#16476a;border:1px solid #c6e4eb;border-radius:12px;line-height:1.6}.full-docs pre code{white-space:pre;font-size:13px}.full-docs :focus-visible{outline:3px solid #168eac;outline-offset:3px}@media(max-width:600px){.docs-body{padding:0 12px 12px}.full-docs nav a{font-size:12px}.docs-table th,.docs-table td{padding:9px}.full-docs summary{padding:15px 12px}}