*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ds-navy:#185d7a;--ds-orange:#f97316;--ds-teal:#4fcbb0;--ds-page-bg:#f1f5f9;--ds-card-bg:#fff;--ds-border:#d1d5db;--ds-border-soft:#e2e8f0;--ds-text:#1e293b;--ds-text-sub:#475569;--ds-text-muted:#64748b;--ds-text-faint:#94a3b8;--studio-max-w:1000px;--studio-px:1.5rem}@media (min-width:1280px){:root{--studio-max-w:1260px;--studio-px:2rem}}@media (min-width:1536px){:root{--studio-max-w:1480px;--studio-px:2.5rem}}@media (min-width:1920px){:root{--studio-max-w:1800px;--studio-px:3rem}}@media (max-width:640px){:root{--studio-px:1rem}}html{font-size:clamp(16px,.4vw + 11px,20px)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--ds-page-bg);color:var(--ds-text);-webkit-font-smoothing:antialiased;line-height:1.5}img{max-width:100%}code{overflow-wrap:anywhere}a,h1,h2{color:var(--ds-navy)}a{text-decoration:none}a:hover{text-decoration:underline}.ds-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.studio-page{min-height:100vh;display:flex;flex-direction:column}.studio-inner{max-width:var(--studio-max-w);width:100%;margin:0 auto;padding:0 var(--studio-px);gap:.75rem;flex-wrap:wrap;flex:1 1}.studio-header,.studio-inner{display:flex;align-items:center}.studio-header{background:var(--ds-navy);color:#fff;padding:.75rem 0}.studio-header a{color:#fff;font-weight:700;font-size:1.05rem;text-decoration:none}.studio-header a:hover{text-decoration:underline}.studio-nav{background:var(--ds-card-bg);border-bottom:1px solid var(--ds-border);display:flex;position:relative}@media (max-width:720px){.studio-nav:after{content:"";position:absolute;top:0;right:0;bottom:1px;width:28px;pointer-events:none;background:linear-gradient(to right,transparent,var(--ds-card-bg))}.studio-nav a{padding:.65rem .7rem;font-size:.83rem}}.studio-nav-inner{max-width:var(--studio-max-w);width:100%;margin:0 auto;padding:0 var(--studio-px);display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.studio-nav-inner::-webkit-scrollbar{display:none}.studio-nav a{padding:.65rem 1rem;font-size:.875rem;color:var(--ds-text-sub);white-space:nowrap;border-bottom:2px solid transparent;display:block}.studio-nav a:hover{color:var(--ds-navy);text-decoration:none;border-bottom-color:var(--ds-border)}.studio-main{flex:1 1;padding:2rem var(--studio-px);max-width:var(--studio-max-w);width:100%;margin:0 auto}.studio-warn{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#92400e;margin-bottom:1.5rem}.studio-info,.studio-warn{padding:.65rem 1rem;font-size:.85rem}.studio-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;margin-bottom:1rem}.studio-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem}@media (min-width:1280px){.studio-card-grid{gap:1.25rem}}.studio-card{background:var(--ds-card-bg);border:1px solid var(--ds-border);border-radius:10px;padding:1.35rem;display:block;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s,transform .2s}.studio-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.09);border-color:var(--ds-navy);transform:translateY(-1px);text-decoration:none}.studio-card.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.studio-card-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.studio-card-title{font-weight:600;color:var(--ds-navy);font-size:.95rem;margin-bottom:.25rem}.studio-card-desc{color:var(--ds-text-muted);font-size:.82rem;line-height:1.45;margin:0}.studio-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.studio-badge-admin{background:var(--ds-orange);color:#fff}.studio-badge-mfr{background:var(--ds-teal);color:#fff}.studio-badge-draft{background:#e2e8f0;color:#475569}.studio-badge-approved{background:#dcfce7;color:#166534}.studio-badge-published{background:#dbeafe;color:#1d4ed8}.studio-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s}.studio-btn:disabled,.studio-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.studio-btn-primary{background:var(--ds-navy);color:#fff}.studio-btn-primary:hover{opacity:.88;text-decoration:none}.studio-btn-ghost{background:transparent;color:var(--ds-navy);border:1px solid var(--ds-border)}.studio-btn-ghost:hover{background:var(--ds-page-bg);text-decoration:none}.studio-upload-zone{border:2px dashed var(--ds-border);border-radius:8px;padding:2.5rem 1rem;text-align:center;color:var(--ds-text-muted);background:var(--ds-page-bg)}.studio-section{margin-top:2rem}.studio-section-heading{font-size:1rem;font-weight:600;color:var(--ds-navy);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--ds-border-soft)}.studio-preview-frame{border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-card-bg);overflow:hidden}.studio-preview-bar{background:var(--ds-page-bg);border-bottom:1px solid var(--ds-border);padding:.5rem 1rem;font-size:.78rem;color:var(--ds-text-muted);display:flex;align-items:center;gap:.5rem}.studio-system-card{padding:1rem}.studio-help-section,.studio-system-card{border:1px solid var(--ds-border-soft);border-radius:8px;background:var(--ds-card-bg)}.studio-help-section{padding:1.1rem 1.25rem;margin-bottom:.75rem}.studio-help-section h3{font-size:.95rem;color:var(--ds-navy);margin-bottom:.4rem}.studio-help-section p{font-size:.85rem;color:var(--ds-text-sub);margin:0}.sc-card{background:var(--ds-card-bg);border-radius:10px;border:1px solid var(--ds-border);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}.sc-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#185d7a,#0f3d52);min-height:180px}.sc-hero img{width:100%;height:220px;object-fit:cover;display:block}.sc-body{padding:1rem 1.125rem 1.5rem}.sc-profiles-table{width:100%;border-collapse:collapse;font-size:.8rem;min-width:360px}.sc-card-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:640px){.sc-hero{min-height:220px}.sc-hero img{height:260px}.sc-body{padding:1.25rem 1.5rem 1.75rem}.sc-profiles-table{font-size:.82rem}}@media (min-width:900px){.sc-card-grid{grid-template-columns:repeat(2,1fr)}.sc-card-grid.single{grid-template-columns:1fr;max-width:640px}.sc-hero img{height:280px}}