.sx-app{--sx-brand: var(--accent);--sx-brand-ink: var(--ink);--sx-brand-soft: color-mix(in srgb, var(--sx-brand) 16%, transparent);--sx-ok: var(--ok);--sx-warn: #f2b33d;--sx-bad: #f0616d;--sx-info: var(--sx-brand);--sx-r: 12px;font-size:.9rem;color:var(--fg)}.theme-light .sx-app{--sx-warn: #a76200;--sx-bad: #c4283a;--sx-ok: #11804a}.sx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sx-icon{width:18px;height:18px;flex:none}.sx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin-bottom:18px}.sx-head__title{font-family:var(--font-display);font-stretch:78%;font-weight:800;font-size:clamp(1.25rem,2.2cqi,1.6rem);line-height:1.1}.sx-head__sub{margin-top:4px;max-width:60ch;color:var(--muted);font-size:.86rem;line-height:1.45}.sx-head__actions{display:flex;flex-wrap:wrap;gap:8px}.sx-grid{display:grid;gap:14px}.sx-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.sx-card{display:grid;gap:12px;align-content:start;min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--sx-r);background:var(--surface)}.sx-card__title{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sx-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px;margin-bottom:14px}.sx-kpi{position:relative;display:grid;gap:4px;min-width:0;padding:14px 16px 14px 18px;border:1px solid var(--line);border-radius:var(--sx-r);background:var(--surface);overflow:hidden}.sx-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--sx-brand)}.sx-kpi--ok:before{background:var(--sx-ok)}.sx-kpi--warn:before{background:var(--sx-warn)}.sx-kpi--bad:before{background:var(--sx-bad)}.sx-kpi__label{font-size:.78rem;color:var(--muted)}.sx-kpi__value{font-family:var(--font-display);font-stretch:80%;font-weight:800;font-size:1.45rem;line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sx-kpi__hint{font-size:.76rem;color:var(--muted)}.sx-kpi--warn .sx-kpi__hint{color:var(--sx-warn)}.sx-kpi--bad .sx-kpi__hint{color:var(--sx-bad)}.sx-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:600;white-space:nowrap;background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted)}.sx-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.sx-badge--ok{background:color-mix(in srgb,var(--sx-ok) 16%,transparent);color:var(--sx-ok)}.sx-badge--warn{background:color-mix(in srgb,var(--sx-warn) 16%,transparent);color:var(--sx-warn)}.sx-badge--bad{background:color-mix(in srgb,var(--sx-bad) 16%,transparent);color:var(--sx-bad)}.sx-badge--info{background:var(--sx-brand-soft);color:var(--fg)}.sx-badge--info:before{background:var(--sx-brand)}.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:transparent;font:inherit;font-size:.86rem;font-weight:600;color:var(--fg);cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.sx-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--fg) 40%,transparent)}.sx-btn:focus-visible{outline:2px solid var(--sx-brand);outline-offset:2px}.sx-btn:disabled{opacity:.45;cursor:not-allowed}.sx-btn--primary{border-color:var(--sx-brand);background:var(--sx-brand);color:var(--sx-brand-ink)}.sx-btn--primary:hover:not(:disabled){border-color:var(--sx-brand);filter:brightness(1.08)}.sx-btn--danger{color:var(--sx-bad)}.sx-btn--sm{min-height:32px;padding:0 10px;font-size:.8rem;border-radius:8px}.sx-btn--sm .sx-icon{width:15px;height:15px}@media(pointer:coarse){.sx-btn--sm{min-height:40px}}.sx-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.sx-seg__btn{min-height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:.8rem;font-weight:500;color:var(--muted);cursor:pointer}.sx-seg__btn[aria-pressed=true]{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 0 var(--line),inset 0 0 0 1px var(--line)}.sx-seg__btn:focus-visible{outline:2px solid var(--sx-brand);outline-offset:1px}@media(pointer:coarse){.sx-seg__btn{min-height:40px}}.sx-table-wrap{overflow-x:auto;margin-inline:-4px;padding-inline:4px}.sx-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.sx-table th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.sx-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.sx-table tbody tr:last-child td{border-bottom:0}.sx-table tbody tr{transition:background-color .2s var(--ease)}.sx-table tbody tr:hover{background:color-mix(in srgb,var(--fg) 4%,transparent)}.sx-table .sx-num{text-align:right;white-space:nowrap}.sx-strong{font-weight:600}.sx-muted{color:var(--muted);font-size:.82rem}.sx-row-new{animation:sx-flash 1.6s var(--ease)}@keyframes sx-flash{0%{background:var(--sx-brand-soft)}to{background:transparent}}@container sysdash (max-width: 640px){.sx-hide-sm{display:none}}.sx-empty{padding:18px;border:1px dashed var(--line);border-radius:var(--sx-r);text-align:center;color:var(--muted);font-size:.86rem}.sx-form{display:grid;gap:12px}.sx-form__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:10px}.sx-form__actions{display:flex;flex-wrap:wrap;gap:8px}.sx-field{display:grid;gap:5px;min-width:0}.sx-field label{font-size:.78rem;font-weight:500;color:var(--muted)}.sx-input{width:100%;min-height:40px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font:inherit;font-size:.88rem;color:var(--fg)}textarea.sx-input{min-height:80px;padding-block:9px;resize:vertical}.sx-input:focus-visible{outline:2px solid var(--sx-brand);outline-offset:1px;border-color:transparent}.sx-input[aria-invalid=true]{border-color:var(--sx-bad)}.sx-bars{display:grid;gap:10px;list-style:none}.sx-bars__row{display:grid;grid-template-columns:minmax(80px,34%) 1fr auto;align-items:center;gap:10px;font-size:.82rem}.sx-bars__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-bars__track{height:8px;border-radius:99px;background:color-mix(in srgb,var(--fg) 8%,transparent);overflow:hidden}.sx-bars__fill{display:block;height:100%;border-radius:inherit;background:var(--sx-brand);transition:width .6s var(--ease)}.sx-bars__value{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.sx-cols{display:grid;gap:10px;margin:0}.sx-cols__plot{display:flex;align-items:stretch;gap:8px;height:170px;padding-top:6px;border-bottom:1px solid var(--line)}.sx-cols__group{flex:1;display:grid;grid-template-rows:1fr auto;gap:6px;min-width:0}.sx-cols__bars{display:flex;align-items:flex-end;justify-content:center;gap:3px}.sx-cols__bar{flex:1;max-width:22px;border-radius:5px 5px 0 0;background:var(--sx-brand);transition:height .6s var(--ease)}.sx-cols__bar--1{background:color-mix(in srgb,var(--muted) 55%,transparent)}.sx-cols__label{padding-bottom:6px;text-align:center;font-size:.72rem;color:var(--muted)}.sx-cols__legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.78rem;color:var(--muted)}.sx-cols__key{display:inline-flex;align-items:center;gap:6px}.sx-cols__key:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--sx-brand)}.sx-cols__key--1:before{background:color-mix(in srgb,var(--muted) 55%,transparent)}.sx-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px}.sx-kanban__col{display:grid;grid-template-rows:auto 1fr;gap:10px;min-width:0;padding:12px;border-radius:var(--sx-r);background:var(--bg);border:1px solid var(--line)}.sx-kanban__col--ok{border-top:3px solid var(--sx-ok)}.sx-kanban__col--bad{border-top:3px solid var(--sx-bad)}.sx-kanban__col--info{border-top:3px solid var(--sx-brand)}.sx-kanban__head{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600}.sx-kanban__count{min-width:24px;padding:1px 7px;border-radius:99px;background:var(--surface);text-align:center;font-size:.74rem;color:var(--muted)}.sx-kanban__list{display:grid;gap:8px;align-content:start}.sx-kanban__empty{padding:10px;text-align:center;color:var(--muted);font-size:.8rem}.sx-tile{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.sx-tile__title{font-weight:600;font-size:.86rem;line-height:1.3}.sx-tile__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.78rem;color:var(--muted)}.sx-tile__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.sx-list{display:grid;list-style:none}.sx-list__item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.sx-list__item:last-child{border-bottom:0}.sx-list__main{flex:1;min-width:0;display:grid;gap:2px}.sx-list__main>*{overflow:hidden;text-overflow:ellipsis}.sx-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--sx-brand-soft);color:var(--fg);font-size:.78rem;font-weight:700}.sx-chat{display:grid;grid-template-rows:1fr auto;min-height:340px;max-height:480px;border:1px solid var(--line);border-radius:var(--sx-r);background:var(--bg);overflow:hidden}.sx-chat__log{display:flex;flex-direction:column;gap:8px;padding:14px;overflow-y:auto}.sx-msg{max-width:82%;padding:9px 12px;border-radius:14px;line-height:1.45;font-size:.86rem;overflow-wrap:anywhere}.sx-msg--them{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}.sx-msg--me{align-self:flex-end;background:var(--sx-brand);color:var(--sx-brand-ink);border-bottom-right-radius:4px}.sx-msg__time{display:block;margin-top:3px;font-size:.68rem;opacity:.7}.sx-msg--typing{display:inline-flex;gap:4px}.sx-msg--typing span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:sx-dot 1s infinite ease-in-out}.sx-msg--typing span:nth-child(2){animation-delay:.15s}.sx-msg--typing span:nth-child(3){animation-delay:.3s}@keyframes sx-dot{0%,80%,to{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-3px)}}.sx-chat__bar{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:var(--surface)}.sx-chat__bar .sx-input{flex:1}.sx-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.sx-chip{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:inherit;font-size:.8rem;color:var(--fg);cursor:pointer}.sx-chip:hover{border-color:var(--sx-brand)}.sx-chip:focus-visible{outline:2px solid var(--sx-brand);outline-offset:2px}@media(pointer:coarse){.sx-chip{min-height:40px}}.sx-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:inherit;font-size:.8rem;font-weight:600;color:var(--fg);text-decoration:underline;text-decoration-color:var(--sx-brand);text-underline-offset:3px;cursor:pointer}.sx-link:focus-visible{outline:2px solid var(--sx-brand);outline-offset:2px;border-radius:4px}.sx-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--sx-brand-soft);font-size:.82rem}@media(prefers-reduced-motion:reduce){.sx-row-new,.sx-msg--typing span{animation:none}.sx-bars__fill,.sx-cols__bar{transition:none}}.sxb-stack{display:grid;gap:14px;min-width:0}.sxb-stack>.sx-kpis{margin-bottom:0}.sxb-actions{display:flex;flex-wrap:wrap;gap:6px}.sxb-stars{white-space:nowrap;letter-spacing:.04em}.sxb-portal{border:1px solid var(--line);border-radius:var(--sx-r);background:var(--surface);overflow:hidden}.sxb-portal__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:12px 16px;background:var(--sx-brand);color:var(--sx-brand-ink);font-size:.86rem}.sxb-portal__bar strong{font-family:var(--font-display);font-stretch:80%;font-weight:800;font-size:1.05rem;overflow-wrap:anywhere}.sxb-portal__body{display:grid;gap:18px;padding:16px}.sxb-portal__data{display:grid;gap:18px}.sxb-portal__hi{font-size:1.05rem;font-weight:700}.sxb-portal__sec{display:grid;gap:8px;align-content:start}.sxb-portal__h{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sxb-portal .sx-list__item{flex-wrap:wrap}.sxb-portal .sx-list__main{flex:1 1 180px}.sxc-adj{display:flex;flex-wrap:wrap;gap:6px}@media(pointer:coarse){.sxc-adj .sx-btn{min-height:44px;min-width:44px}.sx-tile__actions .sx-btn{min-height:44px}}.sx-chat__log{min-height:0}.sxc-time{min-width:3.4rem;font-variant-numeric:tabular-nums}.sxc-total{font-family:var(--font-display);font-stretch:80%;font-weight:800;font-size:1.45rem;font-variant-numeric:tabular-nums}.sxc-progs{display:grid;gap:14px;list-style:none}.sxc-prog{display:grid;gap:6px}.sxc-prog__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:.84rem}.sxc-prog__track{height:8px;border-radius:99px;background:color-mix(in srgb,var(--fg) 8%,transparent);overflow:hidden}.sxc-prog__fill{display:block;height:100%;border-radius:inherit;background:var(--sx-brand);transition:width .6s var(--ease)}.sxc-phone{display:grid;grid-template-rows:auto 1fr;width:min(100%,340px);height:460px;margin-inline:auto;border:8px solid color-mix(in srgb,var(--fg) 18%,var(--surface));border-radius:32px;background:var(--bg);overflow:hidden;box-shadow:0 18px 40px -22px color-mix(in srgb,#000 60%,transparent)}.sxc-phone__bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:color-mix(in srgb,var(--sx-ok) 20%,var(--surface));border-bottom:1px solid var(--line)}.sxc-phone__bar .sx-list__main>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sxc-phone__log{display:flex;flex-direction:column;gap:8px;min-height:0;padding:12px;overflow-y:auto}.sxc-bub{display:grid;gap:3px;align-self:flex-end;max-width:90%;padding:8px 10px;border:1px solid var(--line);border-radius:12px 12px 4px;background:color-mix(in srgb,var(--sx-ok) 16%,var(--surface));font-size:.84rem;line-height:1.4;overflow-wrap:anywhere}.sxc-bub__to{font-size:.72rem;font-weight:600;color:var(--muted)}.sxc-bub__time{justify-self:end;font-size:.68rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){.sxc-prog__fill{transition:none}}.sys{--sys-nav: 76px;--cfg-pad: 20px;--sys-panel: 400px;position:relative;margin-top:var(--sys-nav);height:calc(100vh - var(--sys-nav));height:calc(100dvh - var(--sys-nav));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;background:var(--bg)}.sys-autonav .sys{--sys-nav: 10px}.sys-autonav .nav{transition:transform .28s var(--ease)}.sys-autonav .nav:not(.is-revealed){transform:translateY(-100%)}.sys-autonav .nav:after{content:"";position:absolute;top:calc(100% + 3px);left:50%;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:#f3f5f747;pointer-events:none;transition:opacity .2s var(--ease)}.sys-autonav .nav.is-revealed:after{opacity:0}.sys [hidden]{display:none!important}.sys .btn svg{transform:none}.sys .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sys__noscript{grid-row:1 / -1;display:block;max-width:60ch;padding:32px var(--gutter)}.sys__noscript h1{margin-bottom:12px}.sys__noscript p{color:var(--muted);line-height:1.55}.sys__noscript a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.sys__tabs{display:flex;gap:8px;padding:8px var(--cfg-pad);border-bottom:1px solid var(--line);background:var(--bg)}.sys__tab{flex:1 1 0;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.92rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}.sys__tab:hover{border-color:#f3f5f766;color:var(--fg)}.sys__tab[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--ink)}.sys__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sys__stage{grid-area:2 / 1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg)}.sys__panel{grid-area:2 / 1;display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-2);scrollbar-width:thin;scrollbar-color:rgb(243 245 247 / .25) transparent}.sys__bar{grid-area:3 / 1;position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}.sys[data-tab=build] .sys__stage,.sys[data-tab=view] .sys__panel{display:none}@media(max-width:999px){.sys__panel .cfg__head,.sys__panel .cfg__step-head,.sys__panel .cfg__body{width:100%;max-width:680px;margin-inline:auto}}@media(min-width:1000px){.sys{grid-template-columns:minmax(0,1fr) var(--sys-panel);grid-template-rows:minmax(0,1fr)}.sys__tabs{display:none}.sys[data-tab] .sys__stage{display:flex;flex-direction:row;grid-area:1 / 1}.sys[data-tab] .sys__panel{display:block;grid-area:1 / 2;padding-bottom:104px;border-left:1px solid var(--line)}.sys__bar{position:absolute;right:12px;bottom:12px;width:calc(var(--sys-panel) - 24px);padding:10px 10px 10px 16px;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -18px #0000008c}}.sys-total{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;line-height:1.2}.sys-quote{flex:none;min-height:48px;padding-inline:22px}@media(min-width:640px){.sys-total{display:grid;gap:0}}@media(min-width:1000px){.sys-total{grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:8px}.sys-total>:first-child{grid-column:1 / -1}.sys-total>*{white-space:nowrap}.sys-quote{padding-inline:16px}}.sys-toast{position:absolute;z-index:5;left:50%;bottom:calc(100% + 12px);display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 16px;border-radius:12px;background:var(--fg);color:var(--bg);font-size:.88rem;font-weight:600;opacity:0;transform:translate(-50%,6px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}.sys-toast.is-on{opacity:1;transform:translate(-50%);pointer-events:auto}.sys-toast__btn{flex:none;min-width:44px;min-height:44px;margin:-6px -10px -6px 0;padding:0 16px;border-radius:999px;background:var(--bg);color:var(--fg);font-size:.86rem;font-weight:700;cursor:pointer}.sys-toast__btn:hover{background:var(--surface)}.sys-toast__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sys-swatches{display:flex;flex-wrap:wrap;gap:8px}.sys-swatch{display:grid;place-items:center;width:44px;height:44px;flex:none;border:2px solid rgb(243 245 247 / .35);border-radius:50%;background:var(--c);color:var(--ink);cursor:pointer;transition:box-shadow .25s var(--ease),border-color .25s var(--ease)}.sys-swatch .sys-icon{width:20px;height:20px;opacity:0;transition:opacity .2s var(--ease)}.sys-swatch[aria-pressed=true]{border-color:var(--bg-2);box-shadow:0 0 0 2px var(--fg)}.sys-swatch[aria-pressed=true] .sys-icon{opacity:1}.sys-swatch:hover{border-color:var(--fg)}.sys-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sys-suggest{display:grid;gap:8px}.sys-suggest .cfg__btn{justify-self:start;text-align:left}.sys-suggest .cfg__btn[aria-disabled=true]{cursor:default}.sys-suggest .cfg__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cfg__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cfg__chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sys-count{font-size:.85rem;font-weight:600;color:var(--muted)}.sys-mods{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sys-mod{position:relative}.sys-mod__input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.sys-mod__input:disabled{cursor:default}.sys-mod__card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:background-color .25s var(--ease),border-color .25s var(--ease)}.sys-mod__input:hover:not(:disabled)+.sys-mod__card{border-color:#f3f5f766}.sys-mod__input:checked+.sys-mod__card{border-color:var(--accent);background:#1fb5e81f;box-shadow:inset 0 0 0 1px var(--accent)}.sys-mod__input:focus-visible+.sys-mod__card{outline:2px solid var(--accent);outline-offset:3px}.sys-mod__icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:10px;background:var(--bg);color:var(--accent)}.sys-mod__icon svg{width:20px;height:20px}.sys-mod__text{display:grid;gap:2px;min-width:0}.sys-mod__name{font-size:.95rem;font-weight:600}.sys-mod__desc{font-size:.8rem;line-height:1.4;color:var(--muted)}.sys-mod__pairs{font-size:.74rem;line-height:1.35;color:var(--muted)}.sys-mod__side{display:grid;justify-items:end;gap:6px}.sys-mod__price{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}.sys-mod__tick{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid rgb(243 245 247 / .35);border-radius:50%;color:var(--ink);transition:background-color .25s var(--ease),border-color .25s var(--ease)}.sys-mod__tick .sys-icon{width:14px;height:14px;opacity:0;transition:opacity .2s var(--ease)}.sys-mod__input:checked+.sys-mod__card .sys-mod__tick{border-color:var(--accent);background:var(--accent)}.sys-mod__input:checked+.sys-mod__card .sys-mod__tick .sys-icon{opacity:1}.sys-mod--base .sys-mod__card{border-style:dashed}.sys-tips{display:grid;gap:6px;margin:0;padding-left:18px;font-size:.88rem;line-height:1.45}.sys-actions{display:flex;flex-wrap:wrap;gap:8px}.sys-viewbar{flex:none;display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--bg)}.sys-viewbar__btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:9px;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.sys-viewbar__btn:hover{background:#f3f5f70f;color:var(--fg)}.sys-viewbar__btn[aria-pressed=true]{background:var(--accent);color:var(--ink)}.sys-viewbar__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sys-viewbar__size{margin-left:auto;font-size:.76rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.sys-viewbar__size span+span:before{content:" · "}@media(pointer:coarse){.sys-viewbar__btn{min-height:44px}}@media(max-width:479px){.sys-viewbar{justify-content:center}.sys-viewbar__size{display:none}}@media(min-width:1000px){.sys-viewbar{flex-direction:column;align-items:stretch;width:72px;padding:8px 6px;overflow-y:auto;border-bottom:0;border-right:1px solid var(--line)}.sys-viewbar__btn{flex:none;flex-direction:column;justify-content:center;gap:4px;min-height:56px;padding:6px 2px;font-size:.68rem}.sys-viewbar__size{margin:auto 0 0;padding-top:8px;display:grid;gap:2px;justify-items:center;font-size:.68rem}.sys-viewbar__size span+span:before{content:none}}.sys-preview{position:relative;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:var(--bg-2)}.sys-frame{position:absolute;left:50%;top:0;display:flex;flex-direction:column;transform-origin:top center;background:var(--bg);transition:width .35s var(--ease),height .35s var(--ease),top .35s var(--ease),transform .35s var(--ease)}.sys-frame.is-framed{overflow:hidden;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -30px #0000008c}.sys-dash{position:relative;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:var(--bg);container:sysdash / inline-size}.sys-dash__top{flex:none;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 20px;border-bottom:1px solid var(--line);background:var(--bg-2)}.sys-dash__toggle{flex:none;display:grid;place-items:center;width:40px;height:40px;margin-left:-8px;border-radius:10px;color:var(--muted);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.sys-dash__toggle:hover{background:#f3f5f70f;color:var(--fg)}.sys-dash__toggle[aria-expanded=true]{color:var(--fg)}.sys-dash__toggle:focus-visible{outline:2px solid var(--sx-brand);outline-offset:-2px}@media(pointer:coarse){.sys-dash__toggle{width:44px;height:44px}}.sys-dash__mark{flex:none;display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:10px;background:var(--sx-brand);color:var(--sx-brand-ink);font-family:var(--font-display);font-stretch:78%;font-weight:800;font-size:1.1rem;line-height:1}.sys-dash__mark svg{width:20px;height:20px}.sys-dash__mark.is-logo{padding:3px;background:#fff}.sys-dash__mark img{width:100%;height:100%;max-width:none;object-fit:contain}.sys-dash__name{min-width:0;overflow:hidden;font-size:1rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.sys-dash__name.is-placeholder{font-weight:500;color:var(--muted)}.sys-dash__tag{flex:none;margin-left:auto;padding:4px 10px;border:1px dashed rgb(243 245 247 / .3);border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sys-dash__body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:224px minmax(0,1fr);transition:grid-template-columns .3s var(--ease)}.sys-dash__nav{min-height:0;padding:12px 10px;overflow-y:auto;border-right:1px solid var(--line);background:var(--bg-2);scrollbar-width:thin;scrollbar-color:rgb(243 245 247 / .25) transparent}.sys-dash__list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.sys-nav__btn{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border-radius:10px;font-size:.9rem;font-weight:500;text-align:left;color:var(--muted);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.sys-nav__btn span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sys-nav__btn:hover{background:#f3f5f70f;color:var(--fg)}.sys-nav__btn[aria-current=page]{background:var(--sx-brand-soft);box-shadow:inset 3px 0 0 var(--sx-brand);font-weight:600;color:var(--fg)}.sys-nav__btn:focus-visible{outline:2px solid var(--sx-brand);outline-offset:-2px}.sys-dash.is-rail .sys-nav__btn{justify-content:center;min-width:44px;padding:0}.sys-dash.is-rail .sys-nav__btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@container sysdash (min-width: 640px){.sys-dash.is-rail .sys-dash__body{grid-template-columns:64px minmax(0,1fr)}}.sys-dash__main{min-width:0;min-height:0;padding:22px 24px 48px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(243 245 247 / .25) transparent}.sys-dash__main:focus{outline:none}.sys-dash__toast{position:absolute;z-index:4;left:50%;bottom:16px;max-width:calc(100% - 32px);padding:10px 16px;border-radius:12px;background:var(--fg);color:var(--bg);font-size:.86rem;font-weight:600;text-align:center;opacity:0;transform:translate(-50%,6px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}.sys-dash__toast.is-on{opacity:1;transform:translate(-50%)}.sys-home{display:grid;gap:14px;align-content:start}.sys-home>.sx-head{margin-bottom:0}.sys-home__sub{margin-top:6px}.sys-home__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;margin:0;padding:0;list-style:none}.sys-qa{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--sx-r);background:var(--surface);text-align:left;color:var(--fg);cursor:pointer;transition:border-color .25s var(--ease),background-color .25s var(--ease)}.sys-qa:hover{border-color:var(--sx-brand)}.sys-qa:focus-visible{outline:2px solid var(--sx-brand);outline-offset:2px}.sys-qa__icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;background:var(--sx-brand-soft);color:var(--fg)}.sys-qa__icon svg{width:20px;height:20px}.sys-qa__text{display:grid;gap:2px;min-width:0}.sys-qa__text strong{font-size:.92rem}.sys-qa__text span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;line-height:1.35;color:var(--muted)}.sys-view{min-width:0}.sys-fail{display:grid;justify-items:start;gap:12px;padding:18px;border:1px dashed var(--line);border-radius:var(--sx-r);color:var(--muted)}@container sysdash (max-width: 639px){.sys-dash__top{padding:8px 14px}.sys-dash__body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.sys-dash__nav{padding:8px 10px;overflow:auto hidden;border-right:0;border-bottom:1px solid var(--line)}.sys-dash__list{display:flex;gap:6px}.sys-dash__list>li{flex:none}.sys-nav__btn{width:auto;padding:0 14px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.sys-nav__btn[aria-current=page]{border-color:var(--sx-brand);box-shadow:none}.sys-dash__main{padding:16px 14px 40px}}@media(prefers-reduced-motion:reduce){.sys *,.sys *:before,.sys *:after{transition-duration:.01ms!important}}
