/* Ortaq showcase qabığı — hər sistem öz tokens.css-ini üstünə qoyur */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased}
.sc-bar{position:sticky;top:0;z-index:600;display:flex;align-items:center;gap:12px;padding:8px 16px;font:500 12px/1 ui-monospace,Consolas,monospace;background:#111;color:#eee;border-bottom:1px solid #333}
.sc-bar b{font-weight:600;color:#fff}.sc-bar span{opacity:.6}
.sc-bar button{margin-left:auto;padding:5px 10px;border:1px solid #555;background:#222;color:#eee;border-radius:6px;cursor:pointer;font:inherit}
.sc-bar button:hover{background:#333}
.sc-section{padding:32px 24px;border-bottom:1px dashed rgba(128,128,128,.35)}
.sc-label{font:500 11px/1 ui-monospace,Consolas,monospace;letter-spacing:.04em;opacity:.55;margin-bottom:14px}
.sc-frame{border:1px solid rgba(128,128,128,.3);border-radius:10px;overflow:hidden}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}