/* Navy & cream production studio – all modules keep native site navigation. */
#moduleStudio{max-width:1160px;margin:0 auto;padding:14px 12px 28px;color:#132b45}
#moduleStudio .studioHero{background:linear-gradient(125deg,#f8fafc,#eef3f8)}
#moduleStudio .studioHero h2{font-size:clamp(19px,2.8vw,30px);color:#0b2340}
#moduleStudio .studioCaution{border-left:4px solid #e7b95a;background:#fff9eb;padding:10px 12px;border-radius:6px;line-height:1.55}
#moduleStudio .studioLayout{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(360px,1.12fr);gap:14px;align-items:start}
#moduleStudio .studioPreviews{display:grid;gap:10px}
#moduleStudio .studioEditor{position:sticky;top:85px;max-height:calc(100vh - 95px);overflow-y:auto}
#moduleStudio .studioFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#moduleStudio label{font-size:12px;font-weight:800;line-height:1.4;color:#203a56}
#moduleStudio label input,#moduleStudio label select{display:block;width:100%;min-width:0;min-height:41px;font-size:13px;font-weight:600;margin-top:5px;padding:8px;border:1px solid #bccbda;border-radius:9px;background:#fff;color:#122940}
#moduleStudio .studioPreview,#moduleStudio .studioScene{width:100%;background:#f5f7fa;border:1px solid #dce3eb;border-radius:12px;overflow:hidden}
#moduleStudio .studioPreview svg,#moduleStudio .studioScene svg{display:block;width:100%;height:auto}
#moduleStudio .studioMetrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#moduleStudio .studioMetrics>*{padding:7px 9px;border:1px solid #dbe5ef;border-radius:7px;background:#edf3f9;color:#183653;font-size:12px}
#moduleStudio .studioActions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}
#moduleStudio .studioActions .btn{min-height:42px;padding:10px 14px}
#moduleStudio .studioAppend{display:flex;align-items:center;gap:8px;width:100%;margin-top:5px}
#moduleStudio .studioAppend input{width:18px;min-height:18px;margin:0}
#moduleStudio .studioCardHead{display:flex;align-items:center;justify-content:space-between;gap:9px}
#moduleStudio .studioList{display:grid;gap:6px;margin-top:12px}
#moduleStudio .studioItem{background:#f8fafc;border:1px solid #dce4ee;border-radius:11px;padding:9px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#moduleStudio .studioItem.selected{border-color:#254d80;box-shadow:inset 0 0 0 1px #254d80;background:#ecf3fc}
#moduleStudio .studioItemInfo{display:flex;flex-direction:column;gap:3px}
#moduleStudio .studioItemInfo b{font-size:13px}
#moduleStudio .studioItemInfo small{font-size:11px;color:#64748b}
#moduleStudio .studioItemActions{display:flex;flex-wrap:wrap;gap:5px}
#moduleStudio .studioItemActions button{border:1px solid #315577;background:#0b2a4a;color:#fff;padding:7px 10px;border-radius:7px;min-height:34px;cursor:pointer;font-size:11px;font-weight:700}
#moduleStudio .studioItemActions button:last-child{background:#183c5f}
#moduleStudio .studioPreviewError,#moduleStudio .studioNotice.error{color:#942222}
#moduleStudio .studioPreviewError{padding:20px}
#moduleStudio .studioNotice{padding:10px 12px;margin:10px 0;background:#e9f4fc;border:1px solid #93b5d6;border-radius:9px;color:#173958;font-size:12px}
#moduleStudio .studioNotice.error{background:#fff2f0;border-color:#e6aca9}
#moduleStudio .studioAudit{padding:12px;border-left:4px solid #3f9d83;background:#eaf6f3;border-radius:8px;color:#174b40;font-size:12px;line-height:1.6;margin-top:10px}
#moduleStudio .studioQuickLink,#moduleStudio .studioItem button:focus-visible{outline-offset:3px}
.moduleQuickNav .studioQuickLink{background:#0c2c4f;color:white;border-color:#0c2c4f;white-space:nowrap;font-weight:900}
@media(max-width:850px){#moduleStudio .studioLayout{grid-template-columns:1fr}#moduleStudio .studioEditor{position:static;max-height:none;overflow:visible}#moduleStudio .studioPreviews{grid-template-columns:1fr}}
@media(max-width:450px){#moduleStudio .studioFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#moduleStudio label{font-size:11px}#moduleStudio .studioItemActions{width:100%}#moduleStudio .studioActions button{width:100%}}
@media print{#moduleStudio .studioEditor,#moduleStudio .studioActions,#moduleStudio .back{display:none!important}}

/* Never reveal conditional runner and tool fields in older browser styles. */
#moduleStudio [hidden]{display:none!important}
#moduleStudio .studioActions button,#moduleStudio .studioItemActions button{background:#0b2948!important;color:#fff!important;border:1px solid #234c77!important;border-radius:10px!important}
#moduleStudio .studioNotice[hidden]{display:none!important}

/* v9 Atelier — module studio matches 3D realism language */
#moduleStudio{color:#1a1512;font-family:Manrope,system-ui,sans-serif;background:transparent}
#moduleStudio .studioHero{background:linear-gradient(135deg,#fffcf7,#efe6d8);border:1px solid #d4c8b8;border-radius:16px}
#moduleStudio .studioHero h2{font-family:'Cormorant Garamond',Georgia,serif;color:#1a1512;letter-spacing:.02em}
#moduleStudio .studioCaution{border-left-color:#b8894a;background:#fff8ee;color:#3a322c}
#moduleStudio label{color:#3a322c}
#moduleStudio label input,#moduleStudio label select{border-color:#d4c8b8;border-radius:11px;background:#fffcf7}
#moduleStudio .studioPreview,#moduleStudio .studioScene{background:linear-gradient(160deg,#ddd6cb,#cfc5b6);border-color:#cbbba4;border-radius:16px}
#moduleStudio .studioPreview canvas{display:block;width:100%;border-radius:14px}
#moduleStudio .studioMetrics>*{background:#f7f1e8;border-color:#d4c8b8;color:#1a1512}
#moduleStudio .studioItem{background:#fffcf7;border-color:#d4c8b8}
#moduleStudio .studioItem.selected{border-color:#b8894a;box-shadow:inset 0 0 0 1px #b8894a;background:#f7f0e6}
#moduleStudio .studioItemActions button{background:#1a1512;border-color:#1a1512}
#moduleStudio .studioNotice{background:#f7f1e8;border-color:#d4c8b8;color:#1a1512}
#moduleStudio .btn.primary{background:#1a1512!important;border-color:#1a1512!important}
#moduleStudio .btn.secondary{background:#f7f1e8!important;color:#1a1512!important;border-color:#d4c8b8!important}
.moduleQuickNav .studioQuickLink{background:#1a1512;border-color:#1a1512}
