.copyable-block{cursor:pointer;border-radius:14px;transition:border-color .18s,box-shadow .18s,background .18s;position:relative}.copyable-block:hover{border-color:#84cc166b}.copyable-block:focus-visible{outline-offset:3px;outline:3px solid #84cc1673}.copyable-block--inline{align-items:center;display:inline-flex}.copyable-block--code>pre{padding-right:56px}.copyable-block__icon{width:24px;height:24px;color:var(--muted);pointer-events:none;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:color .18s,background .18s,transform .18s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.copyable-block--code .copyable-block__icon{top:12px;transform:none}.copyable-block__icon svg{width:15px;height:15px;display:block}.copyable-block:hover .copyable-block__icon,.copyable-block:focus-visible .copyable-block__icon{color:var(--brand-strong);background:color-mix(in srgb, var(--brand-strong) 10%, transparent)}.copyable-block.is-copied .copyable-block__icon{color:#16a34a;background:#16a34a1f}.gridify-action-button{--button-accent:var(--brand);--button-accent-strong:var(--brand-strong);--button-on-accent:#122004;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:0;font-weight:800;line-height:1;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex;position:relative}.gridify-action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #0f172a1f}.gridify-action-button:disabled{cursor:not-allowed;opacity:.58}.gridify-action-button--full{width:100%}.gridify-action-button--sm{min-height:28px;padding:6px 10px;font-size:12px}.gridify-action-button--md{min-height:36px;padding:9px 14px;font-size:14px}.gridify-action-button--lg{min-height:44px;padding:12px 18px;font-size:15px}.gridify-action-button--neutral{--button-accent:#111827;--button-accent-strong:#030712;--button-on-accent:#fff}.gridify-action-button--brand{--button-accent:var(--brand);--button-accent-strong:var(--brand-strong);--button-on-accent:#11200a}.gridify-action-button--success{--button-accent:#16a34a;--button-accent-strong:#15803d;--button-on-accent:#fff}.gridify-action-button--warning{--button-accent:#f59e0b;--button-accent-strong:#d97706;--button-on-accent:#1f1300}.gridify-action-button--danger{--button-accent:#dc2626;--button-accent-strong:#b91c1c;--button-on-accent:#fff}.gridify-action-button--solid{background:var(--button-accent);border-color:var(--button-accent);color:var(--button-on-accent)}.gridify-action-button--soft{background:color-mix(in srgb, var(--button-accent) 16%, transparent);border-color:color-mix(in srgb, var(--button-accent) 26%, transparent);color:var(--button-accent-strong)}.gridify-action-button--outline{border-color:color-mix(in srgb, var(--button-accent) 46%, var(--border));color:var(--button-accent-strong);background:0 0}.gridify-action-button--ghost{color:var(--button-accent-strong);background:0 0;border-color:#0000}.gridify-action-button__brand{letter-spacing:0;background:#ffffff47;border-radius:6px;align-items:center;min-height:16px;padding:0 5px;font-size:10px;font-weight:900;display:inline-flex}.gridify-action-button--soft .gridify-action-button__brand,.gridify-action-button--outline .gridify-action-button__brand,.gridify-action-button--ghost .gridify-action-button__brand{background:color-mix(in srgb, var(--button-accent) 14%, transparent)}.gridify-action-button__slot,.gridify-action-button__trailing{flex:none;justify-content:center;align-items:center;display:inline-flex}.gridify-action-button__content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gridify-action-button__spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite gridifyActionSpin}.gridify-action-button-demo{place-items:center;width:min(100%,520px);padding:20px;display:grid}.gridify-action-button-demo__icon,.gridify-action-button-demo__badge{justify-content:center;align-items:center;font-weight:900;display:inline-flex}.gridify-action-button-demo__badge{background:#ffffff52;border-radius:999px;min-width:18px;min-height:18px;padding:0 5px;font-size:11px}@keyframes gridifyActionSpin{to{transform:rotate(360deg)}}.gridify-icon-set{background:color-mix(in srgb, var(--panel-strong) 88%, transparent);border:1px dashed #8b5cf6a6;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:12px;width:min(100%,620px);padding:16px;display:grid}.gridify-icon-set__item{border:1px solid var(--border);background:var(--panel);min-height:72px;color:var(--muted);text-align:center;border-radius:12px;place-items:center;gap:8px;font-size:12px;font-weight:700;display:grid}.gridify-icon-set__item.is-active{border-color:color-mix(in srgb, var(--brand) 54%, var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 34%, transparent)}.gridify-icon{--icon-tone:#64748b;color:var(--icon-tone);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.gridify-icon svg{width:72%;height:72%}.gridify-icon--neutral{--icon-tone:#64748b}.gridify-icon--info{--icon-tone:#2563eb}.gridify-icon--warning{--icon-tone:#d97706}.gridify-icon--error{--icon-tone:#e11d48}.gridify-icon--success{--icon-tone:#16a34a}.gridify-icon--brand{--icon-tone:var(--brand-strong)}.gridify-icon--solid{background:var(--icon-tone);color:#fff}.gridify-icon--soft{background:color-mix(in srgb, var(--icon-tone) 14%, transparent)}.gridify-icon--outline{border:1px solid color-mix(in srgb, var(--icon-tone) 54%, transparent);background:0 0}.feedback-states{background:var(--panel-strong);border:1px dashed #8b5cf6a6;border-radius:18px;gap:12px;width:min(100%,520px);padding:16px;display:grid}.feedback-states--row{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.feedback-states--grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.feedback-states__item{border:1px solid var(--border);background:var(--panel);min-height:52px;color:var(--text);font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.feedback-states__item:hover,.feedback-states__item:focus-visible{border-color:color-mix(in srgb, var(--tone-color) 48%, var(--border));background:color-mix(in srgb, var(--tone-color) 9%, var(--panel));outline:none;transform:translateY(-1px)}.feedback-states--sm .feedback-states__item{min-height:44px;font-size:12px}.feedback-states--lg .feedback-states__item{min-height:60px;font-size:14px}.feedback-states__item--neutral{--tone-color:#64748b}.feedback-states__item--info{--tone-color:#2563eb}.feedback-states__item--warning{--tone-color:#d97706}.feedback-states__item--error{--tone-color:#e11d48}.feedback-states__item--success{--tone-color:#16a34a}.gridify-tooltip{display:inline-flex;position:relative}.gridify-tooltip__trigger{display:inline-flex}.gridify-tooltip__bubble{--tooltip-bg:#fff;--tooltip-border:#bfdbfe;--tooltip-text:#1f2937;--tooltip-shadow:0 14px 30px #3b82f63d;z-index:20;border:1px solid var(--tooltip-border);background:var(--tooltip-bg);color:var(--tooltip-text);box-shadow:var(--tooltip-shadow);opacity:0;pointer-events:none;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.5;transition:opacity .16s,transform .16s;display:block;position:absolute;transform:translate(-50%,-8px)}.gridify-tooltip__bubble:before{content:"";background:var(--tooltip-bg);border:1px solid var(--tooltip-border);width:10px;height:10px;position:absolute;transform:rotate(45deg)}.gridify-tooltip[data-theme=dark] .gridify-tooltip__bubble{--tooltip-bg:#07062a;--tooltip-border:#d946ef;--tooltip-text:#f8fafc;--tooltip-shadow:0 14px 30px #d946ef2e}.gridify-tooltip__bubble.is-visible{opacity:1;transform:translate(-50%)}.gridify-tooltip__bubble.is-multiline{white-space:normal}.gridify-tooltip:not([data-placement]) .gridify-tooltip__bubble,.gridify-tooltip[data-placement^=top] .gridify-tooltip__bubble{bottom:calc(100% + 12px);left:50%}.gridify-tooltip[data-placement^=bottom] .gridify-tooltip__bubble{top:calc(100% + 12px);left:50%;transform:translate(-50%,8px)}.gridify-tooltip[data-placement^=bottom] .gridify-tooltip__bubble.is-visible{transform:translate(-50%)}.gridify-tooltip[data-placement^=left] .gridify-tooltip__bubble{top:50%;right:calc(100% + 12px);transform:translate(-8px,-50%)}.gridify-tooltip[data-placement^=left] .gridify-tooltip__bubble.is-visible{transform:translateY(-50%)}.gridify-tooltip[data-placement^=right] .gridify-tooltip__bubble{top:50%;left:calc(100% + 12px);transform:translate(8px,-50%)}.gridify-tooltip[data-placement^=right] .gridify-tooltip__bubble.is-visible{transform:translateY(-50%)}.gridify-tooltip[data-placement$=start][data-placement^=top] .gridify-tooltip__bubble,.gridify-tooltip[data-placement$=start][data-placement^=bottom] .gridify-tooltip__bubble{left:0;transform:translateY(-8px)}.gridify-tooltip[data-placement$=start][data-placement^=bottom] .gridify-tooltip__bubble{transform:translateY(8px)}.gridify-tooltip[data-placement$=start][data-placement^=top] .gridify-tooltip__bubble.is-visible,.gridify-tooltip[data-placement$=start][data-placement^=bottom] .gridify-tooltip__bubble.is-visible{transform:translate(0,0)}.gridify-tooltip[data-placement$=end][data-placement^=top] .gridify-tooltip__bubble,.gridify-tooltip[data-placement$=end][data-placement^=bottom] .gridify-tooltip__bubble{left:auto;right:0;transform:translateY(-8px)}.gridify-tooltip[data-placement$=end][data-placement^=bottom] .gridify-tooltip__bubble{transform:translateY(8px)}.gridify-tooltip[data-placement$=end][data-placement^=top] .gridify-tooltip__bubble.is-visible,.gridify-tooltip[data-placement$=end][data-placement^=bottom] .gridify-tooltip__bubble.is-visible{transform:translate(0,0)}.gridify-tooltip[data-placement$=start][data-placement^=left] .gridify-tooltip__bubble,.gridify-tooltip[data-placement$=start][data-placement^=right] .gridify-tooltip__bubble{top:0;transform:translate(8px)}.gridify-tooltip[data-placement$=start][data-placement^=left] .gridify-tooltip__bubble{transform:translate(-8px)}.gridify-tooltip[data-placement$=start][data-placement^=left] .gridify-tooltip__bubble.is-visible,.gridify-tooltip[data-placement$=start][data-placement^=right] .gridify-tooltip__bubble.is-visible{transform:translate(0,0)}.gridify-tooltip[data-placement$=end][data-placement^=left] .gridify-tooltip__bubble,.gridify-tooltip[data-placement$=end][data-placement^=right] .gridify-tooltip__bubble{top:auto;bottom:0;transform:translate(8px)}.gridify-tooltip[data-placement$=end][data-placement^=left] .gridify-tooltip__bubble{transform:translate(-8px)}.gridify-tooltip[data-placement$=end][data-placement^=left] .gridify-tooltip__bubble.is-visible,.gridify-tooltip[data-placement$=end][data-placement^=right] .gridify-tooltip__bubble.is-visible{transform:translate(0,0)}.gridify-tooltip[data-placement^=top] .gridify-tooltip__bubble:before{border-top:0;border-left:0;bottom:-6px;left:calc(50% - 5px)}.gridify-tooltip[data-placement^=bottom] .gridify-tooltip__bubble:before{border-bottom:0;border-right:0;top:-6px;left:calc(50% - 5px)}.gridify-tooltip[data-placement^=left] .gridify-tooltip__bubble:before{border-bottom:0;border-left:0;top:calc(50% - 5px);right:-6px}.gridify-tooltip[data-placement^=right] .gridify-tooltip__bubble:before{border-top:0;border-right:0;top:calc(50% - 5px);left:-6px}.tooltip-showcase{border-radius:18px;place-items:center;width:min(100%,760px);min-height:180px;padding:42px;display:grid}.tooltip-showcase--dark{background:#272727}.tooltip-showcase--grid{grid-template-columns:repeat(3,minmax(160px,1fr));place-items:center;gap:58px 72px}.tooltip-showcase__anchor{min-width:116px;min-height:40px;color:var(--muted);background:0 0;border:1px dashed #8b5cf68c;border-radius:10px}@media (width<=720px){.tooltip-showcase{padding:32px 12px}.tooltip-showcase--grid{grid-template-columns:1fr;gap:48px}}.gridify-input-showcase{width:min(100%,420px)}.gridify-input-showcase--grid{background:var(--panel-strong);border:1px dashed #8b5cf6a6;border-radius:18px;grid-template-columns:repeat(2,minmax(220px,1fr));gap:28px 54px;width:min(100%,760px);padding:20px;display:grid}.gridify-input{width:100%;color:var(--text);gap:6px;display:grid}.gridify-input__label{color:var(--muted);font-size:12px;font-weight:700}.gridify-input input{width:100%;min-height:var(--input-height);border:1px solid var(--input-border,var(--border));background:var(--input-bg,var(--panel-strong));color:var(--text);padding:0 var(--input-padding);font:inherit;border-radius:8px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.gridify-input--sm{--input-height:34px;--input-padding:12px;font-size:13px}.gridify-input--md{--input-height:42px;--input-padding:14px;font-size:14px}.gridify-input--lg{--input-height:50px;--input-padding:16px;font-size:15px}.gridify-input--hover input,.gridify-input input:hover:not(:disabled){--input-border:#94a3b8}.gridify-input--focus input,.gridify-input input:focus{--input-border:#60a5fa;box-shadow:0 0 0 3px #60a5fa29}.gridify-input--filled input{--input-border:#cbd5e1}.gridify-input--disabled input,.gridify-input input:disabled{--input-bg:color-mix(in srgb, var(--panel-muted) 78%, transparent);color:color-mix(in srgb, var(--muted) 55%, transparent);cursor:not-allowed}.gridify-input--error input{--input-border:#ff4d6d}.gridify-input__message{min-height:16px;color:var(--muted);font-size:12px;line-height:1.35}.gridify-input--error .gridify-input__message{color:#ff1744}@media (width<=720px){.gridify-input-showcase--grid{grid-template-columns:1fr;gap:18px;padding:12px}}.gridify-select-showcase{width:min(100%,420px);min-height:180px}.gridify-select-showcase--grid{background:var(--panel-strong);border:1px dashed #8b5cf6a6;border-radius:18px;grid-template-columns:repeat(2,minmax(240px,1fr));gap:26px 54px;width:min(100%,840px);padding:20px;display:grid}.gridify-select{gap:6px;width:100%;display:grid;position:relative}.gridify-select__label{color:var(--muted);font-size:12px;font-weight:700}.gridify-select__trigger{width:100%;min-height:var(--select-height);border:1px solid var(--select-border,var(--border));background:var(--select-bg,var(--panel-strong));color:var(--text);padding:0 var(--select-padding);font:inherit;cursor:pointer;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.gridify-select--sm{--select-height:34px;--select-padding:10px;font-size:13px}.gridify-select--md{--select-height:42px;--select-padding:12px;font-size:14px}.gridify-select--lg{--select-height:50px;--select-padding:14px;font-size:15px}.gridify-select--hover .gridify-select__trigger,.gridify-select__trigger:hover:not(:disabled){--select-border:#94a3b8}.gridify-select--focus .gridify-select__trigger,.gridify-select__trigger:focus-visible{--select-border:#60a5fa;box-shadow:0 0 0 3px #60a5fa29}.gridify-select--error .gridify-select__trigger{--select-border:#ff4d6d}.gridify-select--disabled .gridify-select__trigger,.gridify-select__trigger:disabled{--select-bg:color-mix(in srgb, var(--panel-muted) 78%, transparent);color:color-mix(in srgb, var(--muted) 55%, transparent);cursor:not-allowed}.gridify-select__value{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.gridify-select__value.is-placeholder{color:color-mix(in srgb, var(--muted) 68%, transparent)}.gridify-select__chip{background:var(--panel-muted);border-radius:6px;align-items:center;min-height:22px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.gridify-select__clear{display:inline-flex}.gridify-select__message{color:#ff1744;font-size:12px}.gridify-select__dropdown{z-index:12;background:var(--panel-strong);border:1px solid #bfdbfe;border-radius:10px;gap:6px;max-height:250px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 36px #3b82f638}.gridify-select__search{border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 8px;display:flex}.gridify-select__search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1}.gridify-select__options{max-height:190px;display:grid;overflow:auto}.gridify-select__option{min-height:34px;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;display:flex}.gridify-select__option:hover:not(:disabled),.gridify-select__option.is-selected{background:color-mix(in srgb, #60a5fa 14%, var(--panel-muted));color:#2563eb}.gridify-select__option:disabled{color:color-mix(in srgb, var(--muted) 45%, transparent);cursor:not-allowed}@media (width<=720px){.gridify-select-showcase--grid{grid-template-columns:1fr;gap:18px;padding:12px}}.oilgas-form{gap:var(--space-4,16px);width:min(100%,920px);padding:var(--space-4,16px);display:grid}.oilgas-form__summary,.oilgas-risk-panel{gap:var(--space-3,12px);padding:var(--space-4,16px);border:1px solid var(--border);background:var(--panel-strong);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.oilgas-form__summary span,.oilgas-risk-panel span{color:var(--muted);font-size:12px;font-weight:700;display:block}.oilgas-form__summary strong,.oilgas-risk-panel strong{margin-top:4px;display:block}.oilgas-form__badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.oilgas-badge{background:var(--panel-muted);min-height:28px;color:var(--text);border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.oilgas-badge--risk-low{color:#16a34a}.oilgas-badge--risk-medium{color:#ca8a04}.oilgas-badge--risk-high{color:#ea580c}.oilgas-badge--risk-critical,.oilgas-badge--shutdown{color:#dc2626}.oilgas-form__section{gap:var(--space-3,12px);display:grid}.oilgas-form__section h4{margin:0;font-size:16px}.oilgas-form__grid{gap:var(--space-3,12px);grid-template-columns:repeat(2,minmax(240px,1fr));align-items:start;display:grid}.oilgas-form--compact .oilgas-form__grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.oilgas-field{grid-template-rows:auto auto minmax(18px,auto);align-content:start;gap:6px;display:grid}.oilgas-field>span:first-child{min-height:18px;color:var(--muted);font-size:13px;font-weight:700;line-height:18px}.oilgas-field select,.oilgas-field input,.oilgas-field textarea{border:1px solid var(--border);background:var(--panel-strong);min-height:44px;color:var(--text);font:inherit;border-radius:12px;padding:0 12px}.oilgas-field textarea{padding-block:10px}.oilgas-field__message{color:#dc2626;min-height:18px;font-size:12px;line-height:1.35;display:block}:is(.oilgas-field:has(.oilgas-field__message:not(:empty)) input,.oilgas-field:has(.oilgas-field__message:not(:empty)) select,.oilgas-field:has(.oilgas-field__message:not(:empty)) textarea){border-color:#dc26267a}.oilgas-form__checklist{gap:var(--space-3,12px);grid-template-columns:repeat(2,minmax(240px,1fr));display:grid}.oilgas-form__check{border:1px solid var(--border);background:var(--panel-strong);border-radius:14px;min-height:44px;padding:10px 12px}.oilgas-form__wide{grid-column:1/-1}.oilgas-risk-panel{grid-template-columns:180px minmax(0,1fr)}.oilgas-risk-panel ul{margin:0;padding-left:18px}.oilgas-risk-panel--medium{border-color:#eab30859}.oilgas-risk-panel--high{border-color:#f973166b}.oilgas-risk-panel--critical{border-color:#dc262673}@media (width<=720px){.oilgas-form{padding:var(--space-3,12px)}.oilgas-form__summary,.oilgas-form__grid,.oilgas-form__checklist,.oilgas-risk-panel{grid-template-columns:1fr}}.tag-badge{--tag-color:#64748b;--tag-bg-mix:10%;--tag-border-mix:24%;border:1px solid color-mix(in srgb, var(--tag-color) var(--tag-border-mix), transparent);background:color-mix(in srgb, var(--tag-color) var(--tag-bg-mix), transparent);min-width:0;min-height:22px;color:color-mix(in srgb, var(--tag-color) 78%, var(--text));text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.tag-badge--sm{padding:0 9px;font-size:11px}.tag-badge--md{min-height:28px;padding:0 11px;font-size:12px}.tag-badge--status-ready{--tag-color:#16a34a}.tag-badge--status-beta{--tag-color:#2563eb}.tag-badge--status-development{--tag-color:#d97706}.tag-badge--status-review{--tag-color:#7c3aed}.tag-badge--status-planned{--tag-color:#64748b}.tag-badge--status-deprecated{--tag-color:#b91c1c}.tag-badge--group{--tag-color:var(--brand-strong)}.tag-badge--author{--tag-color:#4f46e5}.tag-badge--neutral{--tag-color:#64748b}:root[data-theme=dark] .tag-badge{--tag-bg-mix:16%;--tag-border-mix:30%;color:color-mix(in srgb, var(--tag-color) 62%, var(--text))}.component-status-overlay{border-radius:inherit;width:100%;position:relative;overflow:hidden}.component-status-overlay__veil,.component-status-overlay__tape,.component-status-overlay__ribbon{pointer-events:none}.component-status-overlay__veil{z-index:4;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f172a0d;position:absolute;inset:0}.component-status-overlay__tape{color:#fff;letter-spacing:.06em;text-transform:uppercase;z-index:5;background:repeating-linear-gradient(45deg,#facc15 0 12px,#111827 12px 24px);justify-content:center;align-items:center;height:34px;font-size:11px;font-weight:900;line-height:1;display:flex;position:absolute;left:-12%;right:-12%;box-shadow:0 10px 20px #0000002e}.component-status-overlay__tape span{text-align:center;background:#111827b8;border-radius:999px;padding:4px 10px}.component-status-overlay__tape--top{top:22px;transform:rotate(-8deg)}.component-status-overlay__tape--bottom{bottom:22px;transform:rotate(8deg)}.component-status-overlay__ribbon{z-index:5;background:color-mix(in srgb, #7c3aed 14%, var(--panel-strong));max-width:min(72%,360px);color:color-mix(in srgb, #7c3aed 72%, var(--text));text-align:center;border:1px solid #7c3aed47;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;line-height:1;position:absolute;top:14px;right:14px;box-shadow:0 12px 26px #0f172a1f}.component-status-overlay--planned .component-status-overlay__veil{background:#64748b1a}.catalog-card__preview .component-status-overlay{border-radius:16px;justify-content:center;align-items:center;min-height:180px;display:flex}.component-preview-surface>.component-status-overlay{min-height:inherit;justify-content:center;align-items:center;display:flex}.component-preview-surface--table>.component-status-overlay{display:block}@media (width<=720px){.component-status-overlay__tape{height:28px;font-size:9px;left:-18%;right:-18%}.component-status-overlay__tape--top{top:18px;transform:rotate(-6deg)}.component-status-overlay__tape--bottom{bottom:18px;transform:rotate(6deg)}.component-status-overlay__ribbon{max-width:calc(100% - 20px);font-size:11px;top:10px;right:10px}}.color-control{gap:8px;display:grid}.color-control__label,.color-list-control__head span{color:var(--muted);font-weight:700}.color-control__presets{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.color-control__presets button{aspect-ratio:1;border:2px solid var(--border);cursor:pointer;border-radius:10px;width:100%;min-height:28px}.color-control__presets button.active{border-color:var(--text);box-shadow:0 0 0 2px var(--panel-strong), 0 0 0 4px var(--brand)}.color-control__inputs{grid-template-columns:48px minmax(0,1fr);gap:8px;display:grid}.color-control__inputs input[type=color]{width:48px;height:42px;padding:4px}.color-control__error{color:#dc2626;line-height:1.35}.color-list-control{gap:10px;display:grid}.color-list-control__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.color-list-control__items{gap:12px;display:grid}.color-list-control__item{border:1px solid var(--border);background:var(--panel-muted);border-radius:14px;gap:8px;padding:10px;display:grid}.code-preview{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;margin-top:16px;overflow:hidden}.code-preview__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.code-preview__tabs{flex-wrap:wrap;gap:6px;display:flex}.code-preview__tabs button{border:1px solid var(--border);background:var(--panel-muted);color:var(--muted);cursor:pointer;border-radius:10px;padding:8px 10px;font-weight:800}.code-preview__tabs button.active{background:var(--panel-strong);color:var(--text)}.code-preview__code{background:var(--panel-strong);max-height:440px;margin:0;padding:16px;font-size:13px;line-height:1.55;overflow:auto}:root{--bg:#ececec;--bg-elevated:#ffffffb8;--panel:#ffffffd6;--panel-strong:#fff;--panel-muted:#f2f2f2;--text:#1f232b;--muted:#60646c;--border:#1f232b14;--brand:#86d400;--brand-strong:#3a8e00;--shadow:0 20px 60px #22283114;--radius-xl:32px;--radius-lg:22px;--radius-md:16px;background:var(--bg);color:var(--text);font-family:Open Sans,Inter,Arial,sans-serif}:root[data-theme=dark]{--bg:#0c1014;--bg-elevated:#13181fcc;--panel:#12181ee0;--panel-strong:#131920;--panel-muted:#191f27;--text:#eef2f5;--muted:#9ba4ae;--border:#ffffff14;--brand:#9df11c;--brand-strong:#79cc00;--shadow:0 20px 60px #00000047}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}textarea{resize:vertical}pre{white-space:pre-wrap;word-break:break-word}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell,.library-shell,.component-shell{min-height:100vh;padding:20px 24px 28px}.landing-shell{min-height:100vh;padding:0}.landing-container{width:min(100%,1600px);min-width:0;margin:0 auto;padding-inline:clamp(16px,3vw,30px)}.landing-section{padding-block:clamp(28px,4vw,48px)}.app-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.app-header--compact{margin-bottom:12px}.brand-link{align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-link__title{font-size:24px}.brand-link__badge{color:var(--brand-strong);background:#86d4001f;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.app-header__nav{color:var(--muted);align-items:center;gap:26px;display:flex}.app-header__nav a.active,.app-header__nav a:hover{color:var(--brand-strong)}.app-header__actions{align-items:center;gap:10px;display:flex}.locale-switcher{background:var(--panel);border:1px solid var(--border);border-radius:14px;gap:4px;padding:4px;display:inline-flex}.locale-switcher button{min-width:36px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-weight:800}.locale-switcher button.active{background:var(--panel-strong);color:var(--text);box-shadow:0 6px 16px #0f172a14}.icon-button,.primary-button,.secondary-button,.ghost-button{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.icon-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.icon-button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-button svg{width:19px;height:19px}.primary-button,.secondary-button,.ghost-button{justify-content:center;align-items:center;padding:12px 18px;display:inline-flex}.primary-button--brand{color:#11200a;background:linear-gradient(#9df11cb8);border-color:#0000;font-weight:700;box-shadow:0 4px 15px #53b039bf}.ghost-button{background:0 0}.hero-block{isolation:isolate;border-radius:0;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-header-wrap{z-index:5;width:100%;padding-top:max(14px, env(safe-area-inset-top));position:absolute;top:0;left:0}.hero-block__content-wrap{width:100%;min-width:0;padding-block:clamp(112px,16vh,168px) clamp(56px,10vh,120px)}.hero-block__content{z-index:2;text-align:center;width:100%;min-width:0;max-width:720px;margin:0 auto;position:relative}.hero-block__content h1{margin:0 0 18px;font-size:clamp(54px,8vw,86px);line-height:.95}.hero-block__lead{max-width:620px;margin:0 auto;font-size:clamp(24px,2.6vw,44px);line-height:1.15}.hero-block__actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.hero-orb{aspect-ratio:1;isolation:isolate;border-radius:50%;width:clamp(220px,24vw,360px);animation:11s ease-in-out infinite orbFloat;position:absolute;transform:translate(0,0)}.hero-orb--one{top:-34px;left:calc(19% + (var(--pointer-x) - .5) * -54px)}.hero-orb--two{top:-26px;right:calc(9% + (var(--pointer-x) - .5) * 68px);width:clamp(240px,23vw,350px);animation-delay:-2.2s}.hero-orb--three{left:calc(-6% + (var(--pointer-x) - .5) * -66px);width:clamp(560px,27vw,390px);animation-delay:-4.4s;top:164px}.hero-orb--four{right:calc(15% + (var(--pointer-y) - .5) * 56px);width:clamp(550px,24vw,340px);animation-delay:-1.1s;bottom:86px}.hero-orb--five{left:calc(34% + (var(--pointer-x) - .5) * -34px);width:clamp(340px,25vw,350px);animation-delay:-3.4s;bottom:64px}.hero-orb--six{right:calc(29% + (var(--pointer-x) - .5) * 34px);opacity:.94;width:clamp(550px,14vw,220px);animation-delay:-5.2s;top:118px}.hero-orb--seven{left:calc(8% + (var(--pointer-y) - .5) * -24px);opacity:.84;width:clamp(270px,18vw,240px);animation-delay:-6.6s;bottom:-78px}@keyframes orbFloat{0%,to{transform:translate(0,0)scale(1)rotate(0)}25%{transform:translate(6px,-8px)scale(1.018)rotate(.8deg)}50%{transform:translate(-4px,-15px)scale(1.032)rotate(-.8deg)}75%{transform:translate(8px,-6px)scale(1.014)rotate(.4deg)}}.features-block{margin-top:0}.section-heading h2,.library-content__header h1,.component-page-top h1{margin:0 0 12px;font-size:clamp(34px,5vw,62px);line-height:1}.section-heading p,.library-content__header p,.component-page-top p{max-width:980px;color:var(--muted);margin:0;font-size:24px;line-height:1.3}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.feature-card,.catalog-card,.sidebar-box,.component-preview-surface,.component-doc-box,.library-nav,.library-content,.playground-alert{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow)}.feature-card{border-radius:20px;padding:22px;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:radial-gradient(circle,#a5ff0147,#0000 70%);height:220px;transition:opacity .25s;position:absolute;inset:auto -10% -45%}.feature-card:hover:before{opacity:1}.feature-card h3{margin:0 0 12px;font-size:18px}.feature-card p{color:var(--muted);margin:0;line-height:1.45}.cta-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;margin-top:80px;display:flex;position:relative}.cta-block:before{content:"";filter:blur(28px);z-index:0;background:radial-gradient(circle,#7cfc26b8,#7cfc261a 48%,#0000 75%);width:min(1000px,92vw);height:320px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.cta-block h2{z-index:1;margin:0 0 26px;font-size:clamp(32px,5vw,70px);line-height:1.06;position:relative}.cta-block h2 span{color:var(--brand-strong)}.landing-install{z-index:1;justify-items:center;gap:8px;width:100%;max-width:360px;margin-top:24px;display:grid;position:relative}.install-command{background:var(--panel-strong);border:1px solid var(--border);width:fit-content;min-width:230px;max-width:100%;box-shadow:var(--shadow);text-align:center;border-radius:14px;justify-content:center;align-items:center;margin-inline:auto;padding:14px 48px;display:inline-flex}.install-command code{text-align:center;width:100%;display:block}.install-command__hint{color:var(--muted);margin:0;font-size:12px}.landing-footer{text-align:center;background:var(--panel);border:1px solid var(--border);border-bottom:0;border-radius:36px 36px 0 0;margin-top:12px;padding:clamp(32px,5vw,44px) 0}.landing-footer p,.landing-footer a{color:var(--muted);margin:0}.landing-footer a{margin-top:12px;display:inline-block}.library-layout-v2{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}.library-nav{border-radius:28px;padding:18px 16px;position:sticky;top:16px}.library-nav__logo{justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:700;display:flex}.library-nav__logo span{color:var(--brand-strong);background:#86d4001f;border-radius:999px;padding:4px 8px;font-size:12px}.library-nav__group{color:var(--muted);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 8px;display:flex}.library-nav__group a:hover{color:var(--brand-strong)}.library-nav__group p{color:var(--text);margin:0;font-weight:700}.library-content{border-radius:32px;padding:24px}.library-content__header{margin-bottom:30px}.search-input{border:1px solid var(--border);background:var(--panel-strong);width:100%;color:var(--text);border-radius:14px;outline:none;padding:14px 16px}.search-input--large{margin-top:18px}.library-section+.library-section{margin-top:34px}.library-section h2{margin:0 0 18px;font-size:34px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.catalog-card{border-radius:18px;flex-direction:column;min-height:310px;display:flex;overflow:hidden}.catalog-card__preview{background:var(--panel-muted);min-height:196px;padding:14px}.catalog-card__body{padding:14px 14px 8px}.catalog-card__body h3{margin:0 0 8px;font-size:24px}.catalog-card__body p{color:var(--muted);margin:0}.catalog-card__meta{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:10px;display:flex}.catalog-card__tags,.component-page-top__tags,.component-doc-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.catalog-card__tags{margin-bottom:10px}.catalog-card__footer{margin-top:auto;padding:0 14px 14px}.component-page-top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.component-page-top__breadcrumbs{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;display:flex}.component-page-top__tags{margin-top:14px}.component-page-top__stage-note{max-width:760px;color:var(--text);background:#d9770617;border:1px solid #d9770642;border-radius:16px;margin-top:10px;padding:12px 14px}.component-layout-v2{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.component-main{min-width:0}.component-preview-surface{border-radius:28px;min-height:560px;padding:20px}.component-preview-surface--centered,.component-preview-surface--chart{justify-content:center;align-items:center;display:flex}.component-preview-surface--chart>*{width:min(100%,920px)}.component-preview-surface--table{min-height:auto;padding:14px}.component-preview-surface--table .spreadsheet-shell{width:100%}.component-controls{position:sticky;top:16px}.sidebar-box{border-radius:24px;padding:18px}.sidebar-box+.sidebar-box{margin-top:14px}.sidebar-box h3{margin:0 0 14px;font-size:22px}.form-field{display:block}.form-field+.form-field,.checkbox-field,.playground-alert{margin-top:14px}.form-field span,.checkbox-field span{color:var(--muted);margin-bottom:8px;display:block}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--border);background:var(--panel-strong);width:100%;color:var(--text);border-radius:14px;padding:12px 14px}.checkbox-field{align-items:center;gap:10px;display:flex}.checkbox-field span{margin:0}.playground-alert{color:#f59e0b;border-radius:18px;margin-bottom:14px;padding:14px 16px}.playground-alert p{margin:0}.playground-alert p+p{margin-top:6px}.component-doc-box pre{background:var(--panel-muted);border:1px solid var(--border);border-radius:14px;padding:12px;font-size:13px}.component-doc-box{border-radius:24px;margin-top:16px;padding:18px}.component-doc-meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.component-doc-meta p{background:var(--panel-muted);border-radius:12px;margin:0;padding:10px}.component-doc-tags{align-content:start}.component-doc-lifecycle__body{border:1px solid var(--border);background:var(--panel-muted);border-radius:16px;gap:10px;padding:14px;display:grid}.component-doc-lifecycle__body p{color:var(--muted);margin:0;line-height:1.5}.component-doc-section+.component-doc-section{margin-top:18px}.component-doc-section h4{margin:0 0 10px;font-size:16px}.component-doc-section ul{color:var(--muted);margin:0;padding-left:18px}.props-table-wrap{border:1px solid var(--border);border-radius:14px;overflow:auto}.props-table{border-collapse:collapse;width:100%;min-width:760px}.props-table th,.props-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.props-table th{background:var(--panel-muted);color:var(--muted);text-transform:uppercase;font-size:12px}@media (width<=1200px){.features-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.app-header{flex-wrap:wrap}.library-layout-v2,.component-layout-v2{grid-template-columns:1fr}.library-nav,.component-controls{position:static}.section-heading p,.library-content__header p,.component-page-top p{font-size:18px}.hero-block{min-height:760px}}@media (width<=720px){.page-shell,.library-shell,.component-shell{padding:16px}.landing-container{width:100vw;max-width:100vw;padding-inline:16px}.app-header__nav{order:3;justify-content:center;width:100%}.features-grid,.catalog-grid{grid-template-columns:1fr}.hero-block{min-height:700px;display:block}.hero-block__content-wrap{width:100vw;padding-block:136px 56px}.hero-block__content-wrap .landing-container{width:100vw;max-width:100vw}.hero-block__content{max-width:calc(100vw - 32px);margin-inline:0}.hero-block__lead{max-width:100%}.hero-orb{width:190px}.hero-orb--three,.hero-orb--four,.hero-orb--five{width:210px}.component-page-top{flex-direction:column}.library-content,.component-preview-surface,.library-nav{border-radius:24px}.hero-block__actions{width:100%}.hero-block__actions .primary-button,.hero-block__actions .secondary-button{width:min(100%,240px)}.cta-block h2{overflow-wrap:anywhere;width:calc(100vw - 32px);max-width:calc(100vw - 32px);font-size:clamp(28px,8vw,34px)}}@media (width<=980px){.hero-orb--six,.hero-orb--seven{display:none}.hero-orb--one{top:-28px;left:-18px}.hero-orb--two{top:-12px;right:-24px}.hero-orb--three{top:208px;left:-84px}.hero-orb--four{bottom:92px;right:-16px}.hero-orb--five{bottom:38px;left:28%}}@media (width<=720px){.hero-block__lead{max-width:300px;font-size:clamp(18px,5.4vw,22px)}.hero-orb{opacity:.82}.hero-orb--one,.hero-orb--two{width:clamp(180px,34vw,240px)}.hero-orb--three,.hero-orb--four,.hero-orb--five{width:clamp(190px,38vw,250px)}.hero-orb--three{top:224px;left:-92px}.hero-orb--five{bottom:48px;left:24%}}.validation-alert{border:1px solid var(--border);background:var(--panel);border-radius:18px;margin-bottom:14px;padding:14px 16px}.validation-alert--error{background:#dc262614;border-color:#dc262647}.validation-alert--warning{background:#eab30814;border-color:#eab30847}.validation-alert__title{margin-bottom:8px;font-weight:700}.validation-alert__list{margin:0;padding-left:18px}.spreadsheet-shell{flex-direction:column;gap:12px;display:flex}.spreadsheet-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spreadsheet-toolbar__selection{color:var(--muted);margin-left:auto;font-weight:600}.spreadsheet-wrap{border:1px solid var(--border);background:var(--panel-strong);border-radius:18px;overflow:auto}.spreadsheet-table{border-collapse:collapse;width:100%;min-width:760px}.spreadsheet-table th,.spreadsheet-table td{border:1px solid var(--border);min-width:120px;height:52px}.spreadsheet-table thead th{background:var(--panel-muted);text-align:left;padding:8px 10px;font-size:12px}.spreadsheet-table thead th span:not(.spreadsheet-table__fx-badge){color:var(--text);margin-top:4px;font-size:13px;display:block}.spreadsheet-table__coordinate{font-weight:900;color:var(--muted)!important;font-size:12px!important}.spreadsheet-table__header-input{border:1px solid var(--border);background:var(--panel-strong);width:100%;min-height:30px;color:var(--text);font:inherit;border-radius:8px;margin-top:4px;padding:4px 8px;font-size:13px;font-weight:700}.spreadsheet-table__header-input--business{margin-top:0}.spreadsheet-table tbody th{background:var(--panel-muted);text-align:center;width:54px;min-width:54px;font-size:13px}.spreadsheet-table td{background:var(--panel-strong);padding:0;position:relative}.spreadsheet-table td.selected{outline:2px solid var(--brand);outline-offset:-2px;z-index:1}.spreadsheet-table td input,.spreadsheet-table td span{width:100%;height:100%;color:var(--text);background:0 0;border:0;padding:12px 14px}.spreadsheet-table td input:focus{box-shadow:inset 0 0 0 2px var(--brand);outline:none}.spreadsheet-table__cell--formula{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 34%, transparent);background:color-mix(in srgb, var(--brand) 7%, var(--panel-strong))!important}.spreadsheet-table__cell--formula-error{box-shadow:inset 0 0 0 1px #dc262661;background:#dc262614!important}.spreadsheet-table__fx-badge{background:color-mix(in srgb, var(--brand) 22%, var(--panel-strong));pointer-events:none;border-radius:5px;font-size:9px;font-weight:900;line-height:1.2;position:absolute;top:3px;right:4px;width:auto!important;height:auto!important;color:var(--brand-strong)!important;padding:1px 4px!important}.spreadsheet-footnote{color:var(--muted);font-size:13px}.component-helper-box ul{margin:8px 0 0;padding-left:18px}.hero-orb{overflow:visible;background:radial-gradient(circle at 34% 28%,#ffffff52,#0000 24%),url(/assets/tennis-orb-Ckpm8CgX.svg) 50%/112% 112% no-repeat!important}.hero-orb:before{mix-blend-mode:screen;background:radial-gradient(circle,#0000 57%,#e2ff765c 67%,#9de51a1f 80%,#0000 88%),repeating-conic-gradient(#f4ffcb80 0deg 1.4deg,#0000 1.4deg 5.2deg,#ccff5f57 5.2deg 6deg,#0000 6deg 10deg)!important}.hero-orb:after{background:repeating-radial-gradient(circle,#ffffff24 0 1px,#0000 1px 3.4px),radial-gradient(circle at 48% 58%,#1b4a0042,#0000 50%)!important}@media (width<=1100px){.hero-orb--six,.hero-orb--seven{display:none}}@media (width<=760px){.hero-orb--four{display:none}}.formula-bar{border-bottom:1px solid var(--border);background:var(--panel);grid-template-columns:72px minmax(180px,1fr) minmax(120px,auto) auto;align-items:center;gap:8px;padding:10px;display:grid}.formula-bar span{background:var(--panel-muted);height:34px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.formula-bar input{border:1px solid var(--border);background:var(--panel-strong);width:100%;height:36px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px}.formula-bar__result{background:var(--panel-muted);min-height:34px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.spreadsheet-formula-panel{border:1px solid var(--border);background:var(--panel);border-radius:16px;gap:10px;padding:12px;display:grid}.spreadsheet-formula-panel__controls{grid-template-columns:minmax(180px,1fr) minmax(120px,160px) minmax(90px,auto) auto;align-items:end;gap:10px;display:grid}.spreadsheet-formula-panel label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.spreadsheet-formula-panel input,.spreadsheet-formula-panel select{border:1px solid var(--border);background:var(--panel-strong);min-height:38px;color:var(--text);font:inherit;border-radius:10px;padding:0 10px}.spreadsheet-formula-panel__result{background:var(--panel-muted);min-height:38px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-weight:800;display:inline-flex}.spreadsheet-formula-panel__examples{flex-wrap:wrap;gap:8px;display:flex}.spreadsheet-shell--app .spreadsheet-table th,.spreadsheet-shell--app .spreadsheet-table td{min-width:150px}.spreadsheet-business-head th{z-index:3;text-align:left;padding-inline:12px;position:sticky;top:0;background:var(--panel-muted)!important}.spreadsheet-table td{-webkit-user-select:none;user-select:none}.spreadsheet-table td input{-webkit-user-select:text;user-select:text}.segmented-control{background:var(--panel-muted);border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 12px;padding:4px;display:grid}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-weight:800}.segmented-control button.active{background:var(--panel-strong);color:var(--text);box-shadow:0 8px 22px #0f172a14}.dataset-list-editor,.dataset-editor{gap:12px;display:grid}.dataset-list-editor{margin-top:14px}.dataset-editor{border:1px solid var(--border);background:var(--panel-muted);border-radius:14px;padding:12px}.dataset-editor__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.dataset-editor__head strong{font-size:13px}.button-showcase{gap:18px;padding:16px;display:grid}.button-showcase__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-demo{justify-content:center;align-items:center;min-width:220px;display:flex}.button-all-variants{grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;width:min(100%,640px);display:grid}.button-all-variants .gridify-button{justify-content:center;width:100%;min-height:46px}.gridify-button{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.gridify-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #0f172a1f}.gridify-button:disabled{opacity:.55;cursor:not-allowed}.gridify-button--sm{padding:8px 12px;font-size:13px}.gridify-button--md{padding:11px 16px;font-size:14px}.gridify-button--lg{padding:14px 20px;font-size:16px}.gridify-button--primary{background:var(--brand);color:#fff}.gridify-button--secondary{color:#fff;background:#111827}.gridify-button--outline{border-color:var(--border);color:var(--text);background:0 0}.gridify-button--ghost{color:var(--text);background:0 0}.gridify-button--danger{color:#fff;background:#dc2626}.gridify-button--success{color:#fff;background:#16a34a}.gridify-button__spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite gridifySpin}@keyframes gridifySpin{to{transform:rotate(360deg)}}.candlestick-chart{width:min(100%,920px)}.candlestick-chart svg{width:100%;height:100%;display:block}.scroll-panel-demo{border:1px solid var(--border);background:var(--panel);border-radius:20px;overflow:hidden}.scroll-panel-demo__head{z-index:2;border-bottom:1px solid var(--border);background:var(--panel-strong);justify-content:space-between;gap:16px;padding:14px 16px;display:flex;position:sticky;top:0}.scroll-panel-demo__head span{color:var(--muted)}.scroll-panel-demo__body{max-height:360px;padding:8px;overflow-y:auto}.scroll-panel-demo__item{border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .18s,transform .18s;display:flex}.scroll-panel-demo__item:hover{background:var(--panel-muted);transform:translate(2px)}.scroll-panel-demo--compact .scroll-panel-demo__item{padding-block:8px}.scroll-panel-demo--comfortable .scroll-panel-demo__item{padding-block:16px}@media (width<=720px){.formula-bar{grid-template-columns:54px 1fr}.formula-bar__result,.formula-bar button{grid-column:1/-1}.spreadsheet-formula-panel__controls{grid-template-columns:1fr}.install-command{width:100%;max-width:340px}}