.studio-tab[hidden],.studio-page [hidden]{display:none!important}.studio-page{max-width:1280px;color:#e9f2ff}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-heading h1{font-size:clamp(1.8rem,3vw,2.8rem);margin:4px 0}.studio-heading p,.studio-help,.studio-library>p{color:#b6c9df;line-height:1.6}.studio-page label,.owner-page label{display:grid;gap:8px;font-weight:800;font-size:.9rem}.studio-page input,.studio-page select,.studio-page textarea,.owner-page select{width:100%;box-sizing:border-box;background:#14233e;color:#f0f6ff;border:1px solid #445b7b;border-radius:12px;padding:12px;font:inherit;min-height:46px}.studio-page textarea{resize:vertical}.studio-page button:disabled{opacity:.55;cursor:wait}.studio-page :is(input,select,textarea,button):focus-visible{outline:3px solid #90e8cf;outline-offset:3px}#studioStatus{min-height:24px;color:#a9eddc}.studio-steps{display:flex;gap:24px;border-top:1px solid #304766;border-bottom:1px solid #304766;padding:18px 0;margin:16px 0 24px;font-size:.9rem;color:#a1b8d4}.studio-steps span:first-child{color:#9cebd3}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:26px;align-items:start}.studio-preview{position:sticky;top:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#304b67 0%,#17263e 50%,#0c172c 80%);border:1px solid #4c6585;border-radius:26px;text-align:center;box-shadow:inset 0 0 80px #1e4c6c33,0 18px 50px #0003}.studio-preview-top{display:flex;justify-content:space-between;gap:10px;padding:20px 20px 0;font-size:.65rem;letter-spacing:.12em;color:#b4dbec}.studio-preview-top span:last-child{color:#9de9cb}.studio-preview canvas{display:block;width:100%;height:auto;aspect-ratio:1;max-height:470px;object-fit:contain;touch-action:none;cursor:grab}.studio-preview-caption h2{margin:-10px 16px 0;font-size:1.7rem;overflow-wrap:anywhere}.studio-preview-caption p{color:#f5d994;margin:4px 0 16px;font-weight:900}.studio-preview-actions{display:flex;justify-content:center;gap:8px}.studio-preview>p{color:#a8bfd8;padding:0 18px 16px;font-size:.85rem;line-height:1.5}.studio-categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.studio-categories button{border:1px solid #3d5373;border-radius:12px;padding:10px 12px;background:#172844;color:#c7d6ec;font:inherit;font-weight:800;font-size:.85rem;cursor:pointer}.studio-categories button[aria-pressed=true]{background:#a2e9d6;color:#102c32;border-color:#a2e9d6}.studio-page form{background:#101e34;border:1px solid #304665;border-radius:24px;padding:24px;display:grid;gap:17px}.studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.studio-help{font-size:.83rem;margin:0}.studio-save-row{display:flex;gap:10px;flex-wrap:wrap}.studio-library{margin:36px 0}.studio-library h2{margin:3px 0;font-size:1.9rem}.studio-library .studio-heading label{min-width:150px}.studio-item{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:22px;background:#14223a;border:1px solid #354d6c;border-radius:20px;margin:12px 0}.studio-item h3{margin:6px 0;font-size:1.3rem;overflow-wrap:anywhere}.studio-item p{color:#c2d0e2;margin:5px 0;line-height:1.5;overflow-wrap:anywhere}.studio-item small{color:#b4c6dc}.studio-item-icon{font-size:2rem;width:70px;height:80px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--creation-colour),transparent 80%);border:1px solid var(--creation-colour)}.studio-state{font-size:.65rem;letter-spacing:.1em;border-radius:6px;background:#3e385f;color:#d5c6fd;padding:4px 7px}.studio-state-published{background:#16453b;color:#99edc9}.studio-state-archived{background:#344051;color:#c9d2df}.studio-item-actions{display:flex;flex-direction:column;gap:8px}.studio-empty{padding:50px 24px;border:1px dashed #46627e;border-radius:22px;text-align:center}.studio-empty>span{font-size:3rem;color:#a0e6d8}.studio-empty p{color:#bbccde}.owner-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.owner-warning{border:1px solid #b68c49;background:#42381f;color:#fff0bc;padding:18px;border-radius:14px;line-height:1.6}.owner-heading label{min-width:170px}.owner-page .owner-metrics article{padding:20px}.owner-page h2{line-height:1.3}@media(max-width:850px){.studio-layout{grid-template-columns:1fr}.studio-preview{position:relative;top:0}.studio-preview canvas{max-height:340px}.studio-item{grid-template-columns:60px 1fr}.studio-item-icon{width:60px;height:65px}.studio-item-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.studio-steps{gap:12px;font-size:.8rem}.studio-heading{align-items:flex-start}.owner-heading:has(select){flex-direction:column;align-items:stretch}}@media(max-width:450px){.studio-heading{flex-direction:column;gap:10px}.studio-page form{padding:16px}.studio-steps{flex-wrap:wrap}.studio-fields{gap:12px}.studio-preview canvas{max-height:300px}.studio-preview-caption h2{font-size:1.4rem}.studio-preview-actions .soft-btn{font-size:.8rem}.studio-item{padding:16px;gap:12px}.studio-save-row>button{width:100%}}
.studio-tab b{white-space:normal;line-height:1.2;text-align:left}.studio-upload-prompt{min-height:340px;display:grid;place-content:center;padding:30px;gap:12px}.studio-upload-prompt>span{font-size:3.5rem;color:#a9eddc}.studio-upload-prompt h2{margin:0;font-size:1.5rem}.studio-upload-prompt p{color:#b6c9df;max-width:32ch;margin:0 auto;line-height:1.6}.studio-import-badge{font-size:.7rem;letter-spacing:.08em;color:#b6f7d8;background:#245547;padding:10px 14px;border-radius:99px;white-space:nowrap}