html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}body{color:#0f172a;background:linear-gradient(#f8fafc 0%,#eef2ff 100%)}#app{box-sizing:border-box;--panel-left:14px;--panel-top:56px;height:100%;min-height:0;padding:10px;position:relative}.model-list{top:var(--panel-top);left:var(--panel-left);z-index:100000;-webkit-backdrop-filter:blur(30px)saturate(185%);backdrop-filter:blur(30px)saturate(185%);pointer-events:auto;opacity:1;background-color:#fff3;border:1px solid #ffffffb3;border-radius:16px;flex-direction:column;gap:8px;width:min(360px,100vw - 28px);min-width:0;max-height:min(72vh,680px);padding:12px;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;overflow:hidden;transform:none;box-shadow:0 14px 40px #0f172a2e,inset 0 1px #ffffffa6}.model-list:before{content:"";border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(30px)saturate(185%);backdrop-filter:blur(30px)saturate(185%);background:linear-gradient(135deg,#ffffff61 0%,#ffffff2e 100%);position:absolute;inset:0}.model-list>*{z-index:1;position:relative}.side-header{cursor:move;align-items:center;gap:6px;display:flex}.side-title{flex:1;align-items:center;font-size:16px;font-weight:700;display:flex}.side-header-actions{align-items:center;gap:6px;display:flex}.url-loader{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}#model-url-input{color:#334155;background:#ffffffb3;border:1px solid #dbe4ff;border-radius:8px;height:28px;padding:0 8px;font-size:12px}#model-url-input:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 2px #93c5fd4d}.ui-status{color:#1e3a8a;background:#dbeafe80;border:1px solid #dbeafe;border-radius:8px;padding:6px 8px;font-size:11px;line-height:1.35}.ui-status[data-tone=success]{color:#166534;background:#dcfce78c;border-color:#bbf7d0}.ui-status[data-tone=error]{color:#b91c1c;background:#fee2e28c;border-color:#fecaca}.ghost-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe4ff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ghost-btn:hover{background:#eff6ff;border-color:#93c5fd}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}#model-list{background:#ffffff59;border:1px solid #e2e8f0e6;border-radius:10px;min-height:0;overflow:auto}.model-list-empty{color:#475569;flex-direction:column;justify-content:center;gap:6px;min-height:150px;padding:14px 12px;display:flex}.model-list-empty-title{color:#1e293b;margin-bottom:4px;font-size:13px;font-weight:700}.model-list-empty-hint{font-size:12px;line-height:1.35}.model-list-header{letter-spacing:.03em;text-transform:uppercase;color:#64748b;border-bottom:1px solid #eef2ff;padding:10px;font-size:11px;font-weight:700}.model-item{border-bottom:1px solid #f8fafc;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.model-item.active{background:#eef2ff;box-shadow:inset 2px 0 #3b82f6}.model-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.model-url-badge{color:#1d4ed8;background:#bfdbfe8c;border-radius:999px;padding:1px 6px;font-size:10px}.compare-checkbox{margin:0}.model-remove-btn{opacity:0;transition:opacity .12s}.model-item:hover .model-remove-btn,.model-item.active .model-remove-btn{opacity:1}.debug-log{color:#e2e8f0;background:#0f172a;border:1px solid #e2e8f0;border-radius:8px;max-height:180px;margin:0;padding:8px;font-size:11px;line-height:1.3;overflow:auto}.viewer-shell{z-index:1;min-width:0;height:100%;min-height:0;position:relative}.sidebar-fab{top:var(--panel-top);left:var(--panel-left);z-index:100001;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:linear-gradient(135deg,#2563eb,#3b82f6);border:1px solid #93c5fdf2;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;transform:translateY(-6px)scale(.92);box-shadow:0 12px 28px #2563eb57}model-explorer-visualizer{background:#fff;border:1px solid #dbe4ff;border-radius:12px;width:100%;height:100%;display:block;overflow:hidden;box-shadow:0 8px 28px #0f172a0f}.drop-overlay{z-index:999;background:#0f172a2e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drop-overlay-card{color:#1d4ed8;background:#fff;border:1px dashed #3b82f6;border-radius:12px;align-items:center;gap:10px;padding:20px 24px;font-weight:600;display:inline-flex}.hidden{display:none!important}.hidden-file-input,#app.sidebar-collapsed .side-title span,#app.sidebar-collapsed .url-loader,#app.sidebar-collapsed #model-list,#app.sidebar-collapsed .debug-log{display:none}#app.sidebar-collapsed .model-list{opacity:0;pointer-events:none;transform:translateY(-10px)scale(.96)}#app.sidebar-collapsed .sidebar-fab{opacity:1;pointer-events:auto;transform:translateY(0)scale(1);display:inline-flex!important}