/* Additive mobile skin. Desktop tools and existing modules remain available. */
.foundation-rail{padding:16px;margin:0 0 16px;border:1px solid #635035;border-radius:16px;background:#171a20;color:#f4f0e8}
.foundation-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.foundation-meta [data-save-status]{font-size:.78rem;color:#c5d5c9}
.foundation-rail nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.foundation-rail nav button{min-height:44px;background:#222731;color:#ece7dc;border:1px solid #58606e}
.foundation-rail nav button[aria-current=step]{background:#f3bc55;color:#17130c;border-color:#ffe0a2;font-weight:750}
.foundation-rail [data-page-status]{margin:8px 0;font-weight:700}
.foundation-rail [data-copilot]{margin:0;line-height:1.5;color:#ddd5c7;font-size:.92rem}
#foundationActionBar{display:none!important}
.foundation-layout-tools{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;margin-bottom:10px}
.foundation-layout-tools button{min-height:46px;flex:1 1 120px}
#canvasViewport.hand-mode{touch-action:none;overscroll-behavior:contain;cursor:grab;max-height:68svh;overflow:auto}
#canvasViewport.text-mode{touch-action:none;max-height:68svh;overflow:auto}
#foundationSheet{width:min(600px,calc(100% - 24px));max-height:85dvh;overflow:auto;padding:20px;border:1px solid #997448;border-radius:20px;background:#171c25;color:#f4f0e8}
#foundationSheet::backdrop,.foundation-draft-dialog::backdrop{background:#03080dbb}
#foundationSheet header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
#foundationSheet h2{margin:0;font-size:1.2rem}
#foundationSheet label{display:grid;gap:6px;margin:12px 0}
#foundationSheet button{min-height:44px}
.foundation-sizes{display:flex;gap:8px;margin:12px 0}
.foundation-sizes button{flex:1}
#foundationSheet details{margin:12px 0;padding:12px;background:#222a35;border-radius:12px}
#foundationSheet summary{padding:8px 0;cursor:pointer}
.foundation-dpad{display:grid;grid-template-columns:repeat(3,54px);gap:6px;justify-content:center;margin:12px 0}
.foundation-dpad button:nth-child(1){grid-column:2}
.foundation-dpad button:nth-child(2){grid-column:1;grid-row:2}
.foundation-dpad button:nth-child(3){grid-column:3;grid-row:2}
.foundation-dpad button:nth-child(4){grid-column:2;grid-row:3}
#foundationDelete,#foundationAdd{width:100%;margin-top:12px}
.foundation-starter summary{font-weight:700;cursor:pointer;padding:6px 0}
.foundation-starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.foundation-starter button{min-height:64px;text-align:left}
.foundation-draft{padding:14px;border:1px solid #bc944f;background:#282319;border-radius:12px;margin:12px 0}
.foundation-draft button{margin:4px;min-height:44px}
.foundation-draft-dialog{width:min(600px,calc(100% - 24px));max-height:85dvh;overflow:auto;background:#17212c;color:#fff;border:1px solid #b6924f;border-radius:16px;padding:20px}
.foundation-draft-dialog label{display:grid;margin-bottom:12px}
.foundation-draft-dialog textarea{min-height:100px}
#racStorageError{position:fixed;z-index:140;bottom:12px;left:12px;right:12px;max-width:660px;margin:auto;padding:18px;background:#3a211d;color:#fff;border:2px solid #ffb287;border-radius:14px;box-shadow:0 8px 40px #0008}
#racStorageError p{margin:8px 0;line-height:1.4}
#racStorageError button{margin:4px;min-height:44px}
dialog.rac-import-overlay{margin:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;box-sizing:border-box}
dialog.rac-import-overlay:not([open]){display:none}
.rac-import-options[hidden],.rac-import-preview[hidden],#foundationTextFields[hidden],#foundationNoText[hidden]{display:none!important}
.foundation-legacy-upload{display:none!important}
button:focus-visible,summary:focus-visible{outline:3px solid #ffdc8c;outline-offset:3px}
@media(max-width:767px){
  body.foundation-flow .bottom-nav{display:none!important}
  #pageEditor[data-foundation-stage=script] [data-page-stage=image],#pageEditor[data-foundation-stage=image] [data-page-stage=script]{display:none}
  #pageEditor #approvePage,#pageEditor #goHandoff,#pageEditor #openLayout{display:none}
  #handoff #copyHandoff{display:none}
  #layoutEditor .sticky-actions #saveLayout{display:none}
  #pageEditor .foundation-rail,#handoff .foundation-rail,#layoutEditor .foundation-rail{padding:12px}
  #resultPreview img{max-height:52svh;object-fit:contain}
  #foundationSheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:82dvh;border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-sizing:border-box}
  #layoutEditor .editor-toolbar{gap:6px;flex-wrap:wrap}
  #layoutEditor .editor-toolbar button{min-height:44px}
  #canvasViewport{min-height:220px}
  .foundation-layout-tools button{font-size:.88rem}
}
@media(prefers-reduced-motion:reduce){#foundationSheet,.foundation-rail{animation:none;transition:none;scroll-behavior:auto}}
