:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b211f;background:#fff;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,textarea{font:inherit}button{color:inherit;background:transparent;border:1px solid #d5dcd7;border-radius:8px;min-height:44px;padding:10px 16px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}button:hover{background:#eaf0e9;border-color:#8ca686}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,canvas:focus-visible,textarea:focus-visible{outline:2px solid #3e7345;outline-offset:4px}.primary{background:#243d2a;border-color:#243d2a;color:#fff}.primary:hover{background:#35583d;border-color:#35583d}
header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.7px}.brand svg{width:34px;fill:none;stroke:currentColor;stroke-width:1.5}.brand b{font-weight:450}header nav{display:flex;align-items:center;gap:28px;font-size:14px}header .primary{min-width:138px;display:flex;gap:22px;justify-content:space-between}
#viewer{position:relative;height:calc(100svh - 260px);min-height:440px;background:#eef1f2;overflow:hidden}#canvas{display:block;width:100%;height:100%;touch-action:none;opacity:0;transition:opacity .4s}#viewer[data-state="ready"] #canvas{opacity:1}.model-heading{position:absolute;top:32px;left:40px;z-index:1;pointer-events:none}.model-heading a{pointer-events:auto;font-size:13px;color:#52615a}.model-heading>span{font-size:10px;letter-spacing:2px;color:#627168}h1{font-size:clamp(25px,3vw,40px);letter-spacing:-1.5px;font-weight:500;margin:8px 0 10px}#status,#retry{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#status{font-size:14px;color:#50645a;background:#eef1f2;padding:12px;max-width:calc(100% - 40px);text-align:center}#status:empty{display:none}#retry{margin-top:58px;background:white}.tools{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;padding:5px;background:#ffffffef;border:1px solid #e0e5e3;border-radius:13px;box-shadow:0 3px 12px #18392a08;white-space:nowrap}.tools button{border-color:transparent;font-size:13px;min-width:50px}.tools button[aria-pressed="true"]{background:#e8f1e3;color:#2c6134}.divider{height:18px;width:1px;background:#dce2de}.model-footer{position:absolute;bottom:16px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#647168}.model-footer button{border:0;padding:4px 0;min-height:28px;font-size:12px}noscript{position:absolute;top:45%;left:15%}
#models{display:flex;justify-content:center;gap:22px;padding:20px 24px 16px;overflow-x:auto}#models a{flex:0 0 150px;display:grid;gap:8px;padding:0 0 8px;border-bottom:2px solid transparent;color:#6a746e;font-size:12px;text-align:center;transition:color .2s,border-color .2s}#models a:hover{text-decoration:none;color:#18291e}#models a[aria-current="true"]{border-color:#416844;color:#18291e}#models img{width:150px;height:78px;object-fit:cover;border-radius:6px;background:#eef1f2;transition:transform .2s}#models a:hover img{transform:translateY(-2px)}footer{display:flex;justify-content:space-between;gap:12px;padding:4px 40px 18px;font-size:11px;color:#66736c}
dialog{width:min(520px,calc(100% - 32px));border:1px solid #d9e0da;border-radius:16px;padding:26px;box-shadow:0 24px 100px #17261d30}dialog::backdrop{background:#13211955;backdrop-filter:blur(4px)}dialog form{display:flex;align-items:center;justify-content:space-between;gap:12px}dialog h2{font-size:22px;letter-spacing:-.5px;font-weight:550;margin:0}dialog form button{font-size:24px;border:0;padding:0;width:44px}dialog p{font-size:13px;line-height:1.6;color:#4f5e54}dialog label{font-size:13px;display:block;margin:24px 0 10px}dialog textarea{width:100%;resize:vertical;font-family:ui-monospace,monospace;font-size:12px;line-height:1.7;padding:14px;border:1px solid #d4ded6;border-radius:8px;background:#f5f7f5;color:#28372c;word-break:break-all}dialog>.primary{width:100%;margin-top:12px}.muted{font-size:11px!important}dialog a{text-decoration:underline}#copy-status{font-size:12px}
#viewer:fullscreen{height:100%;width:100%}body.capture header,body.capture #models,body.capture footer,body.capture .model-heading,body.capture .tools,body.capture .model-footer{display:none}body.capture #viewer{height:100svh;min-height:0}body.capture #canvas{transition:none}
@media(max-width:600px){header{height:76px;padding:0 18px;gap:12px}.brand{font-size:16px;gap:8px;letter-spacing:-.6px}.brand svg{width:27px}.brand b{display:block;font-size:12px;letter-spacing:0}header nav{gap:12px;font-size:12px}header .primary{min-width:0;gap:10px;padding:10px 12px}#viewer{height:calc(100svh - 230px);min-height:410px}.model-heading{top:22px;left:22px}.model-heading>span{font-size:9px}h1{margin:7px 0;font-size:28px}.model-heading a{font-size:12px}.model-footer{left:22px;right:22px}.tools{bottom:40px}#models{justify-content:flex-start;gap:14px;padding:16px 20px}#models a{flex-basis:106px;font-size:11px}#models img{width:106px;height:65px}footer{font-size:10px;padding:0 20px 14px}}
@media(min-width:601px){#viewer{height:calc(100svh - 278px)}}
@media(max-width:600px){#models{gap:8px}#models a{flex:1;min-width:0}#models img{width:100%;object-fit:contain}#models a span{line-height:1.4}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
#library{max-width:1380px;margin:0 auto;padding:28px 40px 48px}.library-heading{display:flex;align-items:center;gap:24px;justify-content:space-between;margin-bottom:24px}.library-heading h2{font-size:22px;font-weight:500;white-space:nowrap;letter-spacing:-.5px;margin:0}.library-heading h2 span{font-size:13px;color:#69736d;margin-left:8px}#filters{display:flex;flex-wrap:wrap;gap:6px}#filters button{border-color:transparent;font-size:12px;padding:8px 12px}#filters button[aria-pressed="true"]{background:#e8f1e3;color:#2c6134}#models{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px;padding:0;overflow:visible}#models a{min-width:0}#models a[hidden]{display:none}#models img{width:100%;height:auto;aspect-ratio:1.44;object-fit:contain}#models a span{font-size:13px;min-height:32px}#animation{font:inherit;max-width:145px;min-height:44px;border:1px solid #d5dcd7;border-radius:7px;padding:6px;background:white;font-size:12px}#viewer{height:calc(100svh - 160px);min-height:500px}body.capture #library{display:none}body.capture #viewer{height:100svh;min-height:0}
@media(max-width:850px){#models{grid-template-columns:repeat(3,minmax(0,1fr))}.library-heading{display:block}#filters{margin-top:16px}}
@media(max-width:600px){#viewer{height:600px;min-height:470px;max-height:calc(100svh - 90px)}#library{padding:24px 20px}#models{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}#animation{max-width:100px}.tools{width:max-content;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}body.capture #viewer{height:100svh;max-height:none}}