.sidebar{background:#fff;border-right:1px solid #dfe3e8;flex-direction:column;flex-shrink:0;gap:4px;width:232px;height:100%;padding:0 14px 14px;transition:width .18s;display:flex;overflow:hidden auto}.sidebar__brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:50px;min-height:50px;margin:0 -14px;padding:0 24px;display:flex}.sidebar__toggle{color:#667085;border-radius:8px;flex-shrink:0;justify-content:flex-end;align-items:center;width:100%;height:44px;margin-left:0;padding:0 8px;display:flex}.sidebar__toggle:hover{color:#2f6fe4;background:#f4f6f8}.sidebar:not(.sidebar--collapsed) .sidebar__toggle{justify-content:flex-start;gap:8px;padding:0 12px}.sidebar__toggle-label{font-size:12px;line-height:1.2}.sidebar__logo{background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__brand-text{flex-direction:column;gap:2px;display:flex}.sidebar__app-name{color:#344054;font-size:14px;font-weight:600;line-height:1.2}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding-top:10px;display:flex}.sidebar__group-label{color:#98a2b3;padding:10px 0 4px 10px;font-size:11px;font-weight:600;line-height:1.3}.sidebar__group-label+.sidebar__item{margin-top:0}.sidebar__nav>.sidebar__group-label:nth-of-type(2){padding-top:14px}.sidebar__item{color:#667085;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 12px;transition:background .15s;display:flex}.sidebar__item:hover{background:#f4f6f8}.sidebar__item--active,.sidebar__item--active:hover{color:#344054;box-shadow:none;background:#edf2f8}.sidebar__item-left{align-items:center;gap:10px;display:flex}.sidebar__item-label{font-size:13px;font-weight:400;line-height:1.2}.sidebar__item--active .sidebar__item-label{font-weight:600}.sidebar__item-badge{color:#98a2b3;font-size:11px}.sidebar__footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;min-height:60px;margin:auto -14px -14px;padding:8px 14px;display:flex}.sidebar--collapsed{background:#fff;border:1px solid #dfe3e8;border-radius:0;gap:0;width:70px;padding:0 4px 4px;overflow-y:hidden}.sidebar--collapsed .sidebar__brand{border-bottom-color:var(--border);justify-content:center;gap:0;height:49px;min-height:49px;margin:0 -4px;padding:0}.sidebar--collapsed .sidebar__logo{border-radius:0;width:32px;height:32px}.sidebar--collapsed .sidebar__logo svg{width:28px;height:28px}.sidebar--collapsed .sidebar__footer{border-top-color:var(--border);justify-content:center;align-items:center;width:calc(100% + 8px);min-height:60px;margin:0 -4px -4px;padding:8px 0;display:flex}.sidebar--collapsed .sidebar__toggle{color:#667085;border:1px solid #e1e5eb;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto;padding:0;display:flex}.sidebar--collapsed .sidebar__toggle:hover{color:#2f6fe4;background:#f4f6f8}.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__group-label,.sidebar--collapsed .sidebar__item-label,.sidebar--collapsed .sidebar__item-badge{display:none}.sidebar--collapsed .sidebar__item{border-radius:13px;justify-content:center;width:48px;height:48px;margin:0 auto 4px;padding:0}.sidebar--collapsed .sidebar__item-left{justify-content:center}.sidebar--collapsed .sidebar__item--active,.sidebar--collapsed .sidebar__item--active:hover{box-shadow:none;background:#edf2f8}.palette__overlay{z-index:100;background:#1a1a1a52;justify-content:center;padding-top:120px;display:flex;position:fixed;inset:0}.palette{background:var(--card);border-radius:8px;flex-direction:column;width:560px;max-width:calc(100vw - 48px);max-height:60vh;display:flex;overflow:hidden;box-shadow:0 30px 80px -20px #0000004d}.palette__input-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.palette__input{color:var(--ink);flex:1;font-size:14px}.palette__input::placeholder{color:var(--ink-3)}.palette__esc{background:var(--paper);border:1px solid var(--border);color:var(--ink-3);border-radius:4px;padding:2px 6px;font-size:10px}.palette__body{padding:8px;overflow-y:auto}.palette__group-label{color:var(--ink-3);padding:8px 10px 4px;font-size:11px;font-weight:600}.palette__item{text-align:left;border-radius:6px;flex-direction:column;gap:2px;width:100%;padding:8px 10px;display:flex}.palette__item:hover{background:var(--teal-tint)}.palette__item-title{color:var(--ink);font-size:13px;font-weight:600}.palette__item-sub{color:var(--ink-3);font-size:11px}.palette__empty{text-align:center;color:var(--ink-3);padding:24px;font-size:12px}.content{background:#fff;flex-direction:column;flex:1;gap:0;min-height:0;padding:0;display:flex;overflow-y:auto}.content--page{background:var(--paper)}.page-shell{flex-direction:column;gap:16px;width:100%;min-height:100%;padding:16px 18px 14px;display:flex}.page-shell>*{min-width:0}.workbench-page{background:#fff;flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.workbench-page .card{box-shadow:none;background:#fff;border:0;border-radius:0}.workbench__upload-row{align-items:center;gap:12px;min-width:0;display:flex}.workbench__upload-dropzone{border:1px dashed var(--border-strong);width:160px;height:82px;color:var(--teal);border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.workbench__upload-dropzone:hover{border-color:var(--teal);background:var(--teal-card)}.workbench__upload-dropzone small{color:var(--ink-3);font-size:10px}.workbench__upload-meta{flex-direction:column;gap:6px;min-width:0;display:flex}.workbench__upload-meta strong,.workbench__upload-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workbench__upload-meta strong{color:var(--ink);font-size:12px}.workbench__upload-meta span{color:var(--ink-3);font-size:10px;line-height:1.4}.workbench__upload-meta button{color:var(--teal);align-self:flex-start;font-size:11px;font-weight:600}.workbench__upload-meta button:disabled{opacity:.5}.workbench__field-label{min-width:0;color:var(--ink-3);flex:1;font-size:11px;display:block}.workbench__tolerance{border:1px solid var(--border);height:36px;color:var(--ink);border-radius:6px;align-items:center;padding:0 10px;font-size:13px;display:flex}.workbench__tolerance small{color:var(--ink-3);margin-left:auto;font-size:10px;font-weight:400}.workbench__checkbox{color:var(--ink-2);white-space:nowrap;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.workbench__checkbox input{accent-color:var(--teal)}.workbench__manual-row{flex-wrap:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.workbench__manual-input{border:1px solid var(--border);border-radius:6px;flex:130px;align-items:center;min-width:130px;height:36px;display:flex;overflow:hidden}.workbench__manual-input:focus-within{border-color:var(--teal)}.workbench__manual-input input{width:100%;min-width:0;color:var(--ink);padding:0 10px;font-size:12px}.workbench__manual-input input:focus-visible{outline:none}.workbench__manual-input button{border-left:1px solid var(--border);width:34px;height:100%;color:var(--teal);flex-shrink:0}.workbench__edit-button{border:1px solid var(--border);height:36px;color:var(--ink-2);white-space:nowrap;border-radius:6px;padding:0 10px;font-size:11px}.workbench__edit-button:hover{border-color:var(--teal);color:var(--teal)}.workbench__edit-button:disabled{cursor:not-allowed;opacity:.45}.workbench__match-button{background:var(--teal-dark);color:#fff;border-radius:7px;width:100%;height:42px;font-size:14px;font-weight:600}.workbench__match-button:hover{background:var(--teal)}.workbench__analysis-grid{border-bottom:1px solid var(--border);background:#fff;flex:1;grid-template-columns:minmax(0,1.75fr) minmax(360px,1fr);align-items:stretch;gap:0;min-height:0;display:grid;overflow:hidden}.workbench__spectrum-slot{min-width:0;min-height:0;overflow:hidden}.workbench__left-pane{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.workbench__analysis-grid>.card{box-shadow:none;border:none;border-radius:0}.workbench__analysis-grid .spectrum-card{border-right:0;min-width:0;height:auto;min-height:0}.workbench__analysis-grid .spectrum-card__empty{flex:none;width:100%;min-height:clamp(300px,42vh,420px)}.workbench__analysis-grid .spectrum-card__image-wrap{flex:none;height:auto;max-height:none;display:block;overflow:hidden}.workbench__analysis-grid .spectrum-card__image{object-fit:contain;width:100%;height:auto;max-height:none}.workbench__right-pane{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.reference-basis-card{border-bottom:1px solid var(--border);flex:none;padding:14px 18px 12px}.reference-basis-card__header,.cloud-match-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.reference-basis-card__header>div:first-child{align-items:baseline;gap:8px;display:flex}.reference-basis-card__header span,.cloud-match-card__header span{color:var(--ink-3);font-size:9px}.reference-basis-card__actions{gap:5px;display:flex}.reference-basis-card__actions button{color:var(--teal);border:1px solid var(--border);background:#fff;border-radius:4px;padding:4px 7px;font-size:9px}.reference-basis-card__actions button:hover{border-color:var(--teal);background:var(--teal-card)}.reference-basis-card__tables{gap:6px;margin-top:10px;padding-bottom:2px;display:flex;overflow-x:auto}.reference-basis-card__tables label{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:116px;max-width:180px;padding:7px 8px;display:grid}.reference-basis-card__tables label:has(input:checked){border-color:var(--teal);background:var(--teal-card)}.reference-basis-card__tables input{width:13px;height:13px;accent-color:var(--teal)}.reference-basis-card__tables label span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.reference-basis-card__tables label b{color:var(--teal);font-family:var(--font-mono);font-size:8px}.reference-basis-card>p{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:9px;overflow:hidden}.cloud-match-card{border-bottom:1px solid var(--border);flex:none;max-height:286px;padding:14px 18px 0;overflow:hidden}.cloud-match-list{border-top:1px solid var(--border);max-height:228px;margin-top:10px;overflow-y:auto}.cloud-match-row{border-bottom:1px solid var(--border);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:7px 4px;display:grid}.cloud-match-row__rank{color:var(--ink-3);font-size:9px}.cloud-match-row>div{min-width:0}.cloud-match-row strong,.cloud-match-row span,.cloud-match-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cloud-match-row strong{color:var(--teal-dark);font-size:11px}.cloud-match-row span,.cloud-match-row small{color:var(--ink-3);margin-top:2px;font-size:8px}.cloud-match-row>b{color:var(--teal);font-size:14px}.cloud-match-card__empty{color:var(--ink-3);padding:18px 0;font-size:10px}.match-card--list{width:100%;min-width:0;height:auto;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;flex:1;align-self:stretch;padding:20px 24px 0;overflow:hidden}.result-list{border-top:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#c7d3d2 transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.result-list::-webkit-scrollbar{width:4px}.result-list::-webkit-scrollbar-track{background:0 0}.result-list::-webkit-scrollbar-thumb{background:#c7d3d2;border-radius:999px}.result-list::-webkit-scrollbar-thumb:hover{background:#aabbb9}.result-row{border-bottom:1px solid var(--border);cursor:pointer;flex:0 0 68px;grid-template-columns:32px minmax(0,1fr) auto 56px 20px;align-items:center;gap:10px;min-height:68px;display:grid}.result-row:hover,.result-row--selected{background:var(--teal-card)}.result-row--selected{box-shadow:inset 4px 0 0 var(--teal)}.result-row__rank{color:var(--ink-3);padding-left:8px;font-size:11px}.result-row__name{flex-direction:column;gap:5px;min-width:0;display:flex}.result-row__name strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.result-row__name span{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.result-row__pct{color:var(--teal);font-size:17px}.result-row__pct--dim{color:var(--ink-3)}.result-row__arrow{color:var(--teal);font-size:18px}.table-card--workbench{border:none;border-top:1px solid var(--border);box-shadow:none;background:#fff;border-radius:0;padding:20px 24px}.table-card--workbench.table-card--left-pane{border-top:0;flex:0 auto;min-height:0;padding-top:0}.table-card--left-pane .table-card__scroll{scrollbar-width:thin;scrollbar-color:#c7d3d2 transparent;flex:0 auto;max-height:min(360px,40vh);overflow:auto}.table-card--left-pane .table-card__scroll::-webkit-scrollbar{width:4px;height:4px}.table-card--left-pane .table-card__scroll::-webkit-scrollbar-track{background:0 0}.table-card--left-pane .table-card__scroll::-webkit-scrollbar-thumb{background:#c7d3d2;border-radius:999px}.table-card--left-pane .peak-table{min-width:680px;overflow:visible}.table-card--left-pane .peak-table__row--head{z-index:2;position:sticky;top:0}.workbench-page .peak-table,.workbench-page .spectrum-card__image-wrap,.workbench-page .spectrum-card__empty,.workbench-page .match-card__empty,.workbench-page .workbench__manual-input,.workbench-page .workbench__tolerance,.workbench-page .workbench__edit-button,.workbench-page .workbench__match-button{box-shadow:none;border-radius:0}.workbench-page .peak-table{border-bottom:0;border-left:0;border-right:0}.table-card__selected{color:var(--ink-2);margin-left:8px;font-size:12px;font-weight:400}@media (width<=1180px){.workbench__analysis-grid{grid-template-columns:1fr}.workbench__left-pane{border-right:0}.match-card--list{align-self:start;height:min(560px,100vh - 170px);max-height:560px}.workbench__right-pane{min-height:560px}}@media (width<=700px){.spectrum-card__header{flex-wrap:wrap;gap:10px;display:flex}.spectrum-card__image-title,.spectrum-card__controls{flex:100%}.spectrum-card__controls{min-width:0}.spectrum-card__hint{display:none}.spectrum-card__edit .workbench__manual-input{min-width:0}.spectrum-card__edit .workbench__edit-button{padding:0 7px}.workbench__upload-row{align-items:flex-start}.workbench__upload-dropzone{width:120px}.result-row{grid-template-columns:24px minmax(0,1fr) auto 20px}.result-row .evidence-pill{display:none}}.content__row{align-items:flex-start;gap:16px;display:flex}.content__left-col{flex-direction:column;flex-shrink:0;gap:18px;width:360px;display:flex}@media (width<=1280px){.content__row{flex-direction:column}.content__left-col{grid-template-columns:1fr 1fr;align-items:start;width:100%;display:grid}}@media (width<=860px){.content__left-col{grid-template-columns:1fr}.content:not(.content--page){padding:16px}.page-shell{gap:12px;padding:12px}}.card-title{color:var(--ink);font-size:16px;font-weight:600;line-height:1.3}.input-card{background:#e5f1ef;border-color:#c6dfdb;flex-direction:column;gap:14px;padding:24px;display:flex}.input-card__add-row{align-items:center;gap:8px;display:flex}.input-card__upload{background:#ffffffad;border:1px dashed #a9cbc5;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.input-card__file{display:none}.input-card__upload-copy,.input-card__upload-actions{align-items:center;display:flex}.input-card__upload-copy{gap:8px;min-width:0}.input-card__upload-copy>div{flex-direction:column;gap:3px;min-width:0;display:flex}.input-card__upload-copy strong{color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.input-card__upload-copy span:not(.input-card__upload-mark){color:var(--ink-3);font-size:10px}.input-card__upload-mark,.input-card__preview{border-radius:6px;flex-shrink:0;width:34px;height:34px}.input-card__upload-mark{background:var(--teal-tint);color:var(--teal);font-family:var(--font-mono);place-items:center;font-size:10px;font-weight:600;display:grid}.input-card__preview{object-fit:cover;border:1px solid var(--border)}.input-card__upload-actions{flex-shrink:0;gap:6px}.input-card__upload-btn,.input-card__recognize-btn{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.input-card__upload-btn{border:1px solid var(--border-strong);color:var(--teal)}.input-card__upload-btn:hover{background:#fff}.input-card__recognize-btn{background:var(--teal);color:#fff}.input-card__recognize-btn:disabled{cursor:not-allowed;opacity:.45}.input-card__recognition-status{color:var(--teal-ink);font-size:10px;line-height:1.4}.input-card__field{background:var(--paper);border:1px solid var(--border);border-radius:6px;flex:1;align-items:center;height:38px;padding-left:10px;display:flex}.input-card__field:focus-within{border-color:var(--teal);background:#fff}.input-card__field .input-card__input:focus-visible{outline:none}.input-card__input{width:100%;color:var(--ink);font-size:12px}.input-card__input::placeholder{color:var(--ink-3)}.input-card__select{background:var(--paper);border:1px solid var(--border);height:38px;color:var(--ink-2);white-space:nowrap;border-radius:6px;padding:0 10px;font-size:12px}.input-card__add-btn{background:var(--teal);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:filter .15s;display:flex}.input-card__add-btn:hover{filter:brightness(1.08)}.input-card__chips{gap:8px;display:flex}.peak-chip{border-radius:999px;align-items:center;gap:4px;padding:5px 8px 5px 10px;font-size:11px;line-height:1.2;display:inline-flex}.peak-chip--strong{color:#0f5d57;background:#dcefea}.peak-chip--medium{color:#805a22;background:#f5ead6}.peak-chip--weak{color:#526574;background:#e8eef3}.peak-chip__close{font-family:var(--font-mono);color:inherit;opacity:.75;padding:0;font-size:11px;font-weight:600;line-height:1}.peak-chip__close:hover{opacity:1}.input-card__params{color:var(--ink-3);font-size:11px;line-height:1.3}.input-card__match{background:var(--accent-warm);color:#fff;border-radius:8px;width:100%;height:42px;font-size:14px;font-weight:600;transition:filter .15s}.input-card__match:hover{background:var(--accent-warm-dark)}.spectrum-card{flex-direction:column;gap:12px;padding:20px 24px;display:flex}.spectrum-card__header{grid-template-columns:minmax(0,1fr) minmax(280px,1.6fr);align-items:center;gap:16px;min-height:32px;display:grid}.spectrum-card__controls{min-width:0}.spectrum-card__control-stack{flex-direction:column;gap:6px;min-width:0;display:flex}.spectrum-card__edit{align-items:center;gap:8px;width:100%;display:flex}.spectrum-card__edit .workbench__manual-input{min-width:180px;height:32px}.spectrum-card__edit .workbench__edit-button{flex-shrink:0;height:32px}.workbench__exclude-range,.workbench__excluded-ranges{align-items:center;gap:6px;min-width:0;display:flex}.workbench__exclude-range{color:var(--ink-3);white-space:nowrap;font-size:11px}.workbench__exclude-range input{border:1px solid var(--border);width:64px;min-width:0;height:26px;color:var(--ink);padding:0 6px;font-size:11px}.workbench__exclude-range button,.workbench__excluded-range{border:1px solid var(--border);height:26px;color:var(--teal);white-space:nowrap;padding:0 8px;font-size:11px}.workbench__exclude-range button:hover,.workbench__excluded-range:hover{border-color:var(--teal);background:var(--teal-tint)}.workbench__excluded-ranges{flex-wrap:wrap}.spectrum-card__hint{color:var(--ink-3);white-space:nowrap;font-size:10px}.spectrum-card__image-wrap{border:1px solid var(--border);cursor:default;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;width:100%;height:auto;max-height:none;display:block;position:relative;overflow:hidden}.spectrum-card__image-wrap.is-zoomed{cursor:grab}.spectrum-card__image-wrap.is-panning{cursor:grabbing}.spectrum-card__image-wrap.is-marking{cursor:crosshair}.spectrum-card__image-wrap--dragging{border-color:var(--teal);background:var(--teal-card)}.spectrum-card__zoom-surface{transform-origin:50%;will-change:transform;flex:0 0 100%;width:100%}.spectrum-card__zoom-surface--original{transition:transform .12s ease-out}.spectrum-card__zoom-surface--redraw{transition:none;transform:none}.spectrum-card__zoom-surface.is-hidden{display:none}.spectrum-card__recognizing-overlay{z-index:6;pointer-events:none;background:#ffffffd1;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.spectrum-card__recognition-status{border:1px solid var(--border);background:var(--paper);color:var(--teal-ink);border-radius:6px;margin:8px 0 0;padding:8px 10px;font-size:11px;line-height:1.5}.spectrum-card__scan-line{background:#2f6fe4;height:2px;animation:1.6s ease-in-out infinite alternate spectrum-recognition-scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #2f6fe473}.spectrum-card__recognizing-indicator{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:190px;padding:14px 18px;display:flex;box-shadow:0 8px 24px #123f431f}.spectrum-card__recognizing-indicator strong{color:var(--ink);font-size:13px;line-height:1.3}.spectrum-card__recognizing-indicator>span:last-child{color:var(--ink-3);font-size:10px;line-height:1.4}.spectrum-card__recognizing-bars{align-items:flex-end;gap:4px;height:28px;display:flex}.spectrum-card__recognizing-bars i{transform-origin:bottom;background:#2f6fe4;width:3px;height:18px;animation:.8s ease-in-out infinite alternate spectrum-recognition-pulse;display:block}.spectrum-card__recognizing-bars i:first-child,.spectrum-card__recognizing-bars i:nth-child(5){height:10px}.spectrum-card__recognizing-bars i:nth-child(2),.spectrum-card__recognizing-bars i:nth-child(4){height:18px;animation-delay:.12s}.spectrum-card__recognizing-bars i:nth-child(3){height:26px;animation-delay:.24s}@keyframes spectrum-recognition-scan{0%{top:0}to{top:calc(100% - 2px)}}@keyframes spectrum-recognition-pulse{0%{opacity:.55;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.spectrum-card__scan-line,.spectrum-card__recognizing-bars i{animation:none}.spectrum-card__scan-line{top:50%}}.spectrum-card__image-wrap.is-panning .spectrum-card__zoom-surface--original{transition:none}.spectrum-card__image-area{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.spectrum-card__image{object-fit:contain;object-position:center;width:100%;height:auto;max-height:none;display:block}.spectrum-card__redraw{background:#fff}.spectrum-card__empty{border:1px dashed var(--border-strong);min-height:132px;color:var(--ink-3);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:20px;font-size:11px;transition:border-color .15s,background .15s;display:flex}.spectrum-card__empty:hover,.spectrum-card__empty--dragging{border-color:var(--teal);background:var(--teal-card)}.spectrum-card__empty-title{color:var(--teal-dark);font-size:13px;font-weight:600}.spectrum-card__image-footer{color:var(--ink-3);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.spectrum-card__image-footer>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.spectrum-card__footer-controls{flex:1;min-width:0}.workbench__footer-exclude{align-items:center;gap:8px;min-width:0;display:flex}.spectrum-card__image-title{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.spectrum-card__image-footer>div{flex-shrink:0;align-items:center;gap:8px;display:flex}.spectrum-card__image-footer button{color:var(--teal);font-size:11px;font-weight:600}.spectrum-card__view-switch,.spectrum-card__select-image{border:1px solid var(--border);min-height:24px;color:var(--teal-ink);background:#fff;padding:0 8px;font-size:10px;font-weight:600}.spectrum-card__view-switch{background:var(--teal-tint)}.spectrum-card__image-footer button:disabled{cursor:not-allowed;opacity:.45}.match-card{border-top:3px solid var(--teal);flex-direction:column;flex:1;align-self:flex-start;gap:12px;min-width:0;padding:20px;display:flex}.match-card__header{justify-content:space-between;align-items:center;min-height:32px;display:flex}.match-card__header-left{align-items:center;gap:10px;display:flex}.match-card__count{background:var(--teal-tint);color:var(--teal-ink);border-radius:999px;padding:2px 8px;font-size:10px;line-height:1.3}.match-card__sort{color:var(--ink-3);font-size:11px}.result-card{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.result-card--selected{background:var(--teal-card);border-color:var(--teal);box-shadow:inset 4px 0 0 var(--teal)}.result-card__line1{justify-content:space-between;align-items:center;display:flex}.result-card__name-group{align-items:center;gap:10px;display:flex}.result-card__name{color:var(--ink);font-size:14px;font-weight:600}.result-card__abbr{background:var(--paper);border:1px solid var(--border);color:var(--ink-2);border-radius:4px;padding:2px 6px;font-size:10px;line-height:1.3}.result-card__abbr--solid{background:var(--teal-tint);color:var(--teal-ink);border-color:#0000}.result-card__pct{color:var(--teal);font-size:22px;line-height:1.1}.result-card__pct--dim{color:var(--ink-3)}.result-card__line2{justify-content:space-between;align-items:center;display:flex}.result-card__stat{color:var(--ink-2);font-size:12px}.evidence-pill{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;line-height:1.3}.evidence-pill--green{background:var(--green-tint);color:var(--green)}.evidence-pill--amber{background:var(--amber-tint);color:var(--amber)}.evidence-pill--red{background:var(--red-tint);color:var(--red)}.role-badge--none{background:var(--paper);color:var(--ink-3)}.result-card__note{color:var(--ink-2);font-size:12px;line-height:18px}.match-card__footer{padding-top:4px}.match-card__more{color:var(--teal);padding:0;font-size:12px;font-weight:600}.match-card__empty{text-align:center;color:var(--ink-3);border:1px dashed var(--border-strong);border-radius:8px;padding:32px 16px;font-size:12px}.result-card--clickable{cursor:pointer;transition:border-color .15s}.result-card--clickable:hover{border-color:var(--teal);background:#fbfefd;box-shadow:0 3px 10px #123f430f}.result-card__detail{color:var(--teal);align-self:flex-start;padding:0;font-size:12px;font-weight:600}.table-card{border-top:3px solid #c7d9d5;flex-direction:column;padding:20px;display:flex}.table-card__header{justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.table-card__meta{color:var(--ink-3);font-size:11px}.table-card__scroll{border:1px solid var(--border-strong);border-radius:6px;overflow-x:auto}.peak-table{background:var(--card);border:none;border-radius:0;flex-direction:column;min-width:920px;display:flex;overflow:hidden}.peak-table__row{background:var(--card);height:36px;color:var(--ink-2);align-items:center;font-size:12px;display:flex}.peak-table__row--head{background:var(--paper);height:34px;color:var(--ink-3);font-size:11px;font-weight:600}.peak-table__divider{background:var(--border-strong);height:1px}.peak-table__row--selectable{cursor:pointer}.peak-table__row--selectable:hover{background:#edf5f3}.peak-table__row--selectable:focus-visible{outline-offset:-2px;outline:2px solid #2454d6}.peak-table__row--selected,.peak-table__row--selected:hover{background:#dfecea;box-shadow:inset 3px 0 #0f5d57}.peak-table__cell{border-right:1px solid var(--border-strong);flex-shrink:0;align-items:center;height:100%;display:flex}.peak-table__cell:last-child{border-right:none}.peak-table__cell--peak{justify-content:flex-end;width:92px;padding-right:8px}.peak-table__peak{color:var(--ink);font-size:12px}.peak-table__cell--range{justify-content:flex-end;width:116px;padding-right:8px}.peak-table__range{color:var(--ink-2);font-size:11px}.peak-table__cell--strength{width:64px}.peak-table__cell--assignment{width:190px}.peak-table__cell--role{width:84px}.role-badge{background:var(--teal-tint);color:var(--teal);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;line-height:1.3}.role-badge--aux{background:var(--paper);color:var(--ink-2)}.peak-table__cell--hit{width:120px}.peak-table__hit{color:var(--green);font-size:12px}.peak-table__hit.peak-table__hit--miss{color:var(--red)}.peak-table--balanced .peak-table__cell--peak,.peak-table--balanced .peak-table__cell--range,.peak-table--balanced .peak-table__cell--strength,.peak-table--balanced .peak-table__cell--assignment,.peak-table--balanced .peak-table__cell--role,.peak-table--balanced .peak-table__cell--hit{text-align:center;flex:1 1 0;justify-content:center;width:auto;min-width:0;padding-left:8px;padding-right:8px}.page-desc{color:var(--ink-3);margin:0;font-size:12px;line-height:1.6}.page-shell--library,.page-shell--embedded{gap:0;height:100%;min-height:0;padding:0;overflow:hidden}.embedded-page{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.embedded-page__header{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;height:50px;min-height:50px;padding:0 18px;display:flex}.embedded-page__heading{align-items:center;gap:14px;min-width:0;display:flex}.embedded-page__title{color:var(--ink);flex-shrink:0;font-size:14px;font-weight:600}.embedded-page__desc,.embedded-page__meta{color:var(--ink-3);white-space:nowrap;font-size:11px}.embedded-page__meta b{color:var(--teal);margin-right:4px;font-size:14px}.embedded-page__switch{border:1px solid var(--border);background:#fff;border-radius:6px;flex-shrink:0;width:fit-content;height:34px;display:flex;overflow:hidden}.embedded-page__switch-item{min-width:138px;height:32px;color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:13px;display:flex}.embedded-page__switch-item+.embedded-page__switch-item{border-left:1px solid var(--border)}.embedded-page__switch-item:not(.embedded-page__switch-item--active):hover{background:#fff}.embedded-page__switch-item--active,.embedded-page__switch-item--active:hover{color:var(--teal-dark);background:#edf2f8}.library-page{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.library__header{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:18px;height:50px;min-height:50px;padding:0 18px;display:flex}.library__categories{background:var(--card);border:1px solid var(--border);border-radius:6px;flex-shrink:0;gap:0;width:fit-content;height:34px;padding:0;display:flex;overflow:hidden}.library__category{text-align:left;min-width:138px;height:32px;min-height:32px;color:var(--ink-2);border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;display:flex}.library__category+.library__category{border-left:1px solid var(--border)}.library__category:not(.library__category--active):hover{background:#fff}.library__category--active,.library__category--active:hover{color:var(--teal-dark);box-shadow:none;background:#edf2f8}.library__category-title{font-size:13px;font-weight:600;line-height:1}.library__category-count{color:var(--teal);font-size:14px;line-height:1}.library__toolbar{flex:1;justify-content:space-between;align-items:center;gap:18px;min-width:0;display:flex}.library__stats{flex-shrink:0;align-items:center;gap:14px;display:flex}.library__stat{color:var(--ink-3);white-space:nowrap;font-size:12px}.library__stat b{color:var(--teal);margin-right:4px;font-size:14px}.library__controls{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width<=1120px){.library__header{flex-direction:column;align-items:stretch;gap:8px;height:auto;min-height:0;padding:8px 18px}.library__toolbar{width:100%}}@media (width<=760px){.library__categories{width:100%}.library__category{flex:1;min-width:0}.library__toolbar,.library__controls{flex-direction:column;align-items:stretch}.library__controls{margin-left:0}.library__search,.library__select{width:100%}}.library__search{background:var(--card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;width:220px;height:34px;padding:0 10px;display:flex}.library__search input{min-width:0;color:var(--ink);flex:1;font-size:12px}.library__search input::placeholder{color:var(--ink-3)}.library__select{background:var(--card);border:1px solid var(--border);height:34px;color:var(--ink-2);font-size:12px;font-family:var(--font-ui);border-radius:6px;padding:0 8px}.library__data{background:#fff;flex:1;min-height:0;padding:18px;overflow:hidden}.library__table-card{width:100%;height:100%;min-height:0;box-shadow:none;background:#fff;border:0;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:hidden}.library__table-card .table-card__scroll{scrollbar-width:thin;scrollbar-color:#c7d3d2 transparent;flex:1;min-height:0;overflow:auto}.library__table-card .table-card__scroll::-webkit-scrollbar{width:6px;height:6px}.library__table-card .table-card__scroll::-webkit-scrollbar-track{background:0 0}.library__table-card .table-card__scroll::-webkit-scrollbar-thumb{background:#c7d3d2;border-radius:999px}.library__table-card .peak-table{border:0;border-radius:0;min-height:100%;overflow:visible}.library__table-card .peak-table__row--head{z-index:3;position:sticky;top:0}.library-table{min-width:1080px}.library-table .peak-table__cell{text-align:center;justify-content:center;padding-left:8px;padding-right:8px}.library__cell--id{flex-shrink:0;width:64px}.library__cell--group{flex-shrink:0;width:130px}.library__cell--name{flex-shrink:0;width:220px}.library__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.library__cell--sub{flex-shrink:0;width:150px}.library__sub{color:var(--ink-2);font-size:11px}.library__cell--peaks{flex:1;min-width:0;padding-right:8px}.library__peaks{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.library__cell--ev{flex-shrink:0;width:84px}.library__cell--src{flex-shrink:0;width:70px;padding-right:8px}.peak-table__row--link{cursor:pointer}.peak-table__row--link:hover{background:var(--teal-card)}.library__empty{text-align:center;color:var(--ink-3);padding:32px;font-size:12px}.detail__back{color:var(--teal);align-self:flex-start;padding:0;font-size:12px;font-weight:600;line-height:24px}.detail__missing{text-align:center;color:var(--ink-3);padding:48px;font-size:13px}.detail__head{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.detail__head-main{flex-direction:column;gap:10px;min-width:0;display:flex}.detail__title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail__name{color:var(--ink);font-size:20px;font-weight:600}.detail__meta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail__meta{color:var(--ink-3);font-size:11px}.detail__src{color:var(--teal);font-size:11px;text-decoration:none}.detail__src:hover{text-decoration:underline}.detail__peaks{flex-wrap:wrap;gap:8px;display:flex}.detail__load{flex-shrink:0}.detail__info{grid-template-columns:1fr 1fr;gap:16px 24px;padding:20px;display:grid}@media (width<=1000px){.detail__info{grid-template-columns:1fr}}.detail__info-label{color:var(--ink-3);margin-bottom:6px;font-size:11px;font-weight:600}.detail__info-text{color:var(--ink-2);font-size:12px;line-height:1.7}.distinguish__scroll{background:var(--paper);scrollbar-width:thin;scrollbar-color:#c7d3d2 transparent;flex:1;min-height:0;padding:14px 18px 16px;overflow:auto}.distinguish__scroll::-webkit-scrollbar{width:6px;height:6px}.distinguish__scroll::-webkit-scrollbar-track{background:0 0}.distinguish__scroll::-webkit-scrollbar-thumb{background:#c7d3d2;border-radius:999px}.distinguish__grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:0;display:grid}@media (width<=1100px){.distinguish__grid{grid-template-columns:1fr}}.distinguish__card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-card);background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.distinguish__head{align-items:center;gap:10px;display:flex}.distinguish__id{color:var(--ink-3);font-size:11px}.distinguish__title{color:var(--teal);font-size:14px;font-weight:600}.distinguish__row{gap:10px;font-size:12px;line-height:1.6;display:flex}.distinguish__label{width:72px;color:var(--ink-3);flex-shrink:0;padding-top:1px;font-size:11px;font-weight:600}.distinguish__text{color:var(--ink-2)}.distinguish__text--key{color:var(--ink);font-weight:600}.distinguish__foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:2px;padding-top:10px;display:flex}.distinguish__recheck{color:var(--amber);font-size:11px}.distinguish__src{color:var(--ink-3);font-size:11px}@media (width<=820px){.embedded-page__desc{display:none}}.page-shell>.table-card,.page-shell>.distinguish{width:100%}.page-shell--references{height:100%;min-height:0;padding:0;overflow:auto}.reference-page{width:100%;max-width:1440px;color:var(--ink);margin:0 auto;padding:26px}.reference-page__top-grid{grid-template-columns:minmax(300px,.78fr) minmax(520px,1.5fr);gap:14px;margin-bottom:14px;display:grid}.reference-table-card,.reference-form-card,.reference-mark-card,.reference-records-card{padding:18px}.reference-mark-card,.reference-records-card{margin-bottom:14px}.reference-card__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.reference-card__header>div{align-items:center;gap:9px;display:flex}.reference-card__header h2{font-size:14px;font-weight:700}.reference-card__step{color:var(--teal);font-family:var(--font-mono);font-size:10px}.reference-card__header>button,.reference-table-card__create button,.reference-field>button,.reference-save-button{color:#fff;background:var(--teal);border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.reference-card__header>button:hover,.reference-table-card__create button:hover,.reference-field>button:hover,.reference-save-button:hover{background:var(--teal-dark)}.reference-card__header button:disabled,.reference-save-button:disabled{cursor:wait;opacity:.55}.reference-card__current-table{max-width:260px;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.reference-table-card__create{border:1px solid var(--border);background:#f8fbfa;border-radius:8px;grid-template-columns:1fr 112px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.reference-table-card__create textarea{grid-column:1/-1;min-height:62px}.reference-table-card__create button{grid-column:1/-1}.reference-table-card input,.reference-table-card select,.reference-table-card textarea,.reference-field input,.reference-field select,.reference-field textarea,.reference-marker-editor input,.reference-marker-editor select{width:100%;min-height:36px;color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:11px}.reference-table-card textarea,.reference-field textarea{resize:vertical}.reference-table-card input:focus,.reference-table-card select:focus,.reference-table-card textarea:focus,.reference-field input:focus,.reference-field select:focus,.reference-field textarea:focus,.reference-marker-editor input:focus,.reference-marker-editor select:focus{border-color:var(--teal)}.reference-table-list{flex-direction:column;gap:7px;max-height:248px;display:flex;overflow:auto}.reference-table-item{border:1px solid var(--border);text-align:left;background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 11px;display:flex}.reference-table-item:hover{border-color:var(--border-strong);background:#f8fbfa}.reference-table-item.is-active{border-color:var(--teal);background:var(--teal-card)}.reference-table-item>span{min-width:0}.reference-table-item strong,.reference-table-item small{display:block}.reference-table-item strong{color:var(--ink);font-size:11px}.reference-table-item small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;overflow:hidden}.reference-table-item b{color:var(--teal);font-family:var(--font-mono);flex-shrink:0;font-size:9px}.reference-token{border-top:1px solid var(--border);margin-top:13px;padding-top:12px;display:block}.reference-token span,.reference-field>span,.reference-marker-editor label>span{color:var(--ink-3);margin-bottom:5px;font-size:10px;font-weight:600;display:block}.reference-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.reference-field{min-width:0}.reference-field--wide{grid-column:span 2}.reference-field input[type=file]{display:none}.reference-field>button{width:100%;max-width:100%;color:var(--teal-dark);border:1px dashed var(--border-strong);background:var(--teal-card);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reference-field>button:hover{background:var(--teal-tint)}.reference-field textarea{min-height:66px}.reference-plot{border:1px solid var(--border);background:#fff;border-radius:9px;overflow:hidden}.reference-plot svg{cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;min-height:310px;display:block}.reference-plot__background{fill:#fbfcfc}.reference-plot__trace{fill:none;stroke:#176b68;stroke-width:2px;vector-effect:non-scaling-stroke}.reference-plot__axis{stroke:#82918e;stroke-width:1px}.reference-plot__grid{stroke:#e6ecea;stroke-width:1px}.reference-plot__tick,.reference-plot__unit,.reference-plot__axis-label{fill:#687572;font-family:var(--font-mono);font-size:11px}.reference-plot__tick{text-anchor:middle}.reference-plot__unit{text-anchor:end}.reference-plot__empty{fill:#8b9794;text-anchor:middle;font-size:13px}.reference-marker{cursor:pointer}.reference-marker line{stroke-width:1.5px;stroke-dasharray:4 3}.reference-marker circle{stroke:#fff;stroke-width:2px}.reference-marker text{font-family:var(--font-mono);text-anchor:middle;font-size:10px;font-weight:700}.reference-marker--primary line,.reference-marker--primary circle{stroke:#b0552f;fill:#b0552f}.reference-marker--primary text{fill:#8d3f20}.reference-marker--auxiliary line,.reference-marker--auxiliary circle{stroke:#176b68;fill:#176b68}.reference-marker--auxiliary text{fill:#125452}.reference-marker.is-selected circle{r:8px;stroke:#fff;stroke-width:3px}.reference-plot__hint{color:var(--ink-3);border-top:1px solid var(--border);padding:9px 12px;font-size:10px;display:block}.reference-marker-editor{border:1px solid var(--border);background:#f8fbfa;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;padding:13px;display:grid}.reference-marker-editor__wide{grid-column:span 2}.reference-marker-editor__remove{color:var(--red);grid-column:1/-1;justify-self:end;font-size:10px}.reference-save-row{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;display:flex}.reference-status{color:var(--teal-dark);font-size:11px;line-height:1.5}.reference-muted{color:var(--ink-3);font-size:11px;line-height:1.6}.reference-save-button{flex-shrink:0;min-height:38px;padding:0 18px}.reference-record-list{overflow-x:auto}.reference-record-list article{border-top:1px solid var(--border);min-width:840px;min-height:55px;color:var(--ink-2);grid-template-columns:minmax(220px,1.4fr) 1fr 1fr 150px 90px;align-items:center;gap:16px;padding:8px 10px;font-size:10px;display:grid}.reference-record-list article:first-child{border-top:0}.reference-record-list article>div strong,.reference-record-list article>div span{display:block}.reference-record-list article>div strong{color:var(--ink);font-size:11px}.reference-record-list article>div span{color:var(--ink-3);margin-top:3px}.reference-record-list article>button{color:var(--teal);text-align:left;font-size:10px;font-weight:600}@media (width<=1050px){.reference-page__top-grid{grid-template-columns:1fr}.reference-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.reference-page{padding:16px}.reference-form-grid,.reference-marker-editor{grid-template-columns:1fr}.reference-field--wide,.reference-marker-editor__wide{grid-column:auto}}.auth-page{background:#e7efed;place-items:center;width:100%;min-height:100vh;padding:32px;display:grid}.auth-card{background:#fff;border:1px solid #cbdad6;border-radius:18px;width:min(440px,100%);padding:34px;box-shadow:0 18px 48px #123f431f}.auth-card__brand{align-items:center;gap:14px;display:flex}.auth-card__logo{background:#e2f0ee;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.auth-card__eyebrow,.settings-card__eyebrow{color:#176b68;letter-spacing:.12em;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.auth-card h1{color:#173f40;font-size:24px;line-height:1.25}.auth-card__description{color:#667875;margin:22px 0;font-size:14px;line-height:1.7}.auth-form{gap:16px;display:grid}.auth-form label,.settings-form label{color:#344b49;gap:8px;font-size:13px;font-weight:700;display:grid}.auth-form input,.settings-form input{color:#1a2e2d;background:#f9fbfa;border:1px solid #cbdad6;border-radius:9px;width:100%;height:44px;padding:0 13px;font-size:14px}.auth-form input:focus,.settings-form input:focus{background:#fff;border-color:#176b68}.auth-form button,.settings-form button{color:#fff;background:#176b68;border-radius:9px;height:44px;font-size:14px;font-weight:800}.auth-form button:hover,.settings-form button:hover{background:#125452}.auth-form button:disabled,.settings-form button:disabled{cursor:wait;opacity:.65}.auth-form__error{color:#9f2020;background:#f5e6e6;border:1px solid #e7bcbc;border-radius:8px;padding:10px 12px;font-size:13px}.auth-card__security{color:#7a8c89;text-align:center;margin-top:20px;font-size:11px;line-height:1.6}.settings-page{width:100%;max-width:900px;margin:0 auto}.settings-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;border-radius:14px;padding:28px}.settings-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;display:flex}.settings-card h1{color:var(--teal-dark);font-size:24px}.settings-card__user{color:#35605e;background:#f0f8f7;border:1px solid #cbdad6;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.settings-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.settings-status-grid>div{background:#f7faf9;border:1px solid #dbe5e2;border-radius:10px;gap:7px;padding:16px;display:grid}.settings-status-grid span{color:var(--ink-3);font-size:12px}.settings-status-grid strong{color:var(--teal-dark);font-size:14px}.settings-form{gap:18px;display:grid}.settings-form small{color:var(--ink-3);font-size:11px;font-weight:400;line-height:1.6}.settings-form button{width:fit-content;min-width:150px;padding:0 18px}.settings-form__status{color:#245b58;background:#f0f8f7;border:1px solid #cbdad6;border-radius:8px;padding:11px 13px;font-size:13px}@media (width<=720px){.settings-card>header{flex-direction:column}.settings-status-grid{grid-template-columns:1fr}}:root{--paper:#eef3f1;--card:#fff;--ink:#1a1a1a;--ink-2:#454545;--ink-3:#6e6e69;--border:#dfe7e4;--border-strong:#b9cbc6;--teal:#176b68;--teal-dark:#123f43;--teal-tint:#e2f0ee;--teal-raised:#1d716f;--teal-ink:#125452;--teal-card:#f0f8f7;--teal-btn:#185b5b;--accent-warm:#c66d3d;--accent-warm-dark:#a9572f;--green:#0d4d3d;--green-tint:#e1eee8;--amber:#7d592e;--amber-tint:#f5ebdb;--red:#b32121;--red-tint:#f5e6e6;--side-text:#c7d8d6;--side-text-dim:#9fb8b6;--side-label:#7fa3a1;--font-ui:"Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", Consolas, "PingFang SC", monospace;--backdrop:#dfe8e5;--shadow-card:0 2px 10px #123f430b;--shadow-float:0 18px 50px #123f4329}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-ui);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}input{background:0 0;border:none;outline:none;font-family:inherit}.app{background:var(--paper);width:100%;height:100vh;display:flex;overflow:hidden}.main{background:var(--paper);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:flex-end;align-items:center;height:50px;min-height:50px;padding:0 18px;display:flex}.app-header__account{color:var(--ink-2);align-items:center;gap:9px;display:flex}.app-header__avatar{background:var(--teal-tint);width:28px;height:28px;color:var(--teal);border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.app-header__username{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;font-weight:700;overflow:hidden}.app-header__account button{color:var(--ink-3);border-radius:6px;padding:5px 8px;font-size:11px}.app-header__account button:hover{background:var(--paper);color:var(--red)}.mono{font-family:var(--font-mono);font-weight:600}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px}.divider-h{background:var(--border);flex-shrink:0;width:100%;height:1px}