/* A compact publishing journey. Private builds remain inside an isolated frame. */
.publish-service,.publish-limits,.publish-notice{padding:12px 16px;border:1px solid #2c4a5e;border-radius:12px;background:#102739;color:#c8dce9;font-size:.9rem}
.publish-service[data-state="ready"]{border-color:#328977;color:#a4f2dc}.publish-service[data-state="error"]{border-color:#c58a48;color:#ffe0ae}
.publish-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.publish-steps button{min-height:48px;border:1px solid #355369;border-radius:12px;background:#0e2537;color:#c2d6e6;font:inherit;font-weight:700;cursor:pointer;padding:10px}.publish-steps button[aria-current="step"]{background:#56d9c0;color:#05211c;border-color:#56d9c0}.publish-steps button:disabled{opacity:.5;cursor:default}
.publish-step{min-width:0}.publish-step h2{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.2;margin:0 0 12px}.publish-step>p{max-width:76ch;color:#b6ccd9;line-height:1.55}.publish-step[hidden],.publish-step [hidden]{display:none!important}.create-form{gap:18px}.publish-step .file-drop{min-height:130px;margin:18px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed #3c6477;border-radius:18px;background:#0e2738;text-align:center;cursor:pointer;position:relative}.file-drop:focus-within,.file-drop.is-dragging{outline:3px solid #56d9c0;outline-offset:3px}.file-drop strong{color:#effbff;overflow-wrap:anywhere}.file-drop span{font-size:.9rem;color:#abc5d4}.file-drop input{max-width:100%;padding:8px}.publish-cover{display:grid;gap:6px;margin:14px 0}.publish-cover small,.create-meta small{color:#a8bfce;font-size:.8rem}.publish-cover input{max-width:100%}.create-file-help{padding:12px 0;color:#b8ceda;line-height:1.6}.create-file-help summary{color:#7be6cf;cursor:pointer;font-weight:700}.publish-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0 6px}.publish-actions .button{min-height:46px}.publish-checklist{border:1px solid #2c4a5e;border-radius:14px;display:grid;gap:13px;padding:18px;margin:18px 0}.publish-checklist legend{font-weight:700;padding:0 8px}.publish-checklist label,.create-credit-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.publish-checklist input,.create-credit-consent input{flex:0 0 20px;width:20px;height:20px;margin:2px 0;accent-color:#56d9c0}.preview-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.preview-toolbar [aria-pressed="true"]{border-color:#56d9c0;color:#83efd6}.publish-preview-wrap{width:100%;max-width:100%;margin:auto;transition:max-width .15s;background:#091c2c;border-radius:16px;overflow:hidden;border:1px solid #436279}.publish-preview-wrap.is-phone{max-width:390px}.publish-preview-wrap iframe{display:block;width:100%;height:480px;border:0;background:white}.publish-preview-wrap.is-phone iframe{height:650px}.publish-preview-wrap:fullscreen{max-width:none;border-radius:0}.publish-preview-wrap:fullscreen iframe{height:100vh}.create-meta{margin:0;display:grid;gap:14px;min-width:0}.create-meta input,.create-meta textarea,.create-meta select{width:100%;min-width:0;box-sizing:border-box;font:inherit;color:#edfaff;background:#102b3f;border:1px solid #426079;border-radius:10px;padding:12px}.create-meta label{display:grid;gap:6px;min-width:0}.create-meta label.create-credit-consent{display:flex}.create-meta input[type="checkbox"]{width:20px}.create-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}.publish-diagnostics{border:1px solid #36556b;padding:16px;border-radius:14px;background:#0e2435}.publish-diagnostics li{margin:10px 0;line-height:1.5;overflow-wrap:anywhere}.publish-diagnostics li[data-severity="error"]{color:#ffb9b9}.publish-diagnostics li[data-severity="warning"]{color:#ffe0a0}.publish-diagnostics textarea{width:100%;box-sizing:border-box;color:#e6f3fc;background:#091b2a;border:1px solid #426079;border-radius:10px;padding:12px;font:inherit}.submission-summary{display:grid;gap:9px;padding:18px;border:1px solid #36556b;border-radius:14px;overflow-wrap:anywhere}.submission-summary p{margin:0}.studio-game-editor{max-width:1080px;margin:auto}.studio-game-editor button:focus-visible,.studio-game-editor a:focus-visible{outline:3px solid #ffd166;outline-offset:3px}#draftSaveStatus{font-size:.86rem;color:#a9c7d7}#createError{border-left:3px solid #ff9696;padding:12px}#createSuccess{color:#9cf0d3}
@media(max-width:600px){.studio-game-editor .section-heading{display:block}.studio-game-editor{padding-top:18px!important}.studio-game-editor .section-heading h1{font-size:1.85rem;margin:12px 0}.publish-steps{gap:5px;margin:16px 0}.publish-steps button{font-size:.78rem;padding:9px 3px;display:grid;gap:4px}.publish-steps button span{line-height:1.2}.publish-step .file-drop{min-height:115px}.publish-actions{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom));z-index:3;background:#0b2031f5;border:1px solid #36556b;border-radius:14px;padding:10px;box-shadow:0 6px 25px #0005}.publish-actions .button{flex:1 1 120px;text-align:center;padding:10px;font-size:.85rem}.publish-preview-wrap iframe{height:400px}.publish-preview-wrap.is-phone iframe{height:580px}.publish-checklist{padding:14px}.create-meta{padding:14px}.create-meta-grid{grid-template-columns:1fr}.preview-toolbar .button{font-size:.8rem;padding:9px;flex:1 1 auto}.studio-game-editor{padding-bottom:100px!important}.publish-step>p{font-size:.9rem}.publish-step input,.publish-step textarea,.publish-step select{font-size:16px}.publish-service{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.publish-preview-wrap{transition:none}}