.st-tvt{display:inline-flex;align-items:center;gap:2px;height:30px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface)}.st-tvt__label{padding:0 6px 0 8px;font-size:12px;font-weight:600;color:var(--text-faint)}.st-tvt__btn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.st-tvt__btn:hover{color:var(--text);background:var(--hover)}.st-tvt__btn[aria-pressed=true]{background:var(--accent);color:#fff}.st-tvt__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.st-tvt--compact{height:28px;background:#0814268c;border-color:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.st-tvt--compact .st-tvt__btn{width:26px;padding:0;justify-content:center;color:#fffc}.st-tvt--compact .st-tvt__btn:hover{background:#ffffff24;color:#fff}.st-tvf{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;transition:background .2s ease}.st-tvf__toggle{position:absolute;right:10px;bottom:10px;z-index:3;opacity:.55;transition:opacity .15s ease}.st-tvf:hover .st-tvf__toggle,.st-tvf__toggle:focus-within{opacity:1}.st-tvt--compact .st-tvt__btn[aria-pressed=true]{background:#ffffffeb;color:#071d3b}.dsc-badge{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 4px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:var(--font-sm);font-weight:650;cursor:pointer;white-space:nowrap}.dsc-badge:hover{background:var(--hover)}.dsc-badge:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dsc-badge.is-static{cursor:default}.dsc-badge--sm{height:24px;padding:0 8px 0 3px;gap:6px;font-size:var(--font-xs)}.dsc-dot{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;flex:none}.dsc-badge--sm .dsc-dot{width:18px;height:18px;font-size:9.5px}.dsc-grade{color:var(--text-muted);font-weight:600}.dsc-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:min(440px,calc(100vw - 32px));max-height:min(72vh,640px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:16px}.dsc-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}.dsc-ring{flex:none}.dsc-cats{display:grid;gap:8px;margin:12px 0 16px}.dsc-cat{display:grid;grid-template-columns:1fr 120px 32px;align-items:center;gap:10px;font-size:var(--font-sm)}.dsc-bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.dsc-bar>span{display:block;height:100%;border-radius:3px}.dsc-issue{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:10px 0;border-top:1px solid var(--border);align-items:start}.dsc-sev{width:8px;height:8px;border-radius:50%;margin-top:6px}.dsc-issue__msg{font-size:var(--font-sm);font-weight:600;line-height:1.35}.dsc-issue__fix{font-size:var(--font-sm);color:var(--text-muted);margin-top:2px;line-height:1.35}.dsc-issue__where{font-size:var(--font-xs);color:var(--text-faint);margin-top:3px}.st-ai-wrap{position:relative;display:inline-flex}.st-ai-btn{position:relative;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#8b5cf6))!important;border-color:transparent!important;color:#fff!important;font-weight:650;box-shadow:0 1px 8px color-mix(in srgb,var(--accent) 38%,transparent)}.st-ai-btn:hover:not(:disabled){filter:brightness(1.08)}.st-ai-btn[aria-pressed=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.st-ai-btn kbd{margin-left:4px;padding:0 5px;border-radius:4px;background:#ffffff38;font:inherit;font-size:10.5px;line-height:17px}.st-ai-hint{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:270px;padding:12px 34px 12px 14px;border-radius:var(--radius-md);background:var(--surface);color:var(--text);border:1px solid var(--accent);box-shadow:var(--shadow-lg);font-size:12.5px;line-height:1.45;animation:st-ai-pop .2s ease}.st-ai-hint:before{content:"";position:absolute;top:-6px;right:34px;width:10px;height:10px;transform:rotate(45deg);background:var(--surface);border-left:1px solid var(--accent);border-top:1px solid var(--accent)}.st-ai-hint strong{display:block;margin-bottom:2px;font-size:13px}.st-ai-hint em{color:var(--accent);font-style:normal;font-weight:600}.st-ai-hint button{position:absolute;top:8px;right:8px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:none;color:var(--text-faint);cursor:pointer}.st-ai-hint button:hover{background:var(--hover);color:var(--text)}@keyframes st-ai-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.st-body{position:relative}.st-body.has-ai{grid-template-columns:290px minmax(0,1fr) 380px}.st-body.has-ai>.st-right{display:none}.st-ai{display:none}.st-ai.is-open{display:flex}@media (max-width: 1180px){.st-body.has-ai{grid-template-columns:290px minmax(0,1fr) 330px}.st-body.has-ai>.st-right{display:flex}.st-ai.is-open{position:absolute;z-index:40;top:0;right:0;bottom:0;width:min(400px,100%);box-shadow:-12px 0 40px #071d3b47}}@media (max-width: 760px){.st-body.has-ai{grid-template-columns:1fr}}.st-ai{flex-direction:column;min-height:0;background:var(--surface);border-left:1px solid var(--border)}.st-ai__head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;border-bottom:1px solid var(--divider, var(--border));flex-shrink:0}.st-ai__badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#8b5cf6))}.st-ai__title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.st-ai__title strong{font-size:14.5px;color:var(--text)}.st-ai__title small{font-size:11.5px;color:var(--text-muted)}.st-ai__x{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-muted);cursor:pointer}.st-ai__x:hover{background:var(--hover);color:var(--text)}.st-ai__list{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.st-ai__empty{margin:auto 0;padding:8px 6px;text-align:center;color:var(--text-muted)}.st-ai__empty h3{margin:10px 0 6px;font-size:16px;color:var(--text)}.st-ai__empty p{margin:0 auto;max-width:290px;font-size:12.5px;line-height:1.5}.st-ai__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:var(--accent);background:var(--accent-soft)}.st-ai__msg{display:flex;flex-direction:column;gap:6px;max-width:94%}.st-ai__msg--user{align-self:flex-end;align-items:flex-end}.st-ai__msg--assistant{align-self:flex-start;align-items:flex-start}.st-ai__bubble{display:flex;align-items:flex-start;gap:7px;padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}.st-ai__msg--user .st-ai__bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.st-ai__msg--assistant .st-ai__bubble{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.st-ai__msg.is-error .st-ai__bubble{background:var(--danger-soft);color:var(--danger);border-color:transparent}.st-ai__bubble-ic{flex-shrink:0;margin-top:3px}.st-ai__working{align-items:center;color:var(--text-muted)!important}.st-ai__working>svg{color:var(--accent)}.st-ai__cancel{margin-left:6px;padding:2px 9px;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:11.5px;font-weight:600;cursor:pointer}.st-ai__cancel:hover{border-color:var(--danger);color:var(--danger)}.st-ai__changes{list-style:none;margin:0;padding:8px 10px;width:100%;box-sizing:border-box;border-radius:var(--radius-md);background:var(--success-soft);display:flex;flex-direction:column;gap:4px}.st-ai__changes li{display:flex;gap:7px;align-items:flex-start;font-size:12px;line-height:1.4;color:var(--text);overflow-wrap:anywhere}.st-ai__changes svg{flex-shrink:0;margin-top:2px;color:var(--success)}.st-ai__warn{margin:0;font-size:11.5px;color:var(--text-muted);line-height:1.4}.st-ai__actions{display:flex;align-items:center;gap:8px}.st-ai__undo{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:12px;font-weight:600;cursor:pointer}.st-ai__undo:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.st-ai__undone{font-size:11.5px;color:var(--text-faint)}.st-ai__foot{flex-shrink:0;padding:10px 12px 12px;border-top:1px solid var(--divider, var(--border));display:flex;flex-direction:column;gap:8px;background:var(--surface)}.st-ai__ctx{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;max-width:100%;box-sizing:border-box;padding:3px 10px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:11.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-ai__ctx-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.st-ai__chips{display:flex;flex-wrap:wrap;gap:6px}.st-ai__chip{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:12px;cursor:pointer;transition:all var(--t-fast)}.st-ai__chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.st-ai__chip:disabled{opacity:.5;cursor:default}.st-ai__compose{position:relative}.st-ai__compose textarea{width:100%;box-sizing:border-box;min-height:58px;max-height:140px;resize:vertical;padding:9px 44px 9px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;font-size:13px;line-height:1.4;unicode-bidi:plaintext}.st-ai__compose textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.st-ai__send{position:absolute;right:8px;bottom:8px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--accent);color:#fff;cursor:pointer}.st-ai__send:disabled{background:var(--surface-2);color:var(--text-faint);cursor:default}.st-ai__fine{margin:0;font-size:10.5px;color:var(--text-faint);line-height:1.35}.st-ai__connection{padding:10px 14px;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--border);flex-shrink:0}.st-ai__connection label{font-size:11.5px;font-weight:650;color:var(--text-muted)}.st-ai__connection select{width:100%;min-width:0;box-sizing:border-box;padding:7px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;font-size:12px}.st-ai__connection select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.st-ai__connection small{font-size:11px;line-height:1.4;color:var(--text-muted)}.st-root{display:flex;flex-direction:column;height:100vh;background:var(--bg);overflow:hidden}.st-boot{display:flex;align-items:center;justify-content:center;gap:10px;height:100vh;color:var(--text-muted)}.st-top{display:flex;align-items:center;gap:8px;height:56px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.st-name{min-width:220px;max-width:420px;height:34px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-size:16px;font-weight:650}.st-name:hover{border-color:var(--border)}.st-name:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring);background:var(--surface)}.st-save{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-muted);white-space:nowrap}.st-save--saved{color:var(--success);background:var(--success-soft)}.st-save--dirty{color:var(--warning);background:var(--warning-soft)}.st-save--error{color:var(--danger);background:var(--danger-soft)}.st-alert{padding:8px 16px;background:var(--danger-soft);color:var(--danger);font-size:13px;border-bottom:1px solid var(--border)}.st-link{all:unset;cursor:pointer;text-decoration:underline;font-weight:600}.st-body{flex:1;min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr) 330px}.st-left,.st-right{background:var(--surface);min-height:0;display:flex;flex-direction:column}.st-left{border-right:1px solid var(--border)}.st-right{border-left:1px solid var(--border);overflow-y:auto}.st-left__tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border);flex-shrink:0}.st-left__tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 8px;border:0;background:none;color:var(--text-muted);font-size:12px;font-weight:600;border-bottom:2px solid transparent}.st-left__tab:hover{color:var(--text);background:var(--hover)}.st-left__tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.st-pane{padding:14px;overflow-y:auto;flex:1}.st-section{margin-top:14px}.st-section__label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:8px}.st-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.st-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:70px;padding:8px 4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:11.5px;font-weight:600;text-align:center;line-height:1.2;cursor:grab;transition:all .12s ease}.st-tile:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.st-tile:active{cursor:grabbing}.st-tile.is-current{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);cursor:default}.st-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.st-switcher .st-tile{min-height:58px;cursor:pointer}.st-field{display:flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 4px;border-radius:var(--radius-sm);font-size:13px;cursor:grab}.st-field:hover{background:var(--hover)}.st-tree{margin-bottom:2px}.st-tree__table{cursor:pointer}.st-tree__table.is-active{background:var(--accent-soft)}.st-tree__children{margin-left:14px;padding-left:6px;border-left:1px solid var(--divider)}.st-tree__children .st-field{height:30px}.st-page{padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer}.st-page.is-active{border-color:var(--accent);box-shadow:var(--focus-ring)}.st-center{display:flex;flex-direction:column;min-width:0;min-height:0;padding:12px 18px;overflow:auto}.st-pagetabs{display:flex;align-items:center;gap:6px;margin-bottom:10px;min-width:0}.st-pagetabs-scroll{display:flex;gap:4px;overflow-x:auto;min-width:0;flex:0 1 auto;scrollbar-width:thin;padding-bottom:2px}.st-pagejump{height:30px;max-width:240px;flex:0 0 auto;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;padding:0 10px}.st-pagetab{height:30px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-size:12.5px;font-weight:600;white-space:nowrap}.st-pagetab:hover{color:var(--text);border-color:var(--border-strong)}.st-pagetab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.st-pagetab.is-active .ds-faint{color:#ffffffbf}.st-canvas-col{display:flex;flex-direction:column;gap:8px}.st-filterbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 10px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.st-chip{height:26px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:12px;font-weight:600}.st-chip.is-selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.st-canvas{position:relative;width:100%;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;transition:background .2s ease}.st-canvas--light{box-shadow:var(--shadow-md),inset 0 0 0 1px var(--border)}.st-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;pointer-events:none;transition:opacity .2s ease}.st-grid{position:absolute;pointer-events:none;background-image:linear-gradient(to right,rgba(77,216,255,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(77,216,255,.12) 1px,transparent 1px)}.st-drop{position:absolute;border:2px dashed #4dd8ff;background:#4dd8ff1f;border-radius:6px;pointer-events:none}.st-box{position:absolute;cursor:move;border-radius:6px;transition:box-shadow 80ms ease}.st-box:hover{box-shadow:inset 0 0 0 1.5px #4dd8ff8c}.st-box.is-selected{box-shadow:0 0 0 2px #4dd8ff,0 0 0 5px #4dd8ff40;background:#4dd8ff0d;z-index:5}.st-box.is-clash{box-shadow:0 0 0 2px #f59e0b,0 0 0 5px #f59e0b40}.st-box.is-drop{box-shadow:0 0 0 2px #22c55e,0 0 0 6px #22c55e4d;background:#22c55e14}.st-tag{position:absolute;top:-22px;left:0;display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:5px 5px 0 0;background:#4dd8ff;color:#04121f;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none}.st-h{position:absolute;width:10px;height:10px;background:#fff;border:2px solid #1d9bd1;border-radius:3px;z-index:6}.st-h--n{top:-6px;left:calc(50% - 5px);cursor:ns-resize}.st-h--s{bottom:-6px;left:calc(50% - 5px);cursor:ns-resize}.st-h--e{right:-6px;top:calc(50% - 5px);cursor:ew-resize}.st-h--w{left:-6px;top:calc(50% - 5px);cursor:ew-resize}.st-h--ne{top:-6px;right:-6px;cursor:nesw-resize}.st-h--sw{bottom:-6px;left:-6px;cursor:nesw-resize}.st-h--nw{top:-6px;left:-6px;cursor:nwse-resize}.st-h--se{bottom:-6px;right:-6px;cursor:nwse-resize}.st-coords{position:absolute;padding:2px 8px;border-radius:4px;background:#04121fe6;color:#cfeaff;font-size:11px;font-weight:600;pointer-events:none;z-index:7}.st-status{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:12px;color:var(--text-muted)}.st-warn{color:var(--warning);font-weight:600}.st-props{display:flex;flex-direction:column}.st-props__head{display:flex;align-items:flex-start;gap:10px;padding:14px;border-bottom:1px solid var(--divider)}.st-props .ds-tabs{padding:0 8px}.st-props--visual .ds-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}.st-props--visual .ds-tab{min-width:0;justify-content:center;padding:0 6px}.st-props__body{display:flex;flex-direction:column;gap:14px;padding:14px}.st-well{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:8px;background:var(--surface-2);transition:all .1s ease}.st-well.is-over{border-color:var(--success);background:var(--success-soft)}.st-well__label{font-size:11.5px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.st-well__empty{font-size:12px;color:var(--text-faint);padding:4px 2px 6px}.st-well__item{display:flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 10px;margin-bottom:4px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);font-size:13px;font-weight:550}.st-mini{all:unset;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:var(--text-faint);cursor:pointer}.st-mini:hover{background:var(--hover);color:var(--text)}.st-mini:disabled{opacity:.3;cursor:default}.st-picker{margin-top:2px}.st-palette-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.st-palette-row.is-active{border-color:var(--accent);box-shadow:var(--focus-ring)}.st-palette-row{height:30px;cursor:pointer}.st-palette-row:hover{border-color:var(--border-strong)}.st-left.is-flash .st-pane{animation:st-flash 1.4s ease 1}@keyframes st-flash{0%,to{box-shadow:inset 0 0 0 0 transparent}20%,60%{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}}.st-loading{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.st-loading__sk{position:absolute;top:0;right:0;bottom:0;left:0;padding:3.2% 2.4%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:.55fr 1fr 1fr;gap:1.4%;opacity:.55}.st-loading__sk span{border-radius:8px;animation:st-pulse 1.4s ease-in-out infinite}.st-loading__sk span:nth-child(2n){animation-delay:.2s}@keyframes st-pulse{0%,to{opacity:.55}50%{opacity:1}}.st-loading__msg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);border:1px solid var(--border);max-width:80%}.st-loading__msg>svg{color:var(--accent);flex-shrink:0}.st-loading__msg span{display:flex;flex-direction:column;gap:2px}.st-loading__msg strong{font-size:14px}.st-loading__msg small{font-size:12px;color:var(--text-muted)}.st-empty{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;--st-e-line: rgba(15, 108, 189, .09);--st-e-zone: rgba(15, 108, 189, .35);--st-e-bg: #e9eef4;--st-e-card: #ffffff;--st-e-text: #172033;--st-e-muted: #58657a;--st-e-accent: #0f6cbd}.st-empty--dark{--st-e-line: rgba(77, 216, 255, .08);--st-e-zone: rgba(77, 216, 255, .35);--st-e-bg: #050d1a;--st-e-card: #0b1d34;--st-e-text: #eaf3fb;--st-e-muted: #93a9c2;--st-e-accent: #4dd8ff}.st-empty{background:var(--st-e-bg)}.st-empty__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--st-e-line) 1px,transparent 1px),linear-gradient(to bottom,var(--st-e-line) 1px,transparent 1px);pointer-events:none}.st-empty__zone{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:min(86%,820px);padding:clamp(16px,3.2%,40px) clamp(16px,3%,36px);border:2px dashed var(--st-e-zone);border-radius:16px;background:color-mix(in srgb,var(--st-e-bg) 82%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:border-color .15s ease,background .15s ease,transform .15s ease}.st-empty.is-dropping .st-empty__zone{border-color:var(--st-e-accent);background:color-mix(in srgb,var(--st-e-accent) 10%,var(--st-e-bg));transform:scale(1.01)}.st-empty__art{display:grid;grid-template-areas:"a a b" "c d d";grid-template-columns:22px 22px 22px;grid-template-rows:14px 18px;gap:4px;margin-bottom:6px;opacity:.9}.st-empty__art span{border-radius:4px;border:1.5px solid var(--st-e-zone);background:color-mix(in srgb,var(--st-e-accent) 12%,transparent)}.st-empty__title{margin:0;font-size:clamp(15px,1.6vw,21px);font-weight:750;color:var(--st-e-text);letter-spacing:-.01em}.st-empty__sub{margin:0 0 clamp(6px,1.4%,14px);font-size:13px;color:var(--st-e-muted)}.st-empty__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.st-empty__card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border:1px solid color-mix(in srgb,var(--st-e-muted) 30%,transparent);border-radius:12px;background:var(--st-e-card);color:var(--st-e-text);text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.st-empty__card:hover{transform:translateY(-2px);border-color:var(--st-e-accent);box-shadow:0 8px 22px #071d3b29}.st-empty__card:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--st-e-accent) 45%,transparent)}.st-empty__card.is-primary{border-color:color-mix(in srgb,var(--st-e-accent) 55%,transparent);background:color-mix(in srgb,var(--st-e-accent) 9%,var(--st-e-card))}.st-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:4px;border-radius:10px;background:color-mix(in srgb,var(--st-e-accent) 14%,transparent);color:var(--st-e-accent)}.st-empty__ct{font-size:13.5px;font-weight:700}.st-empty__cd{font-size:12px;line-height:1.35;color:var(--st-e-muted)}.st-empty{container-type:size}@container (max-width: 640px) or (max-height: 330px){.st-empty__cd{display:none}.st-empty__card{padding:10px 12px}.st-empty__art{display:none}}@container (max-width: 480px){.st-empty__actions{grid-template-columns:1fr;gap:6px}.st-empty__icon{display:none}}.st-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.st-tpl{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.st-tpl:hover{border-color:var(--accent);box-shadow:var(--focus-ring)}.st-tpl__name{margin-top:6px;font-weight:700;font-size:14px}.st-tpl__desc{font-size:12.5px;color:var(--text-muted);line-height:1.35}.st-tpl__count{font-size:11.5px;color:var(--text-faint);margin-top:2px}.st-tthumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:6px;background:var(--surface-2);border:1px solid var(--divider);overflow:hidden}.st-tthumb__w{position:absolute;margin:1.5px;border-radius:3px;border:1.5px solid;background:color-mix(in srgb,currentColor 4%,transparent);opacity:.85}.st-tthumb__w--kpi{background:color-mix(in srgb,var(--accent) 16%,transparent)}.st-tthumb__w--filter{border-style:dashed}.st-format{display:flex;flex-direction:column}.st-fsec{border-bottom:1px solid var(--divider)}.st-fsec__head{display:flex;align-items:center;gap:4px;padding-right:10px}.st-fsec__toggle{flex:1;display:flex;align-items:center;gap:8px;min-width:0;height:42px;padding:0 8px 0 14px;border:0;background:none;color:var(--text);font-size:13px;font-weight:700;text-align:left;cursor:pointer}.st-fsec__toggle:hover{background:var(--hover)}.st-fsec__toggle:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.st-fsec__chev{flex-shrink:0;color:var(--text-faint);transform:rotate(-90deg);transition:transform .12s ease}.st-fsec.is-open .st-fsec__chev{transform:none}.st-fsec__title{white-space:nowrap}.st-fsec__summary{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:500;color:var(--text-faint);text-transform:none}.st-fsec__reset{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:0;border-radius:var(--radius-pill);background:none;color:var(--text-faint);font-size:11.5px;font-weight:600;cursor:pointer}.st-fsec__reset:hover{background:var(--hover);color:var(--accent)}.st-fsec__body{display:flex;flex-direction:column;gap:12px;padding:2px 14px 16px}.st-fsub{margin-top:4px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.st-frow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.st-frow--stacked{flex-direction:column;align-items:stretch;gap:6px}.st-frow__label{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:12.5px;font-weight:600;color:var(--text-muted)}.st-frow__hint{font-size:11px;font-weight:400;color:var(--text-faint);line-height:1.3}.st-frow__ctl{min-width:0;display:flex;justify-content:flex-end}.st-frow--stacked .st-frow__ctl{display:block}.st-frow--toggle .ds-switch{flex-shrink:0}.st-frow-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st-frow-pair .st-frow{flex-direction:column;align-items:stretch;gap:6px}.st-seg-fill .ds-seg{display:flex;width:100%}.st-seg-fill .ds-seg__btn{flex:1;justify-content:center;padding-left:4px;padding-right:4px}.st-numbox{width:100%;max-width:120px}.st-frow-pair .st-numbox{max-width:none}.st-slider{display:flex;align-items:center;gap:8px}.st-slider input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.st-slider.is-default input[type=range]{opacity:.55}.st-slider__num{width:52px;height:28px;padding:0 6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;text-align:right}.st-slider.is-default .st-slider__num{color:var(--text-faint)}.st-slider__num:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.st-slider__unit{font-size:11.5px;color:var(--text-faint);width:18px}.st-slider__auto{width:22px;font-size:10px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.st-color{position:relative}.st-color__btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 8px 0 5px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;cursor:pointer}.st-color__btn:hover{border-color:var(--accent)}.st-color__btn.is-compact{width:30px;padding:0;justify-content:center}.st-color__chip{width:20px;height:20px;border-radius:5px;box-shadow:inset 0 0 0 1px #00000024}.st-color__chip.is-auto{background:conic-gradient(#0f6cbd 0,#0f6cbd 25%,#18a8c9 0,#18a8c9 50%,#22c55e 0,#22c55e 75%,#eab308 0);opacity:.55}.st-color__chip.is-clear{background:linear-gradient(135deg,transparent 45%,#ef4444 45% 55%,transparent 55%),var(--surface-2)}.st-color__val{min-width:54px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;color:var(--text-muted);text-align:left}.st-color__pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:236px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg)}.st-series .st-color__pop,.st-band .st-color__pop{left:0;right:auto}.st-color__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.st-color__sw{aspect-ratio:1;border:0;border-radius:5px;box-shadow:inset 0 0 0 1px #00000024;cursor:pointer;transition:transform 80ms ease}.st-color__sw:hover{transform:scale(1.15)}.st-color__sw.is-on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.st-color__custom{display:flex;align-items:center;gap:6px;margin-top:10px}.st-color__native{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;overflow:hidden}.st-color__native input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.st-color__foot{display:flex;justify-content:space-between;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid var(--divider)}.st-link-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 4px;border:0;background:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;border-radius:4px}.st-link-btn:hover{background:var(--hover)}.st-sw-mini{display:inline-flex;gap:2px}.st-sw-mini i{width:9px;height:9px;border-radius:2px}.st-series{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.st-series__row{display:flex;align-items:center;gap:8px;min-width:0}.st-band{display:flex;align-items:center;gap:8px;margin-bottom:6px}.st-band .st-numbox{max-width:90px}.st-smart{margin:12px 0 4px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2, var(--surface));--st-g1: var(--accent);--st-g2: #18a8c9;--st-g3: color-mix(in srgb, var(--accent) 30%, transparent)}.st-smart__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.st-smart__tile{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;color:var(--text);min-width:0;transition:border-color .12s,box-shadow .12s,transform .12s}.st-smart__tile:hover{border-color:var(--accent);box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}.st-smart__tile:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.st-smart__tile.is-on{border-color:var(--accent);box-shadow:var(--focus-ring);cursor:default}.st-smart__svg{display:block;color:var(--text)}.st-smart__label{font-size:12.5px;font-weight:650;display:flex;align-items:center;gap:4px}.st-smart__why{font-size:11px;line-height:1.3;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.st-smart__pulse{animation:st-smart-pulse 1.1s ease-in-out infinite}@keyframes st-smart-pulse{50%{opacity:.2}}.st-gallery{display:flex;flex-direction:column;gap:10px;--st-g1: var(--accent);--st-g2: #18a8c9;--st-g3: color-mix(in srgb, var(--accent) 30%, transparent)}.st-gallery__label{margin-bottom:6px;font-size:11.5px;font-weight:700;color:var(--text-muted)}.st-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.st-gtile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;min-height:64px;padding:6px 2px 5px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:10.5px;font-weight:600;line-height:1.15;text-align:center;cursor:pointer;transition:border-color .1s ease,background .1s ease,color .1s ease}.st-gtile:hover{border-color:var(--accent);color:var(--text);background:var(--hover)}.st-gtile:focus-visible{outline:none;box-shadow:var(--focus-ring)}.st-gtile.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);cursor:default;box-shadow:inset 0 0 0 1px var(--accent)}.st-gtile__check{position:absolute;top:3px;right:3px;padding:1px;border-radius:50%;background:var(--accent);color:#fff}.st-gallery__hint{min-height:34px;padding:7px 9px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:12px;color:var(--text-muted);line-height:1.35}.st-gallery__hint strong{color:var(--text)}.st-pos{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.st-pos--3{grid-template-columns:repeat(3,1fr)}.st-pos__btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:10.5px;font-weight:600;line-height:1.15;cursor:pointer}.st-pos__btn:hover{border-color:var(--accent);color:var(--text)}.st-pos__btn.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.st-looks{display:flex;flex-direction:column;gap:8px}.st-look{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:center;padding:7px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.st-look:hover{border-color:var(--border-strong)}.st-look.is-on{border-color:var(--accent);box-shadow:var(--focus-ring);cursor:default}.st-look__mini{display:flex;flex-direction:column;gap:4px;height:64px;padding:5px;border-radius:6px;box-shadow:inset 0 0 0 1px #00000014;overflow:hidden}.st-look__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:20px}.st-look__kpi{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 3px;min-width:0}.st-look__kt{width:60%;height:2px;border-radius:1px;opacity:.6}.st-look__kv{font-size:8px;line-height:1;white-space:nowrap;overflow:hidden}.st-look__chart{flex:1;display:flex;flex-direction:column;gap:2px;padding:3px 4px;min-height:0}.st-look__ct{font-size:6.5px;line-height:1;white-space:nowrap}.st-look__bars{flex:1;display:flex;align-items:flex-end;gap:3px;min-height:0}.st-look__bars span{flex:1}.st-look__text{display:flex;flex-direction:column;gap:2px;min-width:0}.st-look__name{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700}.st-look__name svg{color:var(--accent)}.st-look__best{font-size:11.5px;line-height:1.3;color:var(--text-muted)}@media (max-width: 1280px){.st-body{grid-template-columns:250px minmax(0,1fr) 300px}.st-look{grid-template-columns:88px minmax(0,1fr)}}.st-slider input[type=range]:focus{outline:none;box-shadow:none}.st-slider input[type=range]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px;border-radius:4px}.st-tryit-row{display:flex;justify-content:flex-end;margin-bottom:-2px}.st-tryit{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.st-tryit.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.st-canvas.is-interactive .st-frame{pointer-events:auto}.st-canvas.is-interactive .st-box,.st-canvas.is-interactive .st-grid,.st-canvas.is-interactive .st-drop{pointer-events:none}.st-canvas.is-interactive{box-shadow:0 0 0 2px var(--accent),var(--shadow-md)}.st-nfpreview{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2, transparent)}.st-nfpreview__row{display:flex;align-items:baseline;gap:8px;font-size:12px;font-variant-numeric:tabular-nums}.st-nfpreview__raw{color:var(--text-faint);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-nfpreview__arrow{color:var(--text-faint)}.st-nfpreview__out{margin-left:auto;font-weight:700;color:var(--text)}.st-presence{display:flex;align-items:center;gap:4px;margin-right:8px}.st-presence__av{width:26px;height:26px;border-radius:50%;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ds-surface, #fff);margin-left:-6px;box-shadow:0 0 0 1px #0000001f;cursor:default}.st-presence__av:first-of-type{margin-left:0}.st-presence__av.is-editing{box-shadow:0 0 0 2px #22c55e}.st-presence__more,.st-presence__count,.st-presence__note{font-size:12px;color:var(--ds-text-muted, #64748b);margin-left:6px}.st-presence__note{color:var(--ds-primary, #2563eb)}.st-arr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 10px;border:1px solid var(--ds-border, #e2e8f0);border-radius:10px;margin-bottom:8px;background:var(--ds-surface, #fff)}.st-arr__hint{font-size:12px;color:var(--ds-text-muted, #64748b);min-width:150px}.st-arr__group{display:flex;align-items:center;gap:2px;padding-left:10px;border-left:1px solid var(--ds-border, #e2e8f0)}.st-arr__btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:6px;color:inherit;cursor:pointer}.st-arr__btn:hover:not(:disabled){background:var(--ds-hover, rgba(37, 99, 235, .1))}.st-arr__btn:disabled{opacity:.35;cursor:default}.st-arr__menuwrap{position:relative}.st-arr__tidy{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--ds-border, #cbd5e1);background:transparent;border-radius:6px;color:inherit;cursor:pointer;font-size:13px}.st-arr__tidy:hover{background:var(--ds-hover, rgba(37, 99, 235, .1))}.st-arr__menu{position:absolute;top:34px;right:0;z-index:30;width:320px;padding:6px;border-radius:10px;border:1px solid var(--ds-border, #e2e8f0);background:var(--ds-surface, #fff);box-shadow:0 10px 30px #0000002e;display:flex;flex-direction:column;gap:2px}.st-arr__menu button{text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:8px;cursor:pointer;color:inherit;display:flex;flex-direction:column;gap:2px}.st-arr__menu button:hover{background:var(--ds-hover, rgba(37, 99, 235, .1))}.st-arr__menu small{color:var(--ds-text-muted, #64748b);font-size:12px}.st-arr__grid{margin-left:auto;gap:6px}.st-arr__seg{border:1px solid var(--ds-border, #cbd5e1);background:transparent;color:inherit;padding:4px 10px;font-size:12px;border-radius:6px;cursor:pointer}.st-arr__seg.is-on{background:var(--ds-primary, #2563eb);border-color:var(--ds-primary, #2563eb);color:#fff}.st-box.is-multi{outline:2px solid var(--ds-primary, #2563eb);outline-offset:-2px;background:#2563eb14}.st-arr__sel{display:flex;align-items:center;gap:8px;flex:1 1 100%}.st-arr__sel .st-arr__hint{flex:1}.st-arr__gridlabel{font-size:12px;color:var(--ds-text-muted, #64748b)}.st-marquee{position:absolute;z-index:20;pointer-events:none;border:1px solid var(--ds-primary, #2563eb);background:#2563eb1f;border-radius:3px}.st-arr__menu-sep{margin:6px 10px 2px;padding-top:8px;border-top:1px solid var(--ds-border, #e2e8f0);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted, #64748b)}.st-arr__menu{width:360px}.st-colgrip{position:absolute;z-index:25;width:10px;cursor:col-resize}.st-colgrip:after{content:"";position:absolute;left:4px;top:15%;bottom:15%;width:2px;border-radius:2px;background:var(--ds-primary, #2563eb);opacity:.55}.st-colgrip:hover:after{opacity:1;width:3px;left:3.5px}.st-colguide{position:absolute;z-index:24;width:0;border-left:2px dashed var(--ds-primary, #2563eb);pointer-events:none}.st-layer{display:flex;align-items:center;gap:6px;padding:5px 6px;border:1px solid transparent;border-radius:var(--radius-md);font-size:12.5px;color:var(--text);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.st-layer:hover{background:var(--hover)}.st-layer.is-selected{background:var(--accent-soft);border-color:var(--accent)}.st-layer.is-hidden .st-layer__name,.st-layer.is-hidden .st-layer__icon{opacity:.45;text-decoration:line-through}.st-layer__grip{color:var(--text-faint);cursor:grab;flex-shrink:0}.st-layer__icon{display:inline-flex;color:var(--text-muted);flex-shrink:0}.st-layer__name{flex:1;min-width:0}.st-layer__edit{flex:1;min-width:0;font:inherit;padding:2px 5px;border:1px solid var(--accent);border-radius:4px;background:var(--surface);color:var(--text)}.st-layer__badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:0 5px;flex-shrink:0}.st-layer__btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;background:transparent;border-radius:5px;color:var(--text-faint);cursor:pointer;flex-shrink:0}.st-layer__btn:hover{background:var(--hover);color:var(--text)}.st-layer__btn.is-on{color:var(--accent)}.st-layer.is-drop-front:before,.st-layer.is-drop-behind:after{content:"";position:absolute;left:4px;right:4px;height:2px;background:var(--accent);border-radius:2px}.st-layer.is-drop-front:before{top:-1px}.st-layer.is-drop-behind:after{bottom:-1px}.st-left__tabs{grid-template-columns:repeat(4,1fr)}.st-box.is-hidden{outline:1.5px dashed rgba(148,163,184,.9);outline-offset:-2px}.st-box.is-locked{cursor:default}.st-lockbadge{position:absolute;top:4px;right:4px;display:inline-flex;padding:3px;border-radius:5px;background:#0f172ac7;color:#fff;pointer-events:none}.st-guide{position:absolute;background:#ff2fb9;pointer-events:none;z-index:2000}.st-guide--v{width:1px}.st-guide--h{height:1px}.st-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.st-keys dl{margin:0}.st-keys__row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid var(--border);font-size:12.5px}.st-keys__row dt{white-space:nowrap}.st-keys__row dd{margin:0;color:var(--text-muted);text-align:right}.st-keys kbd{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:3px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--text)}@media (max-width: 760px){.st-keys{grid-template-columns:1fr}}.st-general{margin:8px 12px 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.st-general>summary{cursor:pointer;padding:7px 10px;font-size:12px;font-weight:600;color:var(--text-muted)}.st-general__body{display:grid;gap:10px;padding:4px 10px 10px}.aia-stats{margin-bottom:12px}.aia-clients{gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.aia-client-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 2px;border:1px solid var(--divider);border-radius:999px;background:var(--surface);cursor:pointer;font:inherit;color:inherit}.aia-client-chip:hover{border-color:var(--accent)}.aia-filters{padding:12px 16px;border-bottom:1px solid var(--divider);flex-wrap:wrap;gap:10px;margin-bottom:0}.aia-filters .ds-select{width:auto;min-width:170px;max-width:260px}@media (max-width: 760px){.aia-filters .ds-select{width:100%;max-width:none}}.aia-feed{list-style:none;margin:0;padding:0}.aia-feed li+li{border-top:1px solid var(--divider)}.aia-row{display:grid;grid-template-columns:90px 32px minmax(0,1fr) minmax(0,220px);gap:12px;align-items:center;width:100%;padding:10px 16px;text-align:left;background:none;border:0;border-left:3px solid transparent;cursor:pointer;font:inherit;color:inherit}.aia-row:hover{background:var(--surface-2)}.aia-row--change{border-left-color:var(--success, #16a34a)}.aia-row--failed{border-left-color:var(--danger, #dc2626)}.aia-row__main{display:flex;flex-direction:column;gap:3px;min-width:0}.aia-row__who{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.aia-row__what{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aia-row__target{text-align:right;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aia-ok{color:var(--success, #16a34a);flex-shrink:0}.aia-warn{color:var(--danger, #dc2626);flex-shrink:0}.aia-meta{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 12px;margin:0}.aia-meta dt{color:var(--text-muted)}.aia-meta dd{margin:0}.aia-diff+.aia-diff{margin-top:12px}.aia-diff ul{margin:6px 0 0;padding-left:18px}@media (max-width: 760px){.aia-row{grid-template-columns:32px minmax(0,1fr)}.aia-row__time,.aia-row__target{display:none}}.dg-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.dg-meta{font-size:var(--font-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.dg-wrap{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto;max-height:min(62vh,640px);background:var(--surface)}.dg-wrap.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--surface) 45%,transparent);pointer-events:none}.dg-table{border-collapse:separate;border-spacing:0;font-size:var(--font-sm);min-width:100%}.dg-table th{text-transform:none;letter-spacing:normal;font-size:var(--font-sm);position:sticky;top:0;z-index:2;background:var(--surface-2);border-bottom:1px solid var(--border);padding:0;text-align:left;white-space:nowrap}.dg-table th button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:6px;width:100%;padding:9px 12px;cursor:pointer;font-weight:650;color:var(--text)}.dg-table th button:hover{background:var(--hover)}.dg-table th button:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.dg-table th.is-num button{justify-content:flex-end}.dg-table th .dg-type{color:var(--text-faint);flex:none}.dg-table th .dg-sort{opacity:.35;flex:none}.dg-table th[aria-sort=ascending] .dg-sort,.dg-table th[aria-sort=descending] .dg-sort{opacity:1;color:var(--accent)}.dg-table td{padding:7px 12px;border-bottom:1px solid var(--divider, var(--border));max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-table tbody tr:hover td{background:var(--hover)}.dg-table td.is-num{text-align:right;font-variant-numeric:tabular-nums}.dg-table td.is-null{color:var(--text-faint)}.dg-table .dg-rownum{position:sticky;left:0;z-index:1;background:var(--surface-2);color:var(--text-faint);text-align:right;font-variant-numeric:tabular-nums;min-width:52px;border-right:1px solid var(--border)}.dg-table th.dg-rownum{z-index:3;padding:9px 12px;font-weight:600}.dg-table tbody tr:hover .dg-rownum{background:var(--surface-2)}.dg-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}.dg-pager__nav{display:flex;align-items:center;gap:6px}.dg-pager__page{font-size:var(--font-sm);color:var(--text-muted);padding:0 8px;font-variant-numeric:tabular-nums}.dg-mark{background:color-mix(in srgb,var(--warning) 30%,transparent);color:inherit;border-radius:2px;padding:0 1px}.sb{display:flex;flex-direction:column;gap:18px}.sb-screen{background:var(--surface, #fff);border:1px solid var(--border, rgba(0,0,0,.08));border-radius:12px;padding:14px 16px 16px}.sb-screen__head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.sb-screen__name{margin:0;font-size:16px;font-weight:650}.sb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}@media (max-width: 1500px){.sb-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 1250px){.sb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1000px){.sb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 700px){.sb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sb-tile{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 0 8px;text-align:left;cursor:pointer;font:inherit;color:inherit;background:var(--surface, #fff);border:1px solid var(--border, rgba(0,0,0,.08));border-radius:8px;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.sb-tile:hover,.sb-tile:focus-visible{border-color:var(--accent, #094780);box-shadow:var(--shadow-md);transform:translateY(-1px);outline:none}.sb-tile__ph{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#dfe7f1,#c9d6e6)}:root[data-theme=dark] .sb-tile__ph{background:linear-gradient(135deg,#12243d,#1a3354)}.sb-tile__name{font-weight:600;font-size:13px;padding:6px 10px 0}.sb-tile__meta{padding:0 10px}:root{color-scheme:light;--brand-navy: #071d3b;--brand-navy-deep: #08182c;--brand-cyan: #18a8c9;--brand-teal: #12a89d;--brand-amber: #d9911a;--bg: #f4f6f9;--bg-elevated: #ffffff;--bg-secondary: #f8fafc;--border: #dde3ea;--border-strong: #c8ced8;--divider: #e8ecf1;--text: #172033;--text-muted: #58657a;--text-faint: #7e8999;--accent: #0f6cbd;--accent-hover: #176fd1;--accent-soft: #e8f2fc;--danger: #c94343;--danger-soft: #fbeeee;--success: #2e9d68;--success-soft: #eaf7f0;--warning: #d9911a;--warning-soft: #fdf3e4;--info: #18a8c9;--info-soft: #e6f6fa;--shadow-sm: 0 1px 2px rgba(7, 29, 59, .06);--shadow-md: 0 4px 12px rgba(7, 29, 59, .1);--radius: 6px;--nav-bg: var(--brand-navy);--nav-bg-active: rgba(255, 255, 255, .08);--nav-bg-hover: rgba(255, 255, 255, .05);--nav-text: #aab8c9;--nav-text-active: #ffffff;--nav-accent: var(--brand-cyan);--nav-border: rgba(255, 255, 255, .08);font-family:Segoe UI,Segoe UI Variable,Arial,Helvetica,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #071426;--bg-elevated: #0b1d34;--bg-secondary: #102742;--border: #263c56;--border-strong: #385170;--divider: #1a3350;--text: #f2f6fa;--text-muted: #aab8c9;--text-faint: #71849a;--accent: #2899f5;--accent-hover: #4db2ff;--accent-soft: rgba(40, 153, 245, .15);--danger: #f1707b;--danger-soft: rgba(201, 67, 67, .18);--success: #6bcb6e;--success-soft: rgba(46, 157, 104, .18);--warning: #f0b04d;--warning-soft: rgba(217, 145, 26, .18);--info: #4dd8f0;--info-soft: rgba(77, 216, 240, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}h1,h2,h3,h4{font-weight:600;color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;font-size:14px}button:disabled{cursor:not-allowed;opacity:.6}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border)}td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--divider);font-size:14px}tbody tr:hover{background:var(--accent-soft)}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:var(--nav-bg);padding:0 0 16px;display:flex;flex-direction:column}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--nav-border)}.sidebar .brand img{height:28px;width:auto;background:#fff;border-radius:4px;padding:3px 6px}.sidebar .brand span{color:var(--nav-text-active);font-size:14px;font-weight:600;letter-spacing:.01em}.sidebar nav{display:flex;flex-direction:column;margin-top:8px;gap:1px;padding:0 8px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--nav-text);text-decoration:none;font-size:14px;border-left:3px solid transparent;transition:background .1s ease,color .1s ease}.sidebar nav a.active{color:var(--nav-text-active);background:var(--nav-bg-active);font-weight:600;border-left-color:var(--nav-accent)}.sidebar nav a:hover{color:var(--nav-text-active);background:var(--nav-bg-hover);text-decoration:none}.sidebar nav a.active:hover{background:var(--nav-bg-active)}.content{flex:1;padding:24px 32px;overflow-x:auto;background:var(--bg)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm);padding:20px;margin-bottom:16px}.card h3{margin-top:0}.stat-tile{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm);padding:18px 20px}.stat-tile .stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted)}.stat-tile .stat-value{font-size:30px;font-weight:700;color:var(--text);margin-top:4px;font-variant-numeric:tabular-nums}.stat-tile .stat-delta{font-size:12px;font-weight:600;margin-top:4px}.stat-tile .stat-delta.up{color:var(--success)}.stat-tile .stat-delta.down{color:var(--danger)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#58657a1f;color:var(--text-muted)}.badge.ok{background:var(--success-soft);color:var(--success)}.badge.error{background:var(--danger-soft);color:var(--danger)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.form-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}input,select,textarea{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text);padding:7px 10px;border-radius:4px;font-family:inherit;font-size:14px;transition:border-color .1s ease,box-shadow .1s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-faint)}button:not(.primary-button):not(.theme-toggle):not([class*=badge]):not([class*=ds-]):not([class*=st-]){background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text);border-radius:4px;padding:7px 14px;transition:background .1s ease,border-color .1s ease}button:not(.primary-button):not(.theme-toggle):not([class*=badge]):not([class*=ds-]):not([class*=st-]):hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-faint)}.primary-button{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:8px 18px;font-weight:600;transition:background .1s ease}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.centered-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-secondary)}.centered-page .card{box-shadow:var(--shadow-md)}.theme-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-strong);border-radius:4px;padding:6px 10px;color:var(--text);font-size:13px}.theme-toggle:hover:not(:disabled){background:var(--bg-secondary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.kpi-card-link{display:block;color:inherit;text-decoration:none}.kpi-card-link:hover{text-decoration:none}.kpi-card{display:flex;align-items:flex-start;gap:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm);padding:16px 18px;height:100%;transition:border-color .1s ease,box-shadow .1s ease}.kpi-card-link:hover .kpi-card,.kpi-card:focus-visible{border-color:var(--border-strong);box-shadow:var(--shadow-md);outline:none}.kpi-card-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#58657a1f}.kpi-card-icon.variant-success{background:var(--success-soft)}.kpi-card-icon.variant-warning{background:var(--warning-soft)}.kpi-card-icon.variant-danger{background:var(--danger-soft)}.kpi-card-icon.variant-info{background:var(--info-soft)}.kpi-card-body{flex:1;min-width:0}.kpi-card-caption{font-size:12px;color:var(--text-faint);margin-top:2px}.kpi-card-delta{font-size:12px;font-weight:600;margin-top:4px}.kpi-card-delta.up{color:var(--success)}.kpi-card-delta.down{color:var(--danger)}.kpi-skeleton{height:30px;width:60%;margin-top:4px;border-radius:4px;background:linear-gradient(90deg,var(--border) 25%,var(--divider) 50%,var(--border) 75%);background-size:200% 100%;animation:kpi-skeleton-shimmer 1.4s ease-in-out infinite}@keyframes kpi-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h3{margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:32px 16px;color:var(--text-muted)}.empty-state h4{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.empty-state p{margin:0;font-size:13px;color:var(--text-faint)}.sidebar-profile-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-xs: 11px;--font-sm: 12.5px;--font-md: 14px;--font-lg: 16px;--font-xl: 20px;--font-2xl: 26px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);--shadow-lg: 0 18px 50px rgba(7, 29, 59, .22);--surface: var(--bg-elevated);--surface-2: var(--bg-secondary);--hover: color-mix(in srgb, var(--text) 5%, transparent);--press: color-mix(in srgb, var(--text) 9%, transparent);--topbar-h: 56px;--sidebar-w: 248px;--sidebar-w-collapsed: 64px;--t-fast: .12s ease}:root[data-theme=dark]{--shadow-lg: 0 18px 50px rgba(0, 0, 0, .55)}body{font-size:var(--font-md);line-height:1.45}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--font-md);font-weight:600;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),color var(--t-fast)}.ds-btn:hover:not(:disabled){background:var(--hover)}.ds-btn:active:not(:disabled){background:var(--press)}.ds-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-btn--sm{height:30px;padding:0 var(--space-3);font-size:var(--font-sm)}.ds-btn--lg{height:42px;padding:0 var(--space-5);font-size:var(--font-lg)}.ds-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.ds-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.ds-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.ds-btn--danger:hover:not(:disabled){filter:brightness(1.06);background:var(--danger)}.ds-btn--ghost{border-color:transparent;background:transparent}.ds-btn--subtle{border-color:transparent;background:var(--surface-2)}.ds-btn--icon{width:36px;padding:0}.ds-btn svg{flex-shrink:0}.ds-btn--icon.ds-btn--sm{width:30px}.ds-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ds-spin{animation:ds-spin .8s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ds-field>label,.ds-label{font-size:var(--font-sm);font-weight:600;color:var(--text-muted)}.ds-hint{font-size:var(--font-xs);color:var(--text-faint)}.ds-error-text{font-size:var(--font-xs);color:var(--danger)}.ds-input,.ds-select,.ds-textarea{width:100%;height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:var(--font-md);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.ds-textarea{height:auto;min-height:90px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:1.5}.ds-textarea--code{font-family:Consolas,Cascadia Code,monospace;font-size:12.5px}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.ds-input--sm,.ds-select--sm{height:30px;font-size:var(--font-sm)}.ds-input-wrap{position:relative;display:flex;align-items:center}.ds-input-wrap>svg{position:absolute;left:10px;color:var(--text-faint);pointer-events:none}.ds-input-wrap>.ds-input{padding-left:34px}.ds-check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-md);cursor:pointer;-webkit-user-select:none;user-select:none}.ds-check input{width:16px;height:16px;accent-color:var(--accent)}.ds-switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-md)}.ds-switch input{position:absolute;opacity:0;pointer-events:none}.ds-switch__track{width:34px;height:20px;border-radius:var(--radius-pill);background:var(--border-strong);position:relative;transition:background var(--t-fast);flex-shrink:0}.ds-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--t-fast)}.ds-switch input:checked+.ds-switch__track{background:var(--accent)}.ds-switch input:checked+.ds-switch__track:after{transform:translate(14px)}.ds-switch input:focus-visible+.ds-switch__track{box-shadow:var(--focus-ring)}.ds-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0}.ds-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5) 0}.ds-card__title{margin:0;font-size:var(--font-lg);font-weight:650}.ds-card__subtitle{margin:2px 0 0;font-size:var(--font-sm);color:var(--text-muted)}.ds-card__body{padding:var(--space-4) var(--space-5) var(--space-5)}.ds-card--flush .ds-card__body{padding:0}.ds-card--interactive{cursor:pointer;transition:box-shadow var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.ds-card--interactive:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.ds-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:650;letter-spacing:.01em;white-space:nowrap;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.ds-badge--success{background:var(--success-soft);color:var(--success);border-color:transparent}.ds-badge--warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.ds-badge--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.ds-badge--info{background:var(--info-soft);color:var(--info);border-color:transparent}.ds-badge--accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.ds-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.ds-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;flex-shrink:0}.ds-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto}.ds-tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border:0;background:none;color:var(--text-muted);font-weight:600;font-size:var(--font-md);white-space:nowrap}.ds-tab:hover{color:var(--text)}.ds-tab[aria-selected=true]{color:var(--accent)}.ds-tab[aria-selected=true]:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}.ds-tab:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.ds-seg{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.ds-seg button{height:28px;padding:0 var(--space-3);border:0;border-radius:5px;background:transparent;color:var(--text-muted);font-size:var(--font-sm);font-weight:600;display:inline-flex;align-items:center;gap:6px}.ds-seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.ds-table-wrap{overflow:auto}.ds-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-md)}.ds-table th{position:sticky;top:0;z-index:1;text-align:left;padding:10px 14px;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}.ds-table th button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.ds-table td{padding:11px 14px;border-bottom:1px solid var(--divider);vertical-align:middle}.ds-table tbody tr{transition:background var(--t-fast)}.ds-table tbody tr:hover{background:var(--hover)}.ds-table tbody tr.is-clickable{cursor:pointer}.ds-table tbody tr:last-child td{border-bottom:0}.ds-table .ds-num{text-align:right;font-variant-numeric:tabular-nums}.ds-table .ds-muted{color:var(--text-muted);font-size:var(--font-sm)}.ds-page{padding:var(--space-6) var(--space-8) var(--space-10);max-width:1480px;margin:0 auto;width:100%}.ds-page--wide{max-width:none}.ds-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.ds-page-title{margin:0;font-size:var(--font-2xl);font-weight:700;letter-spacing:-.01em}.ds-page-subtitle{margin:4px 0 0;color:var(--text-muted);max-width:760px}.ds-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ds-toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.ds-grow{flex:1}.ds-grid{display:grid;gap:var(--space-4)}.ds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ds-split{display:grid;gap:var(--space-4);grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start}.ds-stack{display:flex;flex-direction:column;gap:var(--space-4)}.ds-row{display:flex;align-items:center;gap:var(--space-2)}.ds-muted{color:var(--text-muted)}.ds-faint{color:var(--text-faint)}.ds-small{font-size:var(--font-sm)}.ds-mono{font-family:Consolas,Cascadia Code,monospace;font-size:12.5px}.ds-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-divider{height:1px;background:var(--divider);border:0;margin:var(--space-4) 0}@media (max-width: 1100px){.ds-grid--4,.ds-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-split{grid-template-columns:1fr}}@media (max-width: 760px){.ds-grid--2,.ds-grid--3,.ds-grid--4{grid-template-columns:1fr}.ds-page{padding:var(--space-4)}}.ds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);color:var(--text-muted)}.ds-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin-bottom:var(--space-2)}.ds-empty h3{margin:0;font-size:var(--font-lg);color:var(--text)}.ds-empty p{margin:0 0 var(--space-3);max-width:420px}.ds-skel{background:linear-gradient(90deg,var(--surface-2),var(--hover),var(--surface-2));background-size:200% 100%;animation:ds-shimmer 1.2s infinite;border-radius:var(--radius-sm)}@keyframes ds-shimmer{to{background-position:-200% 0}}.ds-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--font-md)}.ds-banner--info{background:var(--info-soft);border-color:transparent}.ds-banner--warning{background:var(--warning-soft);border-color:transparent}.ds-banner--danger{background:var(--danger-soft);border-color:transparent}.ds-banner--success{background:var(--success-soft);border-color:transparent}.ds-banner>svg{flex-shrink:0;margin-top:1px}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#040e1e73;display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:ds-fade .12s ease}@keyframes ds-fade{0%{opacity:0}}.ds-modal{width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:ds-pop .14s ease}.ds-modal--lg{max-width:860px}.ds-modal--xl{max-width:1120px}@keyframes ds-pop{0%{transform:translateY(8px) scale(.985);opacity:0}}.ds-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-2)}.ds-modal__title{margin:0;font-size:var(--font-xl)}.ds-modal__body{padding:var(--space-2) var(--space-6) var(--space-5);overflow:auto}.ds-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--divider)}.ds-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1900;background:#040e1e59;animation:ds-fade .12s ease}.ds-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1901;width:min(520px,100vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:ds-slide .16s ease}@keyframes ds-slide{0%{transform:translate(24px);opacity:0}}.ds-menu{position:absolute;z-index:1500;min-width:190px;padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.ds-menu button{display:flex;width:100%;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border:0;background:none;border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-md);text-align:left}.ds-menu button:hover{background:var(--hover)}.ds-menu button.is-danger{color:var(--danger)}.ds-menu hr{border:0;height:1px;background:var(--divider);margin:var(--space-1) 0}.ds-toasts{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:3000;display:flex;flex-direction:column;gap:var(--space-2);max-width:420px}.ds-toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:ds-pop .16s ease}.ds-toast--success{border-left-color:var(--success)}.ds-toast--danger{border-left-color:var(--danger)}.ds-toast--warning{border-left-color:var(--warning)}.ds-toast__title{font-weight:650}.ds-toast__msg{font-size:var(--font-sm);color:var(--text-muted)}.ds-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.ds-sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--nav-bg);color:var(--nav-text);transition:width .16s ease}.ds-shell.is-collapsed .ds-sidebar{width:var(--sidebar-w-collapsed)}.ds-sidebar__brand{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);border-bottom:1px solid var(--nav-border);color:#fff;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden}.ds-sidebar__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--brand-cyan),var(--brand-teal));color:#fff;flex-shrink:0}.ds-sidebar__brand small{display:block;font-size:11px;font-weight:500;color:var(--nav-text)}.ds-sidebar nav{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-2)}.ds-nav-group{margin-bottom:var(--space-4)}.ds-nav-group__label{padding:0 var(--space-3);margin-bottom:var(--space-1);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--nav-text) 70%,transparent);white-space:nowrap;overflow:hidden}.ds-shell.is-collapsed .ds-nav-group__label{visibility:hidden;height:6px}.ds-nav-link{display:flex;align-items:center;gap:var(--space-3);height:38px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--nav-text);font-weight:550;white-space:nowrap;overflow:hidden;text-decoration:none!important;position:relative}.ds-nav-link:hover{background:var(--nav-bg-hover);color:#fff}.ds-nav-link.active{background:var(--nav-bg-active);color:var(--nav-text-active)}.ds-nav-link.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--nav-accent)}.ds-nav-link svg{flex-shrink:0}.ds-nav-link .ds-badge{margin-left:auto;height:18px;font-size:10px;background:var(--brand-amber);color:#1b1300;border:0}.ds-sidebar__footer{padding:var(--space-2);border-top:1px solid var(--nav-border)}.ds-sidebar__footer button{width:100%;justify-content:flex-start;color:var(--nav-text);background:transparent;border-color:transparent}.ds-sidebar__footer button:hover{background:var(--nav-bg-hover)!important;color:#fff}.ds-main{flex:1;min-width:0;display:flex;flex-direction:column}.ds-topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6);background:var(--surface);border-bottom:1px solid var(--border)}.ds-crumbs{display:flex;align-items:center;gap:6px;min-width:0;font-size:var(--font-md);color:var(--text-muted)}.ds-crumbs a{color:var(--text-muted)}.ds-crumbs a:hover{color:var(--text);text-decoration:none}.ds-crumbs strong{color:var(--text);font-weight:650}.ds-search-trigger{display:inline-flex;align-items:center;gap:var(--space-2);height:34px;min-width:280px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-faint);font-size:var(--font-md)}.ds-search-trigger:hover{border-color:var(--border-strong)}.ds-kbd{margin-left:auto;padding:1px 6px;border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--text-faint);background:var(--surface)}.ds-content{flex:1;overflow:auto}.ds-palette{width:100%;max-width:640px;align-self:flex-start;margin-top:10vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:ds-pop .14s ease}.ds-palette__input{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--divider)}.ds-palette__input input{flex:1;height:52px;border:0;outline:none;background:transparent;color:var(--text);font-size:var(--font-lg)}.ds-palette__list{max-height:420px;overflow:auto;padding:var(--space-2)}.ds-palette__section{padding:var(--space-2) var(--space-3) var(--space-1);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.ds-palette__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:var(--text);text-align:left;font-size:var(--font-md)}.ds-palette__item.is-active{background:var(--accent-soft)}.ds-palette__item small{color:var(--text-faint)}.ds-stat{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.ds-stat__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.ds-stat__icon--success{background:var(--success-soft);color:var(--success)}.ds-stat__icon--warning{background:var(--warning-soft);color:var(--warning)}.ds-stat__icon--danger{background:var(--danger-soft);color:var(--danger)}.ds-stat__icon--info{background:var(--info-soft);color:var(--info)}.ds-stat__value{font-size:24px;font-weight:700;line-height:1.1}.ds-stat__label{font-size:var(--font-sm);color:var(--text-muted)}.ds-list{display:flex;flex-direction:column}.ds-list__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--divider);min-width:0}.ds-list__row:first-child{border-top:0}.ds-list__row.is-clickable{cursor:pointer}.ds-list__row.is-clickable:hover{background:var(--hover)}.ds-list__main{flex:1;min-width:0}.ds-list__title{font-weight:600}.ds-list__meta{font-size:var(--font-sm);color:var(--text-muted)}.ds-chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ds-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;font-size:var(--font-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.ds-chip:hover{background:var(--hover);color:var(--text)}.ds-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.ds-chip--muted{border-style:dashed}.ds-chip__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-size:var(--font-xs);font-weight:700;font-variant-numeric:tabular-nums}.ds-chip[aria-pressed=true] .ds-chip__count{background:#ffffff38;color:#fff}.ds-section-head{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-8) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--divider)}.ds-section-head:first-child{margin-top:0}.ds-section-head__title{margin:0;font-size:var(--font-lg);font-weight:700;letter-spacing:.01em}.ds-cat-tag{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:700;letter-spacing:.03em;white-space:nowrap;background:var(--accent-soft);color:var(--accent)}.ds-cat-tag--none{background:transparent;color:var(--text-faint);border:1px dashed var(--border-strong);font-weight:600;letter-spacing:0}