:root{--bg-color:#050508;--panel-bg:#0f0f19b3;--accent-color:#00f2ff;--accent-glow:#00f2ff80;--text-main:#e0e0f0;--text-dim:#9090a0;--border-color:#ffffff1a;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);font-family:var(--font-family);width:100vw;height:100vh;overflow:hidden}#app{width:100%;height:100%;position:relative}#visualizer{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-overlay{z-index:10;pointer-events:none;flex-direction:column;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}header{pointer-events:all;justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:2px;font-size:1.5rem;font-weight:800}.logo .accent{color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow)}.status{background:var(--panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;border-radius:2rem;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.7rem;display:flex}.indicator{background:var(--accent-color);width:8px;height:8px;box-shadow:0 0 8px var(--accent-color);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.gui-panel{pointer-events:all;position:absolute}.gui-panel--right{top:6rem;right:2rem}.gui-panel--left{width:260px;top:6rem;left:2rem}.model-info-block{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex}.info-item{flex-direction:column;gap:.15rem;display:flex}.info-item label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.6rem}.info-item span{color:var(--text-main);font-size:.85rem;font-weight:400}.lil-gui{--background-color:var(--panel-bg);--text-color:var(--text-main);--title-background-color:#ffffff0d;--widget-color:#ffffff1a;--focus-color:var(--accent-color);--font-family:var(--font-family);--padding:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:.75rem}#drop-zone{border:2px dashed var(--accent-color);z-index:100;pointer-events:all;background:#00f2ff0d;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}#drop-zone.hidden{opacity:0;pointer-events:none}.drop-content{text-align:center;color:var(--accent-color)}.drop-content svg{width:64px;height:64px;filter:drop-shadow(0 0 10px var(--accent-color));margin-bottom:1rem}footer{color:var(--text-dim);pointer-events:none;justify-content:space-between;align-items:center;font-size:.7rem;display:flex;position:absolute;bottom:2rem;left:2rem;right:2rem}.shortcuts{gap:1.5rem;display:flex}.shortcuts span{background:#ffffff0d;border-radius:4px;padding:.25rem .5rem}#carousel-nav{pointer-events:none;z-index:20;justify-content:center;gap:3rem;width:100%;padding:0;display:flex;position:absolute;bottom:4rem;left:0}#carousel-nav.hidden{display:none!important}.carousel-btn{background:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.carousel-btn svg{width:24px;height:24px;transition:transform .3s}.carousel-btn:hover{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);color:var(--accent-color)}#btn-prev:hover svg{transform:translate(-3px)}#btn-next:hover svg{transform:translate(3px)}#embed-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;pointer-events:auto;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}#embed-modal.hidden{opacity:0;pointer-events:none}.modal-content{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:1rem;width:90%;max-width:500px;padding:2rem;display:flex;box-shadow:0 10px 30px #000c}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--accent-color);font-weight:600}#btn-close-modal{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:color .2s}#btn-close-modal:hover{color:#fff}#embed-code{border:1px solid var(--border-color);width:100%;height:100px;color:var(--text-main);resize:none;word-break:break-all;background:#00000080;border-radius:6px;padding:.8rem;font-family:monospace;font-size:.85rem}#btn-copy{background:var(--accent-color);color:#000;cursor:pointer;border:none;border-radius:6px;padding:.8rem;font-weight:600;transition:opacity .2s}#btn-copy:hover{opacity:.8}