:root{--mc-text:#10243d;--mc-muted:#52657a;--mc-border:#7a8da1;--mc-focus:#154e7a;--mc-accent:#a52bc6;--mc-on-primary:#07111f}
body.app-mode{background:var(--mc-bg,#f4f7fc);color:var(--mc-text,#10243d)}
.app-main{background:var(--mc-bg,#f4f7fc);color:var(--mc-text,#10243d)}
.app-main .card,.app-main .section-card{background:var(--mc-surface,#fff);color:var(--mc-text,#10243d);border-color:var(--mc-border,#7a8da1)}
.app-main .muted,.app-main small{color:var(--mc-muted,#52657a)}
.app-main :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--mc-focus,#154e7a);outline-offset:3px}
.app-main .btn:not(.btn-secondary):not(.btn-warning):not(.btn-danger){background:var(--mc-primary,#11cfe3);border-color:var(--mc-primary,#11cfe3);color:var(--mc-on-primary,#07111f)}
.mc28543-shell{display:grid;gap:18px}.mc28543-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:24px;border:1px solid var(--mc-border);border-radius:22px;background:var(--mc-surface)}.mc28543-hero h1{margin:.2em 0}.mc28543-hero p{max-width:860px;color:var(--mc-muted);line-height:1.55}.mc28543-hero-actions{display:flex;gap:9px;flex-wrap:wrap}
.mc28543-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}.mc28543-library,.mc28543-editor{min-width:0}.mc28543-library{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding:16px;border:1px solid var(--mc-border);border-radius:18px;background:var(--mc-surface)}.mc28543-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.mc28543-section-head h2{margin:.1em 0}.mc28543-section-head>span{color:var(--mc-muted);font-size:.86rem}.mc28543-search{display:grid;gap:5px;margin:14px 0;font-weight:800}.mc28543-search input,.mc28543-form-row input,.mc28543-token input[type=text],.mc28543-token input:not([type=color]){min-height:42px;border:1px solid var(--mc-border);border-radius:10px;padding:9px;background:var(--mc-surface);color:var(--mc-text)}
.mc28543-palette-list{display:grid;gap:9px}.mc28543-palette-card{padding:10px;border:1px solid color-mix(in srgb,var(--mc-border) 65%,transparent);border-radius:13px;background:var(--mc-bg)}.mc28543-palette-card.is-active{box-shadow:inset 4px 0 0 var(--mc-primary)}.mc28543-palette-card a{display:grid;gap:3px;color:var(--mc-text);text-decoration:none}.mc28543-palette-card span,.mc28543-palette-card small{color:var(--mc-muted)}.mc28543-palette-card small.pass{font-weight:800}.mc28543-swatches{display:grid;grid-template-columns:repeat(5,1fr);height:24px;overflow:hidden;border-radius:8px;margin-bottom:5px}.mc28543-swatches i{background:var(--sw)}.mc28543-palette-card form{margin-top:8px}
.mc28543-editor{display:grid;gap:16px}.mc28543-editor>.card{margin:0;padding:20px}.mc28543-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mc28543-form-row label,.mc28543-token{display:grid;gap:6px;font-weight:800}.mc28543-token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.mc28543-color-control{display:grid;grid-template-columns:44px 1fr;gap:8px}.mc28543-color-control input[type=color]{width:44px;height:42px;padding:2px;border:1px solid var(--mc-border);border-radius:10px;background:var(--mc-surface)}
.mc28543-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.mc28543-preview{padding:20px;border-radius:16px;background:var(--pv-bg);color:var(--pv-text);border:3px solid var(--pv-border)}.mc28543-preview-card{padding:18px;border-radius:13px;background:var(--pv-surface);color:var(--pv-text);border:1px solid var(--pv-border)}.mc28543-preview-card p,.mc28543-preview-card span{color:var(--pv-muted)}.mc28543-preview-card button{padding:9px 13px;border:0;border-radius:9px;background:var(--pv-primary);color:var(--pv-on-primary);font-weight:900}.mc28543-preview-card a{display:inline-block;margin-left:10px;color:var(--pv-focus);font-weight:800}
.mc28543-audit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.mc28543-audit-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px;border-radius:10px;border:1px solid var(--mc-border)}.mc28543-audit-row small{grid-column:1/-1}.mc28543-audit-row.pass{box-shadow:inset 4px 0 0 var(--mc-success)}.mc28543-audit-row.fail{box-shadow:inset 4px 0 0 var(--mc-danger)}.mc28543-pass{color:var(--mc-success)}.mc28543-fail{color:var(--mc-danger)}.mc28543-savebar{display:flex;gap:9px;position:sticky;bottom:10px;padding:10px;border:1px solid var(--mc-border);border-radius:14px;background:color-mix(in srgb,var(--mc-surface) 93%,transparent);backdrop-filter:blur(12px);z-index:4}.mc28543-history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--mc-border)}.mc28543-history-row span{display:block;color:var(--mc-muted);font-size:.84rem}
@media(max-width:1100px){.mc28543-grid{grid-template-columns:1fr}.mc28543-library{position:static;max-height:none}.mc28543-palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mc28543-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc28543-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.mc28543-hero,.mc28543-section-head{display:block}.mc28543-hero-actions{margin-top:15px}.mc28543-palette-list,.mc28543-token-grid,.mc28543-form-row,.mc28543-preview-grid,.mc28543-audit-grid{grid-template-columns:1fr}.mc28543-savebar{position:static}.mc28543-history-row{align-items:flex-start;flex-direction:column}}