.creator-body{background:radial-gradient(circle at 12% 5%,rgba(238,172,65,.2),transparent 34rem),linear-gradient(145deg,#f1eee4,#e7eee9);min-height:100vh}.creator-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:.65rem clamp(1rem,4vw,3rem);position:sticky;top:0;z-index:30;background:rgba(255,253,248,.9);border-bottom:1px solid rgba(23,33,31,.12);backdrop-filter:blur(14px)}.creator-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}.creator-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#0b6658;color:#fff;font:bold 1.8rem Georgia,serif}.creator-brand strong,.creator-brand small{display:block}.creator-brand small{color:var(--muted)}.creator-owner{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.8rem}.creator-shell{width:min(1540px,100%);margin:auto;padding:clamp(1rem,3vw,2.5rem)}.creator-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-bottom:1rem}.creator-hero h1{margin-bottom:.5rem}.creator-hero p{max-width:65ch;color:var(--muted)}.creator-project-actions{display:flex;gap:.45rem;align-items:end;flex-wrap:wrap}.creator-project-actions label{font-size:.75rem;font-weight:800}.creator-project-actions select{display:block;min-width:220px;margin-top:.25rem;border:1px solid var(--line);border-radius:9px;padding:.65rem;background:#fff}.creator-metadata{position:relative;margin-bottom:1rem}.creator-save-state{position:absolute;right:1.2rem;top:1rem;color:var(--muted);font-size:.72rem}.creator-metadata input,.creator-metadata select,.creator-dialog input{display:block;width:100%;margin-top:.3rem;padding:.65rem;border:1px solid #c2c9c3;border-radius:8px;background:#fff}.creator-metadata label{font-size:.76rem;font-weight:800}.creator-handoff{margin-top:1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem;align-items:center}.creator-handoff p{color:var(--muted);max-width:75ch}.creator-handoff-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.creator-file-button{display:inline-flex;align-items:center;padding:.72rem 1rem;border-radius:10px;cursor:pointer}.creator-share-result{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:1rem;border-radius:12px;background:#e5f1ed}.creator-share-result label{font-size:.75rem;font-weight:800}.creator-share-result input{display:block;width:100%;margin-top:.3rem;padding:.6rem;border:1px solid #b6cac2;border-radius:8px}.creator-share-result p{grid-column:1/-1;margin:0;font-size:.74rem}.creator-flash{position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:80;width:min(680px,calc(100% - 2rem));padding:.85rem 1rem;border-radius:11px;background:#174f40;color:#fff;box-shadow:0 15px 40px rgba(20,40,34,.3)}.creator-flash.error{background:#8c242b}.creator-dialog{width:min(680px,calc(100% - 2rem));border:1px solid var(--line);border-radius:20px;padding:1.5rem;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.creator-dialog::backdrop{background:rgba(8,19,16,.64)}.creator-dialog ul{line-height:1.6}.creator-dialog form:not([method=dialog]){display:grid;gap:1rem}.creator-dialog label{font-size:.78rem;font-weight:800}.creator-check{display:flex;align-items:flex-start;gap:.55rem;line-height:1.45}.creator-check input{width:auto;margin:.2rem 0 0}.creator-body .xcross-maker{box-shadow:var(--shadow)}.creator-body .maker-toolbar{top:72px}.creator-preview-banner{padding:1rem;border-radius:12px;background:#fff0d3;border:1px solid #e7c987;margin-bottom:1rem}.creator-preview-banner button{margin-left:.5rem}
@media(max-width:850px){.creator-hero,.creator-handoff{grid-template-columns:1fr}.creator-project-actions,.creator-handoff-actions{justify-content:flex-start}.creator-save-state{position:static;margin-bottom:.6rem}.creator-share-result{grid-template-columns:1fr}.creator-share-result p{grid-column:auto}.creator-owner span{display:none}}

/* Creator Lab finishing pass. */
.creator-flash{left:auto;right:clamp(1rem,3vw,2.5rem);top:calc(72px + 1rem);bottom:auto;transform:none;width:min(390px,calc(100% - 2rem));border:1px solid rgba(255,255,255,.28)}
.creator-dialog{max-height:calc(100dvh - 2rem);overflow:auto}
.creator-project-actions button,.creator-file-button{min-height:44px}
.creator-body .maker-toolbar{top:72px}

@media(max-width:850px){
  .creator-hero{gap:1.25rem}
  .creator-project-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
  .creator-project-actions label{grid-column:1/-1}
  .creator-project-actions select{width:100%;min-width:0}
  .creator-project-actions button{width:100%;padding-inline:.55rem}
  .creator-handoff-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .creator-handoff-actions>*{width:100%;justify-content:center;text-align:center}
}

@media(max-width:760px){
  .creator-shell{padding-inline:clamp(.75rem,4vw,1rem)}
  .creator-body .maker-toolbar{top:72px}
  .creator-flash{right:.75rem;top:calc(72px + .75rem);width:calc(100% - 1.5rem);font-size:.85rem}
  .creator-metadata{padding:1rem}
  .creator-handoff-actions{grid-template-columns:1fr}
}

@media(max-width:360px){
  .creator-header{padding-inline:.75rem}
  .creator-brand{gap:.45rem}
  .creator-brand small{display:none}
  .creator-owner button{padding:.55rem .65rem;font-size:.72rem}
  .creator-project-actions{gap:.35rem}
  .creator-project-actions button{font-size:.9rem}
  .creator-hero h1{font-size:clamp(2.35rem,13vw,3rem)}
}

/* Creator World workflow and readiness polish. */
.creator-local-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .55rem;border:1px solid #bbd4cc;border-radius:999px;background:#e7f2ee;color:#285c50;font-weight:800;font-size:.7rem;letter-spacing:.02em}
.creator-local-badge::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:#2c7654;box-shadow:0 0 0 3px rgba(44,118,84,.12)}
.creator-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:0 0 1rem}
.creator-journey a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,248,.75);text-decoration:none;transition:border-color .15s ease,transform .15s ease,background .15s ease}
.creator-journey a:hover,.creator-journey a:focus-visible{border-color:#78aa9e;background:#fff;transform:translateY(-1px)}
.creator-journey a>span{grid-row:1/3;align-self:center;display:grid;place-items:center;width:2rem;height:2rem;border-radius:10px;background:#dcebe6;color:var(--brand-2);font-weight:900}
.creator-journey strong{font-size:.82rem}.creator-journey small{color:var(--muted);font-size:.7rem;margin-top:.15rem}
.creator-quality{display:flex;gap:.55rem;flex-wrap:wrap;padding-top:.8rem;margin-top:.85rem;border-top:1px solid var(--line)}
.creator-quality span{display:inline-flex;align-items:baseline;gap:.25rem;padding:.34rem .55rem;border-radius:999px;background:#eef1ed;color:#55625f;font-size:.72rem}
.creator-quality strong{color:var(--ink);font-size:.82rem}.creator-quality .creator-quality-good{background:#e5f2ea;color:#2c7654}.creator-quality .creator-quality-attention{background:#fff0d3;color:#895407}.creator-quality .creator-quality-error{background:#fbe8e7;color:#8c242b}
.creator-body.playtest-active .creator-metadata{outline:3px solid rgba(11,102,88,.15)}
.creator-body.playtest-active #creator-maker{outline:3px solid rgba(233,162,59,.28);outline-offset:3px}
.creator-body.playtest-active .maker-toolbar,.creator-body.playtest-active .maker-bank,.creator-body.playtest-active .maker-inspector{filter:saturate(.65)}
.creator-new-dialog>p:not(.eyebrow){color:var(--muted)}
.creator-template-grid{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.creator-template-grid legend{font-size:.78rem;font-weight:850;margin-bottom:.55rem}
.creator-template-grid label{position:relative;display:block!important;margin:0!important;cursor:pointer}
.creator-template-grid input{position:absolute;inset:.8rem auto auto .8rem;width:1rem!important;margin:0!important;z-index:1}
.creator-template-grid span{display:block;min-height:76px;padding:.8rem .75rem .75rem 2.35rem;border:1px solid #c7ccc6;border-radius:12px;background:#fff;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}
.creator-template-grid input:checked+span{border-color:var(--brand);background:#edf6f2;box-shadow:0 0 0 2px rgba(11,102,88,.14)}
.creator-template-grid input:focus-visible+span{outline:3px solid #e9a23b;outline-offset:2px}
.creator-template-grid strong,.creator-template-grid small{display:block}.creator-template-grid small{margin-top:.25rem;color:var(--muted);font-weight:600}

@media(max-width:850px){
  .creator-project-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
  .creator-journey{gap:.45rem}.creator-journey a{padding:.65rem}.creator-journey small{display:none}
}
@media(max-width:600px){
  .creator-journey{overflow-x:auto;grid-template-columns:repeat(3,minmax(150px,1fr));scroll-snap-type:x proximity;padding-bottom:.3rem}
  .creator-journey a{scroll-snap-align:start}
  .creator-template-grid{grid-template-columns:1fr}
  .creator-local-badge{display:none}
}
@media(max-width:420px){
  .creator-project-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creator-quality{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .creator-quality span{justify-content:center}
}

.creator-playtest-dialog{width:min(1480px,calc(100% - 1.5rem));height:min(920px,calc(100dvh - 1.5rem));max-height:none;padding:clamp(1rem,2.5vw,1.6rem)}
.creator-playtest-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-right:4.5rem}.creator-playtest-heading h2{margin-bottom:0}.creator-playtest-actions{display:flex;gap:.45rem;flex-wrap:wrap}
.creator-playtest-status{padding:.65rem .8rem;border-radius:10px;background:#edf4f1;color:#31564e;margin:.85rem 0}.creator-playtest-status.has-errors{background:#fbe8e7;color:#8c242b}.creator-playtest-status.complete{background:#e1f2e8;color:#1d6643}
.creator-playtest-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,310px);gap:1rem;min-height:0;height:calc(100% - 116px)}
.creator-playtest-viewport{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#dfe5df;box-shadow:inset 0 1px 7px rgba(20,35,31,.12)}
.creator-playtest-board{--play-cell:36px;position:relative;display:grid;grid-template-columns:repeat(var(--play-width),var(--play-cell));grid-template-rows:repeat(var(--play-height),var(--play-cell));width:max-content;background:#18221f;border:2px solid #18221f;gap:1px}
.creator-playtest-cell,.creator-playtest-block,.creator-playtest-empty,.creator-playtest-region{min-width:0;min-height:0;border:0;border-radius:0}
.creator-playtest-cell{position:relative;width:var(--play-cell);height:var(--play-cell);padding:0;text-align:center;text-transform:uppercase;background:#fff;color:#17211f;font:800 calc(var(--play-cell)*.5)/1 ui-monospace,SFMono-Regular,Consolas,monospace;caret-color:var(--brand)}
.creator-playtest-cell:focus{z-index:2;outline:3px solid #e9a23b;outline-offset:-3px}.creator-playtest-cell.wrong{background:#ffe3df;color:#8c242b}.creator-playtest-cell.correct{background:#e0f2e8;color:#1d6643}
.creator-playtest-block{background:#17211f}.creator-playtest-empty{background:#edf0ec}
.creator-playtest-region{z-index:1;overflow:hidden;padding:.28rem;background:#fff5dd;color:#4f3b17;font:700 clamp(.48rem,calc(var(--play-cell)*.22),.72rem)/1.15 ui-sans-serif,system-ui,sans-serif;display:grid;place-items:center;text-align:center;border:2px solid #b57b1c}
.creator-playtest-region.media{background:#dbeae5;border-color:#407d70}.creator-playtest-region img{width:100%;height:100%;object-fit:cover}.creator-playtest-region span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.creator-playtest-layout>aside{overflow:auto;padding:.9rem;border:1px solid var(--line);border-radius:14px;background:#fff}.creator-playtest-clues{display:grid;gap:.55rem}.creator-playtest-clue{display:grid;grid-template-columns:auto 1fr;gap:.5rem;padding:.55rem;border-radius:9px;background:#f3f4ef;font-size:.78rem;line-height:1.4}.creator-playtest-clue strong{color:var(--brand)}.creator-playtest-clue small{display:block;color:var(--muted);margin-top:.15rem}
@media(max-width:820px){.creator-playtest-layout{grid-template-columns:1fr;height:auto}.creator-playtest-dialog{height:calc(100dvh - .75rem);width:calc(100% - .75rem)}.creator-playtest-viewport{height:56dvh}.creator-playtest-layout>aside{max-height:28dvh}.creator-playtest-heading{align-items:flex-start;flex-direction:column;margin-right:3.5rem}.creator-playtest-actions{width:100%}.creator-playtest-actions button{flex:1}}