@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}*,::after,::before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:var(--sg-font, 'AurumType', system-ui, sans-serif);font-size:13px;color:var(--sg-fg);-webkit-text-size-adjust:100%;overflow-x:hidden}.sui-main,.sui-shell{display:flex;overflow:hidden}.sui-shell,body,html{background:var(--sg-bg)}.sui-shell{height:100vh;width:100%}.sui-main{flex-direction:column;flex:1;min-width:0;height:100%}.sui-content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px}.sui-mobile-menu-btn{display:none;background:0 0;border:0;padding:8px;cursor:pointer;width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:4px}.sui-mobile-menu-btn span{display:block;width:18px;height:2px;background:var(--sg-fg, #1a2332);border-radius:1px;transition:all .2s ease}@media (max-width:768px){.sui-content{padding:10px}.sui-shell{height:100dvh}.sui-mobile-menu-btn{display:inline-flex}}h1,h2,h3,h4{margin:0 0 12px;font-weight:600;color:var(--sg-fg)}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}p{margin:0 0 8px;line-height:1.5}a{color:var(--sg-color-primary);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--sg-bg-subtle);border:1px solid var(--sg-border);border-radius:2px;padding:1px 4px;font-size:11px;font-family:var(--sg-font-mono, monospace)}.blazor-error-boundary{background:var(--sg-color-danger-subtle);border:1px solid var(--sg-color-danger-border);padding:8px 12px;color:var(--sg-color-danger);font-size:12px;border-radius:2px}.blazor-error-boundary::after{content:"Произошла ошибка."}.sgc-doc-section{background:var(--sg-surface, #fff);border:1px solid var(--sg-border, #e5e7eb);border-radius:10px;margin-bottom:24px;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.sgc-doc-section:hover{border-color:var(--sg-color-primary-border, #93c5fd)}.sgc-doc-header{padding:16px 20px;border-bottom:1px solid var(--sg-border, #f0f0f0);background:var(--sg-surface-alt, #fafafa)}.sgc-doc-title{margin:0 0 4px;font-size:18px;color:var(--sg-fg, #111827)}.sgc-doc-description{margin:0;font-size:14px;color:var(--sg-fg-muted, #6b7280)}.sgc-doc-demo{padding:24px 20px;background:var(--sg-bg, #fff)}.sgc-doc-demo-content{display:flex;flex-direction:column;gap:16px}.demo-section{margin-top:48px}.demo-section-header{margin-bottom:20px}.demo-three-col,.demo-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-three-col{grid-template-columns:1fr 1fr 1fr}.demo-input{max-width:300px}.code-block{background:#0f172a;color:#7dd3fc;padding:16px 20px;border-radius:8px;font-size:13px;font-family:var(--sg-font-mono, 'JetBrains Mono', monospace);line-height:1.6;overflow-x:auto;white-space:pre}.demo-copy-btn{position:absolute;top:8px;right:8px;padding:4px 8px;font-size:11px;background:rgba(255,255,255,.1);color:#94a3b8;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;transition:all .2s}.demo-copy-btn:hover{background:rgba(255,255,255,.2);color:#e2e8f0}.demo-copy-btn.copied{background:#22c55e;color:#fff;border-color:#22c55e}.sgc-doc-table-wrap{padding:0;border-top:1px solid var(--sg-border, #f0f0f0);overflow-x:auto}.sgc-doc-table{width:100%;border-collapse:collapse;font-size:13px}.sgc-doc-table td,.sgc-doc-table th{padding:12px 16px;border-bottom:1px solid var(--sg-border, #f0f0f0)}.sgc-doc-table th{background:var(--sg-surface-alt, #fafafa);text-align:left;font-weight:600;color:var(--sg-fg, #374151)}.sgc-doc-table td{color:var(--sg-text, #4b5563);vertical-align:top}.sgc-doc-table tr:last-child td{border-bottom:none}.sgc-doc-table tr:hover td{background:var(--sg-surface-hover, #f9fafb)}.sgc-doc-code{color:var(--sg-color-danger, #c41d7f);background:var(--sg-color-danger-subtle, #fff0f6);border:1px solid var(--sg-color-danger-border, #ffadd2);padding:2px 6px;border-radius:4px;font-family:var(--sg-font-mono, SFMono-Regular, monospace)}.sgc-doc-type{color:var(--sg-color-primary, #0958d9)}.sgc-doc-default{color:var(--sg-color-success, #52c41a)}.enterprise-demo{display:flex;flex-direction:column;gap:14px;max-width:1200px}.enterprise-demo-grid{display:grid;gap:14px;align-items:start}.enterprise-demo-grid-settings{grid-template-columns:minmax(0,420px) minmax(0,1fr)}.enterprise-demo-grid-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.enterprise-demo-grid-feed{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.enterprise-demo-stack,.enterprise-demo-stack-tight{display:flex;flex-direction:column}.enterprise-demo-stack{gap:8px}.enterprise-demo-stack-tight{gap:6px}.enterprise-demo-hint,.enterprise-demo-note{font-size:12px;line-height:1.35;color:var(--sg-fg-muted, #7a7a7a)}.enterprise-demo-hint{font-size:11px}.enterprise-demo-json{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px}.enterprise-demo-status{font-weight:600}.enterprise-demo-status-active{color:#107c10}.enterprise-demo-status-inactive{color:#d13438}@media (max-width:900px){.enterprise-demo-grid-feed,.enterprise-demo-grid-settings,.enterprise-demo-grid-two{grid-template-columns:1fr}}.demo-grid-adaptive{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media (min-width:1400px){.demo-grid-adaptive{grid-template-columns:1fr 360px;gap:28px}}@media (max-width:1200px){.demo-grid-adaptive{grid-template-columns:1fr 280px;gap:20px}}@media (max-width:900px){.demo-grid-adaptive{grid-template-columns:1fr;gap:16px}.demo-grid-adaptive>:last-child{order:10}}@media (max-width:768px){.demo-grid-adaptive{gap:12px}.demo-grid-adaptive>:last-child{order:10;margin-top:8px}}@media (max-width:480px){.demo-grid-adaptive{gap:8px}}.demo-grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}@media (max-width:1200px){.demo-grid-two-col{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.demo-grid-two-col{gap:12px}}.sgc-anim-fade-in-up{animation:fadeInUp .4s ease both}.sgc-anim-fade-in{animation:fadeIn .3s ease both}.sgc-anim-slide-in-right{animation:slideInRight .35s ease both}.sgc-anim-scale-in{animation:scaleIn .3s ease both}.sgc-anim-stagger>*{animation:fadeInUp .4s ease both;animation-delay:calc(var(--sgc-stagger-index, 0)*60ms)}.sgc-demo-section:nth-child(11){animation-delay:600ms}.sgc-demo-section:nth-child(12){animation-delay:660ms}.sgc-interactive-card{transition:transform .2s ease,box-shadow .2s ease}.sgc-interactive-card:hover{transform:translateY(-1px)}.sgc-interactive-card:active{transform:translateY(0)}.sgc-demo-value{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--sg-surface-alt, #f1f5f9);border:1px solid var(--sg-border, #e2e8f0);border-radius:6px;font-size:12px;font-family:var(--sg-font-mono, monospace);color:var(--sg-text, #475569);transition:all .2s ease}.sgc-demo-value:hover{border-color:var(--sg-color-primary-border, #93c5fd);background:var(--sg-surface-hover, #f8fafc)}.sgc-color-swatch{display:inline-block;width:36px;height:36px;border-radius:8px;border:2px solid var(--sg-border, #e2e8f0);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.sgc-color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.12)}.sgc-demo-status-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:var(--sg-surface, #fff);border:1px solid var(--sg-border, #e5e7eb);transition:all .2s ease}.sgc-demo-status-row:hover{background:var(--sg-surface-hover, #f5f5f5)}.sgc-property-table{width:100%;border-collapse:collapse;font-size:13px}.sgc-property-table td,.sgc-property-table th{padding:10px 12px;border-bottom:1px solid var(--sg-border, #e2e8f0)}.sgc-property-table th{text-align:left;background:var(--sg-surface-alt, #f8fafc)}.sgc-property-table td{vertical-align:top}.sgc-property-table tr:last-child td{border-bottom:none}.sgc-property-table tr:hover td{background:var(--sg-surface-hover, #f9fafb)}.sgc-prop-label{width:130px}.sgc-prop-name{font-size:12px;font-weight:500;color:var(--sg-fg, #1e293b);background:var(--sg-bg-subtle, #f1f5f9);border:1px solid var(--sg-border, #e2e8f0);border-radius:4px;padding:2px 6px;font-family:var(--sg-font-mono, monospace)}.sgc-prop-type{width:160px}.sgc-prop-desc-inner{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sgc-demo-section{background:var(--sg-surface);border:1px solid var(--sg-border);border-radius:12px;margin-bottom:24px;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease;animation:fadeInUp .4s ease both}.sgc-demo-section:nth-child(1){animation-delay:0ms}.sgc-demo-section:nth-child(2){animation-delay:60ms}.sgc-demo-section:nth-child(3){animation-delay:120ms}.sgc-demo-section:nth-child(4){animation-delay:180ms}.sgc-demo-section:nth-child(5){animation-delay:240ms}.sgc-demo-section:nth-child(6){animation-delay:300ms}.sgc-demo-section:nth-child(7){animation-delay:360ms}.sgc-demo-section:nth-child(8){animation-delay:420ms}.sgc-demo-section:nth-child(9){animation-delay:480ms}.sgc-demo-section:nth-child(10){animation-delay:540ms}.sgc-demo-section:hover{border-color:var(--sg-color-primary);box-shadow:0 4px 16px var(--sg-color-primary-subtle)}.sgc-demo-section-header{padding:16px 20px 12px;border-bottom:1px solid var(--sg-color-primary-subtle);background:var(--sg-color-primary-subtle)}.sgc-demo-section-header-content{display:flex;flex-direction:column;gap:4px}.sgc-demo-section-title-row{display:flex;align-items:center;gap:10px}.sgc-demo-section-subtitle{margin-top:2px}.sgc-demo-section-body{padding:20px}.sgc-demo-section-footer{padding:12px 20px;border-top:1px solid var(--sg-border);background:var(--sg-surface-alt)}.sgc-demo-code-card{margin-top:16px}.sgc-demo-code-card .sgc-card-body{padding:0}.sgc-demo-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--sg-surface-alt);border-bottom:1px solid var(--sg-border)}.sgc-demo-code-header-left,.sgc-demo-code-header-right{display:flex;align-items:center;gap:8px}.sgc-demo-code-pre{margin:0;padding:16px;overflow-x:auto;font-size:12.5px;line-height:1.6;font-family:var(--sg-font-mono, 'SF Mono', Monaco, 'Cascadia Code', 'Consolas', monospace);color:var(--sg-fg);background:var(--sg-bg);tab-size:2}.sgc-demo-code-content{font-family:inherit;white-space:pre}.sgc-demo-code-copy-btn{opacity:.6;transition:opacity .2s ease}.sgc-demo-code-card:hover .sgc-demo-code-copy-btn{opacity:1}.sgc-demo-code-copy-status{min-width:56px;text-align:right}.sgc-demo-code-copy-status.sgc-demo-code-copied{animation:fadeIn .2s ease}.sgc-demo-code-content .sgc-code-comment{color:#6a9955}.sgc-demo-code-content .sgc-code-keyword{color:#569cd6}.sgc-demo-code-content .sgc-code-string{color:#ce9178}.sgc-demo-code-content .sgc-code-attr{color:#9cdcfe}.sgc-demo-code-content .sgc-code-type{color:#4ec9b0}.sgc-demo-code-content .sgc-code-number{color:#b5cea8}.sgc-demo-code-content .sgc-code-operator{color:#d4d4d4}.sgc-demo-controls{display:flex;flex-wrap:wrap;gap:16px;padding:16px;background:var(--sg-surface-alt);border:1px solid var(--sg-border);border-radius:10px;margin-bottom:16px}.sgc-demo-control-group{display:flex;flex-direction:column;gap:4px;min-width:120px}.sgc-demo-control-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sg-text-muted)}.sgc-demo-control-row{display:flex;align-items:center;gap:8px}.sgc-demo-slider{-webkit-appearance:none;appearance:none;width:180px;height:4px;border-radius:2px;background:var(--sg-border);outline:0;transition:background .2s;cursor:pointer}.sgc-demo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--sg-color-primary);cursor:pointer;border:2px solid var(--sg-surface);box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform .15s ease}.sgc-demo-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.sgc-demo-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--sg-color-primary);cursor:pointer;border:2px solid var(--sg-surface);box-shadow:0 1px 3px rgba(0,0,0,.15)}.sgc-demo-select,.sgc-demo-slider-value{font-size:12px;border:1px solid var(--sg-border);background:var(--sg-surface);color:var(--sg-fg)}.sgc-demo-slider-value{font-family:var(--sg-font-mono, monospace);border-radius:4px;padding:2px 8px;min-width:40px;text-align:center}.sgc-demo-select{padding:4px 8px;border-radius:6px;cursor:pointer;outline:0;transition:border-color .2s ease}.sgc-demo-select:focus,.sgc-demo-select:hover{border-color:var(--sg-color-primary-border)}.sgc-demo-status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em}.sgc-demo-status-indicator .sgc-demo-status-dot{width:7px;height:7px;border-radius:50%;transition:background-color .3s ease}.sgc-demo-status-indicator-active{background:rgba(34,197,94,.1);color:#16a34a}.sgc-demo-status-indicator-active .sgc-demo-status-dot{background:#16a34a;box-shadow:0 0 6px rgba(34,197,94,.4)}.sgc-demo-status-indicator-inactive{background:rgba(100,116,139,.08);color:var(--sg-text-muted)}.sgc-demo-status-indicator-inactive .sgc-demo-status-dot{background:var(--sg-text-muted)}.sgc-demo-flex-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sgc-demo-flex-col{display:flex;flex-direction:column;gap:14px}.sgc-demo-flex-center{display:flex;align-items:center;justify-content:center}.sgc-demo-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sg-text-muted);margin-bottom:6px}.demo-code-block{background:#1e1e2e;border-radius:8px;padding:16px;font-size:12px;line-height:1.6;font-family:var(--sg-font-mono, monospace);overflow-x:auto;color:#cdd6f4;margin:8px 0 0}.demo-code-comment{color:#6c7086}.demo-code-keyword{color:#89b4fa}.demo-code-attr{color:#89dceb}.demo-code-string{color:#a6e3a1}.demo-code-type{color:#f9e2af}.sgc-card-flush>.sgc-card-body{padding:0 24px 24px}@media (max-width:640px){.sgc-card-flush>.sgc-card-body{padding:0 12px 12px}}.demo-section-header{display:flex;align-items:center;gap:10px;padding:0 0 4px}.demo-section-desc{margin-bottom:16px}.demo-live-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:10px;background:var(--sg-color-primary-subtle);color:var(--sg-color-primary);border:1px solid var(--sg-color-primary-subtle)}.demo-interactive-card{transition:transform .2s ease,box-shadow .2s ease}.demo-interactive-card:hover{transform:translateY(-1px)}.demo-interactive-controls{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;margin-top:16px;background:var(--sg-surface-alt);border:1px solid var(--sg-border);border-radius:8px}.demo-control-group{display:flex;align-items:center;gap:6px}.demo-value-display{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;background:var(--sg-surface-alt);border:1px solid var(--sg-border);border-radius:6px}.demo-value-display-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--sg-text-muted)}.demo-value-display-value{font-size:13px;font-weight:600;font-family:var(--sg-font-mono, monospace);color:var(--sg-color-primary)}.demo-flex-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.demo-flex-col{display:flex;flex-direction:column;gap:12px}.demo-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sg-text-muted)}.sgc-demo-color-swatch{width:40px;height:40px;border-radius:50%;border:3px solid var(--swatch-bg, #ffffff);background:var(--swatch-fill, #000000);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s ease,box-shadow .2s ease;font-family:inherit}.sgc-demo-color-swatch:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(0,0,0,.2)}.sgc-demo-color-swatch:active{transform:scale(.95)}.sgc-demo-color-swatch-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}