@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";
:root{--color-black:#000;--color-gray-900:#0a0a0a;--color-gray-800:#1a1a1a;--color-gray-700:#2a2a2a;--color-gray-600:#3a3a3a;--color-gray-500:#5a5a5a;--color-gray-400:#8a8a8a;--color-gray-300:#b0b0b0;--color-gray-200:#d0d0d0;--color-gray-100:#e8e8e8;--color-white:#fff;--color-red:#dc2626;--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-100);--bg-tertiary:var(--color-gray-200);--text-primary:var(--color-black);--text-secondary:var(--color-gray-600);--text-muted:var(--color-gray-400);--border-color:var(--color-gray-300);--border-strong:var(--color-black);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-mono:"JetBrains Mono","SF Mono","Fira Code","Consolas",monospace;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--header-height:56px;--sidebar-width:340px;--border-radius:0px}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--color-gray-900);--bg-secondary:var(--color-gray-800);--bg-tertiary:var(--color-gray-700);--text-primary:var(--color-white);--text-secondary:var(--color-gray-300);--text-muted:var(--color-gray-500);--border-color:var(--color-gray-700);--border-strong:var(--color-white)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{flex-direction:column;min-height:100vh;display:flex}.header{height:var(--header-height);padding:0 var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-primary);justify-content:space-between;align-items:center;display:flex}.header__logo{align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);letter-spacing:-.03em;font-weight:600;display:flex}.header__version{font-size:var(--font-size-xs);color:var(--color-white);text-transform:lowercase;letter-spacing:.05em;margin-left:var(--space-sm);align-self:center;padding:2px;font-weight:1000}.header__nav{align-items:center;gap:var(--space-md);display:flex}.header__menu{position:relative}.header__export-btn{border:1px solid var(--text-primary);color:var(--text-primary);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;min-width:32px;height:32px;padding:6px 12px;text-decoration:none;transition:all .15s;display:flex}.header__export-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.header__export-btn--danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.header__export-btn--success:hover{color:#fff;background:#16a34a;border-color:#16a34a}.header__user{align-items:center;gap:var(--space-md);display:flex}.header__avatar{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;line-height:0;display:flex}.header__btn-label{display:inline}.header__actions-desktop{align-items:center;gap:var(--space-md);display:flex}.header__actions-mobile{display:none;position:relative}.header__dropdown{margin-top:var(--space-sm);background:var(--bg-primary);border:1px solid var(--border-color);z-index:100;min-width:140px;position:absolute;top:100%;right:0}.header__dropdown-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm)var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;text-decoration:none;transition:background .15s;display:flex}.header__dropdown-item:hover{background:var(--bg-tertiary)}.header__dropdown-item--success:hover{color:#fff;background:#16a34a}.header__dropdown-sub{border-top:1px solid var(--border-color);margin-top:4px;padding-top:4px}.header__dropdown-item--sub{padding-left:calc(var(--space-md) + 14px);font-size:11px}@media (max-width:1024px){.header__nav{gap:var(--space-sm)}.header__btn-label{display:none}.header__export-btn{width:32px;min-width:32px;padding:0}.header__status-text,.header__actions-desktop{display:none}.header__actions-mobile{display:block}.header__user{gap:var(--space-sm)}}.main{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:calc(100vh - var(--header-height));border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;display:flex;overflow-y:auto}.sidebar.collapsed{width:40px;min-width:40px;overflow:hidden}.content{padding:var(--space-lg);background:var(--bg-primary);flex-direction:column;flex:1;padding-bottom:0;display:flex;overflow:hidden}.section{padding:var(--space-md);border-bottom:1px solid var(--border-color)}.section:last-child{border-bottom:none}.section__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.control{margin-bottom:var(--space-md)}.control:last-child{margin-bottom:0}.control__label{margin-bottom:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.control__value{color:var(--text-primary);font-weight:500}.control__input{width:100%;height:36px;padding:0 var(--space-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;transition:border-color .15s}select.control__input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-primary)50%),linear-gradient(135deg,var(--text-primary)50%,transparent 50%);padding-right:calc(var(--space-sm) + 18px);background-position:calc(100% - 12px),calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px,4px 4px}.control__input:focus{border-color:var(--border-strong)}.control__input::placeholder{color:var(--text-muted)}.slider{appearance:none;background:var(--border-color);cursor:pointer;border-radius:2px;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);cursor:grab;border-radius:0;width:14px;height:14px}.slider::-webkit-slider-thumb:active{cursor:grabbing}.slider::-moz-range-thumb{background:var(--text-primary);cursor:grab;border:none;border-radius:0;width:14px;height:14px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);height:40px;padding:0 var(--space-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--bg-primary);background:var(--text-primary);border:1px solid var(--text-primary);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{opacity:.85}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--outline{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn--outline:hover{border-color:var(--border-strong);opacity:1}.btn--full{width:100%}.graph-container{gap:var(--space-lg);flex:1;grid-template-columns:repeat(2,1fr);min-height:0;display:grid;overflow:auto}.graph-card{padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);flex-direction:column;display:flex}.graph-card__header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.graph-card__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.graph-card__content{flex:1;min-height:150px}.metrics{background:var(--border-color);border:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.metric{padding:var(--space-md);background:var(--bg-primary)}.metric__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-xs)}.metric__value{font-size:var(--font-size-2xl);letter-spacing:-.02em;font-weight:600}.metric__unit{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:400}.layer-item{padding:var(--space-sm);margin-bottom:var(--space-sm);background:var(--bg-primary);border:1px solid var(--border-color)}.layer-item:last-child{margin-bottom:0}.layer-item__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.layer-item__name{font-size:var(--font-size-sm);font-weight:500}.layer-item__remove{width:20px;height:20px;font-size:var(--font-size-lg);color:var(--color-red);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.layer-item__remove:hover{color:var(--text-primary)}.status{font-size:var(--font-size-sm);color:var(--text-muted);align-items:center;gap:10px;display:flex}.status__dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.status--active .status__dot{background:#0a0}.status--loading .status__dot{animation:1s infinite pulse}.status--training{color:#fa0}.status--training .status__dot{background:#fa0;animation:.8s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tabs{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-md);display:flex}.tab{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab--active{color:var(--text-primary);border-bottom-color:var(--text-primary)}@media (max-width:1024px){.graph-container{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;min-width:100%;height:auto;max-height:50vh}.metrics{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;width:90%;max-width:320px;display:flex;box-shadow:0 10px 25px #00000080}.modal-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-weight:600}.modal-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.model-download-popup{background:var(--bg-primary);border:1px solid var(--border-color);z-index:2000;width:360px;max-width:calc(100vw - 32px);padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000080}.model-download-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1999;background:#00000080;position:fixed;inset:0}.download-options{gap:10px;margin-bottom:12px;display:grid}.download-option{width:100%;color:var(--text-secondary);grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.download-option__label,.download-option__text{align-items:center;gap:6px;min-width:0;display:inline-flex}.download-option__size{color:var(--text-muted);text-align:right;white-space:nowrap;font-size:10px}.download-checkbox{cursor:pointer;vertical-align:middle;flex-shrink:0;margin-right:10px;appearance:none!important;background:#fff!important;border:2px solid #fff!important;border-radius:0!important;width:12px!important;min-width:12px!important;height:12px!important;min-height:12px!important}.model-download-popup .download-checkbox{background:#fff!important;border:2px solid #fff!important}.download-checkbox:checked,.model-download-popup .download-checkbox:checked{background:0 0!important;border-color:#fff!important}.download-checkbox:disabled{cursor:not-allowed;opacity:.5}