@import url('/fonts.css');
:root{color-scheme:dark;--bg:#101513;--panel:#161c19;--line:#2a332d;--text:#e9eee9;--muted:#87958b;--accent:#b8f38a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.topbar{height:76px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:0 32px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:-.6px}.brand-icon{background:var(--accent);color:#142019;font-size:16px;font-weight:850;padding:9px 6px;border-radius:10px}.muted,.header-note{color:var(--muted);font-weight:400}.header-note{font-size:13px}.connection{margin-left:auto;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.connection:before,.live-dot{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%}.connection.error:before{background:#ecb075}main{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 76px);min-height:600px}.library{border-right:1px solid var(--line);padding:30px 20px 16px;display:flex;flex-direction:column;overflow:hidden}.library-heading{display:flex;justify-content:space-between;align-items:center;margin:0 8px 24px}.eyebrow{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.6px;margin:0 0 10px;overflow-wrap:anywhere}h1{font-size:25px;letter-spacing:-.8px;margin:0}h1 span{font-size:12px;border:1px solid var(--line);padding:3px 7px;border-radius:7px;color:var(--muted);margin-left:12px;vertical-align:middle}.icon-button{border:1px solid var(--line);border-radius:10px;background:none;color:var(--muted);font-size:24px;width:36px;height:36px}.search{display:flex;align-items:center;gap:10px;background:#1c241f;border:1px solid var(--line);border-radius:10px;padding:0 12px}.search span{font-size:25px;color:var(--muted)}.search input{width:100%;height:43px;background:none;border:0;color:var(--text);outline:none;font-size:13px;min-width:0}.search:focus-within{border-color:var(--accent)}.sort{display:flex;justify-content:space-between;align-items:center;margin:20px 8px 14px;color:var(--muted);font-size:11px}.sort select{color:#c5cec7;background:var(--bg);border:0;font-size:11px;max-width:165px}.model-list{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#39453c transparent}.model-card{display:flex;text-align:left;width:100%;align-items:flex-start;gap:12px;border:1px solid transparent;border-radius:11px;background:none;color:var(--text);padding:14px 12px;margin-bottom:5px}.model-card:hover{background:#1c241f}.model-card.active{border-color:#627e48;background:#253021}.model-icon{width:35px;height:39px;display:grid;place-items:center;color:var(--muted);background:#222c25;border:1px solid #344137;border-radius:8px;flex-shrink:0}.active .model-icon{background:#b8f38a;color:#23331b;border-color:var(--accent)}.model-icon svg{width:22px;height:22px}.card-body{min-width:0;flex:1}.card-name{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere;font-weight:550}.card-meta{display:flex;gap:9px;color:var(--muted);font-size:10px;margin-top:7px}.card-tag{font-size:9px;color:var(--accent);border:1px solid #4e6740;border-radius:4px;padding:1px 4px}.library-footer{font-size:10px;color:var(--muted);margin:18px 8px 0}.workspace{padding:32px 34px 0;min-width:0;display:flex;flex-direction:column}.model-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:27px}.model-heading>div{min-width:0}.model-heading h2{font-size:22px;font-weight:550;letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}.model-subtitle{font-size:11px;color:var(--muted);margin:10px 0 0;overflow-wrap:anywhere}.download{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;background:var(--accent);color:#1b2d12;padding:12px 17px;border-radius:9px;font-size:12px;font-weight:650}.disabled{pointer-events:none;opacity:.4}.viewport{position:relative;flex:1;min-height:320px;background:radial-gradient(ellipse at 50% 40%,#242d27 0%,#191f1b 70%);border:1px solid var(--line);border-radius:15px;overflow:hidden}.viewport canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.viewport-label{position:absolute;top:20px;left:22px;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.8px;color:var(--muted);z-index:1;pointer-events:none}.status{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:2;max-width:80%;text-align:center;font-size:13px;line-height:1.7;background:#18201ce8;border:1px solid var(--line);padding:16px 24px;border-radius:12px}.status:empty{display:none}.view-toolbar{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:#111813df;backdrop-filter:blur(12px);padding:6px;border:1px solid #3a463c;border-radius:10px;white-space:nowrap;z-index:1}.view-toolbar button{background:none;border:0;color:#b3bfb5;padding:8px 11px;font-size:11px;border-radius:6px}.view-toolbar button:hover{background:#29352b}.view-toolbar button[aria-pressed=true]{background:#32432a;color:var(--accent)}.toolbar-divider{height:18px;width:1px;background:#39453b}.axes{position:absolute;right:24px;bottom:24px;width:46px;height:50px;font-size:10px;pointer-events:none}.axis-z{position:absolute;left:12px;top:0;color:#8fb5ef}.axis-x{position:absolute;left:0;bottom:5px;color:#e2a08e}.axis-y{position:absolute;right:0;bottom:15px;color:var(--accent)}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:102px}.stats{display:flex;gap:38px}.stats>span{display:flex;flex-direction:column;gap:10px}.stats small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.stats strong{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.gesture-hint{font-size:10px;color:var(--muted)}.empty{font-size:12px;color:var(--muted);padding:20px 10px;line-height:1.8}@media(min-width:1600px){main{grid-template-columns:380px minmax(0,1fr)}.workspace{padding:40px 50px 0}.model-heading{margin-bottom:35px}.model-heading h2{font-size:27px}}@media(max-width:1000px){main{grid-template-columns:285px minmax(0,1fr)}.workspace{padding:25px 20px 0}.model-heading{align-items:flex-start}.download{padding:10px}.download span{display:none}.model-heading h2{font-size:18px}.stats{gap:18px}.gesture-hint{display:none}.axes{display:none}.view-toolbar button{padding:8px}.header-note{display:none}}@media(max-width:650px){.topbar{height:62px;padding:0 18px}.brand{font-size:16px}.connection{font-size:10px}main{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - 62px)}.library{order:2;border:0;border-top:1px solid var(--line);padding:24px 16px;max-height:440px}.library-heading{margin-bottom:16px}.library-footer{margin-top:12px}.workspace{padding:22px 16px 0;min-height:530px}.model-heading{margin-bottom:20px}.model-heading h2{font-size:16px}.viewport{min-height:330px;height:48dvh;flex:auto}.bottom-bar{min-height:80px}.stats{gap:24px}.stats strong{font-size:11px}.view-toolbar{bottom:14px}.model-list{min-height:140px}.library-heading h1{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}