.ss-root{display:flex;flex-direction:column;gap:10px}.ss-group-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-5);font-weight:600;margin-bottom:5px}.ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ss-card{background:var(--bg-panel);border:1px solid var(--border-input);border-radius:7px;padding:7px 8px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}.ss-card:hover{border-color:var(--text-5);background:#14141f}.ss-card--active{border-color:var(--accent-dim);background:#071a20}.ss-card__name{font-size:11px;font-weight:700;color:#ccc;margin-bottom:3px;line-height:1.2}.ss-card--active .ss-card__name{color:var(--accent-bright)}.ss-card__tagline{font-size:9px;color:var(--text-5);line-height:1.35}.ss-card--active .ss-card__tagline{color:var(--text-4)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-panel);color:var(--text-1);font-family:var(--font-sans)}.page{display:flex;flex-direction:column;width:100%;height:calc(100vh - 40px);overflow:hidden}.app{display:flex;flex-direction:row;flex:1 1 0;min-height:0;overflow:hidden}.main-view{flex:1 1 0;display:flex;flex-direction:column;overflow:hidden;min-width:0}.canvas-wrapper{flex:1 1 0;min-height:0;overflow:hidden;position:relative}.run-legend{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:3px;pointer-events:none;z-index:10}.run-legend__item{display:flex;align-items:center;gap:6px;background:#0d0d14bf;backdrop-filter:blur(4px);padding:3px 10px 3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.06)}.run-legend__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.run-legend__label{font-size:11px;font-weight:600;color:#ccc;white-space:nowrap}.run-legend__loss{font-size:9px;color:var(--text-5);font-variant-numeric:tabular-nums;margin-left:2px}.convergence-panel{flex-shrink:0;height:140px;background:var(--bg-surface);border-top:1px solid var(--border-strong);padding:6px 8px 4px;display:flex;flex-direction:column}.convergence-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-5);margin-bottom:2px}.control-panel{width:260px;flex-shrink:0;background:var(--bg-control-2);border-left:1px solid var(--border-strong);display:flex;flex-direction:column;overflow:hidden}.cp-header{padding:14px 16px 10px;border-bottom:1px solid var(--border-strong);flex-shrink:0}.cp-logo{font-size:1.23rem;font-weight:700;letter-spacing:.04em;color:var(--text-1);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cp-scroll{flex:1 1 0;overflow-y:auto;overflow-x:hidden;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--text-6) transparent}.cp-footer{flex-shrink:0;padding:10px 16px 12px;border-top:1px solid var(--border-strong);background:var(--bg-control-2)}.cp-scroll::-webkit-scrollbar{width:4px}.cp-scroll::-webkit-scrollbar-thumb{background:var(--text-6);border-radius:2px}.cp-back-btn{background:none;border:none;color:var(--accent);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;padding:0;letter-spacing:.01em}.cp-back-btn:hover{color:var(--accent-bright)}.cp-surface-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--bg-panel);border:1px solid var(--text-6);border-radius:6px;padding:7px 10px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.cp-surface-btn:hover{border-color:var(--accent-dim);background:#0d1a1f}.cp-surface-btn__name{font-size:12px;font-weight:600;color:#ccc}.cp-surface-btn__arrow{font-size:16px;color:var(--text-5);line-height:1}.cp-section{padding:10px 16px 6px;border-bottom:1px solid var(--border)}.cp-section-title{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-5);margin-bottom:8px;font-weight:600}.cp-select{width:100%;background:var(--bg-panel);color:#ccc;border:1px solid var(--text-6);border-radius:6px;padding:6px 8px;font-size:12px;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none}.cp-select:focus{border-color:var(--text-5)}.cp-surface-desc{margin-top:7px;font-size:10px;color:var(--text-5);line-height:1.5}.cp-optimizer-list{display:flex;flex-direction:column;gap:6px}.cp-opt-label{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;padding:3px 0}.cp-checkbox{width:14px;height:14px;cursor:pointer;accent-color:var(--accent-bright);flex-shrink:0}.cp-opt-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cp-opt-name{color:#ccc;font-size:12px}.cp-slider-row{margin-bottom:8px}.cp-slider-label{display:flex;justify-content:space-between;margin-bottom:3px;font-size:11px;color:#aaa}.cp-slider-value{color:var(--text-1);font-variant-numeric:tabular-nums;font-size:10px}.cp-range{width:100%;-webkit-appearance:none;appearance:none;height:3px;background:var(--border-strong);border-radius:2px;outline:none;cursor:pointer}.cp-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.cp-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.cp-button-row{display:flex;gap:6px;margin-bottom:8px}.cp-btn{flex:1;background:var(--border-strong);color:#ccc;border:1px solid var(--text-6);border-radius:6px;padding:7px 10px;font-size:12px;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.cp-btn:hover{background:var(--border-strong);color:#eee}.cp-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);border-color:var(--btn-primary-border)}.cp-btn-primary:hover{background:var(--btn-primary-hover)}.cp-btn-pause{background:var(--btn-pause-bg);color:var(--btn-pause-color);border-color:var(--btn-pause-border)}.cp-btn-full{width:100%;text-align:center}.cp-hint{font-size:10px;color:var(--text-5);margin-top:4px;line-height:1.4}.cp-toggle-row{display:flex;gap:4px}.cp-toggle-btn{flex:1;background:var(--border);color:var(--text-4);border:1px solid var(--border-strong);border-radius:6px;padding:6px 4px;font-size:11px;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.cp-toggle-btn.active{background:#1a2a3a;color:#8cf;border-color:#48a}.cp-toggle-btn:hover:not(.active){background:#252535;color:#aaa}.cp-legend{display:flex;flex-direction:column;gap:5px}.cp-legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa;transition:opacity .2s}.cp-legend-item.dimmed{opacity:.3}.cp-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cp-stats{display:flex;flex-direction:column;gap:8px}.cp-stat-block{background:var(--bg-surface);border-radius:6px;border-left:3px solid var(--text-5);padding:6px 8px}.cp-stat-name{font-size:10px;font-weight:700;margin-bottom:4px;letter-spacing:.04em}.cp-stat-row{display:flex;justify-content:space-between;font-size:10px;color:var(--text-4);line-height:1.6}.cp-stat-row span:last-child{color:#ccc;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.run-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.run-card{background:var(--bg-surface);border-radius:6px;border:1px solid var(--border-strong);overflow:hidden;transition:border-color .15s}.run-card--inactive{opacity:.45}.run-card__header{display:flex;align-items:center;gap:5px;padding:5px 6px}.run-card__swatch{width:9px;height:9px;border-radius:50%;flex-shrink:0}.run-card__alias{flex:1;min-width:0;background:transparent;border:none;border-bottom:1px solid transparent;color:#ddd;font-size:11px;font-weight:600;font-family:inherit;outline:none;padding:0 2px;transition:border-color .15s}.run-card__alias:hover,.run-card__alias:focus{border-bottom-color:var(--text-6)}.run-card__alias::placeholder{color:var(--text-5);font-weight:400}.run-card__type{flex:0 0 auto;width:56px;min-width:0;background:transparent;border:none;color:var(--text-5);font-size:9px;font-family:inherit;cursor:pointer;outline:none;padding:0}.run-card__type option{background:var(--bg-control-2);color:#ccc}.run-card__icon{background:none;border:none;color:var(--text-5);font-size:12px;cursor:pointer;padding:2px 3px;border-radius:3px;transition:color .1s,background .1s;flex-shrink:0;font-family:inherit}.run-card__icon:hover{color:#aaa;background:var(--border-strong)}.run-card__icon--del:hover{color:#f66;background:#2a1515}.run-card__params{padding:6px 8px 8px;border-top:1px solid var(--border);background:var(--bg-page)}.cp-schedule-row{display:flex;align-items:center;gap:6px;margin:6px 0 4px}.cp-schedule-label{font-size:10px;color:var(--text-5);flex-shrink:0}.cp-schedule-select{flex:1;background:var(--bg-elevated);border:1px solid var(--border-strong);color:#bbb;font-size:10px;padding:3px 6px;border-radius:4px;font-family:inherit;cursor:pointer}.cp-schedule-params{padding:2px 0 4px}.run-card__reset{width:100%;margin-top:4px;font-size:11px;padding:5px 8px}.run-card__stats{margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}.run-add-row{display:flex;gap:5px;align-items:center}.run-add-select{flex:1;min-width:0;font-size:11px;padding:5px 6px}.run-add-btn{flex-shrink:0;white-space:nowrap;font-size:11px;padding:5px 10px}.app-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px 12px;padding:6px 16px;border-top:1px solid var(--border-subtle)}.app-footer__tagline{font-size:11px;color:var(--border-strong);font-style:italic}.app-footer__sep{font-size:11px;color:var(--border)}.app-footer__link{font-size:11px;color:var(--border-strong);text-decoration:none;background:none;border:none;font-family:inherit;cursor:pointer;padding:0;transition:color .15s}.app-footer__link:hover{color:var(--text-5)}@media(max-width:900px){.app{flex-direction:column}.canvas-wrapper{touch-action:none}.convergence-panel{height:70px}.control-panel{width:100%;height:46vh;min-height:260px;border-left:none;border-top:1px solid var(--border-strong)}.cp-scroll{display:block;padding:4px 0 20px}.cp-section{min-width:unset;flex:unset}.cp-range::-webkit-slider-thumb{width:22px;height:22px}.cp-range::-moz-range-thumb{width:22px;height:22px}.cp-range{height:6px;padding:8px 0}.cp-checkbox{width:20px;height:20px}.run-card__icon{min-width:36px;min-height:36px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.cp-btn{padding:10px 12px;font-size:1rem}.cp-slider-label{font-size:.92rem}.cp-opt-name{font-size:1rem}}