*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#050706;color:#e8f0ea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#mesh-app{position:fixed;top:0;right:0;bottom:0;left:0}#mesh-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.mesh-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a1610,#050706);display:flex;align-items:center;justify-content:center;z-index:20;transition:opacity .24s ease}.mesh-loading.hidden{opacity:0;pointer-events:none}.mesh-loading-inner{text-align:center}.mesh-spinner{width:44px;height:44px;margin:0 auto 14px;border:3px solid rgb(255 255 255 / 12%);border-top-color:#4ade80;border-radius:50%;animation:mesh-spin .9s linear infinite}@keyframes mesh-spin{to{transform:rotate(360deg)}}.mesh-loading-text{font-size:15px;color:#a8b5ac}.mesh-loading-progress{font-size:12px;color:#7a8f82;margin-top:4px}.mesh-top-bar{position:absolute;top:0;left:0;right:0;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;z-index:10;background:linear-gradient(180deg,rgb(0 0 0 / 55%),transparent);pointer-events:none}.mesh-top-info{pointer-events:auto}.mesh-eyebrow{display:block;font-size:11px;letter-spacing:.12em;color:#4ade80;font-weight:700}.mesh-title{display:block;font-size:17px;font-weight:700;margin-top:2px}.mesh-back{pointer-events:auto;color:#e8f0ea;text-decoration:none;padding:8px 14px;border-radius:8px;background:#ffffff14;font-size:13px;font-weight:600;border:1px solid rgb(255 255 255 / 6%)}.mesh-back:hover{background:#ffffff24}.mesh-diag{position:absolute;top:74px;right:20px;z-index:8;min-width:200px;padding:12px 14px;background:#0000008c;border:1px solid rgb(255 255 255 / 8%);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px}.mesh-diag-row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:#a8b5ac}.mesh-diag-row span:last-child{color:#e8f0ea;font-variant-numeric:tabular-nums}.mesh-toolbar{position:absolute;bottom:0;left:0;right:0;padding:16px 20px 22px;z-index:10;background:linear-gradient(0deg,rgb(0 0 0 / 70%),transparent)}.mesh-timeline{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.mesh-timeline::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4ade80;cursor:pointer}.mesh-timeline::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4ade80;cursor:pointer;border:none}.mesh-controls{display:flex;align-items:center;gap:14px;margin-top:14px;justify-content:center}.mesh-btn{width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#e8f0ea;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mesh-btn:hover{background:#fff3}.mesh-btn-play{background:#4ade80;color:#0a1610}.mesh-btn-play:hover{background:#6ee7a0}.mesh-select{display:inline-flex;align-items:center;gap:8px;color:#a8b5ac;font-size:12px}.mesh-select select{background:#ffffff14;color:#e8f0ea;border:1px solid rgb(255 255 255 / 10%);padding:6px 10px;border-radius:8px;font-size:13px;cursor:pointer}.mesh-select select option:disabled{color:#555}.mesh-player-indicator{font-size:12px;color:#7a8f82;padding:4px 10px;border-left:1px solid rgb(255 255 255 / 10%)}.mesh-toggle{background:#ffffff14;color:#e8f0ea;border:1px solid rgb(255 255 255 / 12%);padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.mesh-toggle:hover:not(:disabled){background:#ffffff29}.mesh-toggle:disabled{opacity:.4;cursor:not-allowed}.mesh-toggle.active{background:#4ade80;color:#0a1610;border-color:#4ade80}