:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111;color:#e5e5e5}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}#app{display:flex;height:100vh}.sidebar{width:400px;background:#1b1b1b;padding:16px;overflow-y:auto;border-right:1px solid #2a2a2a;scrollbar-color:#2a2a2a #111;scrollbar-width:thin}.sidebar::-webkit-scrollbar{width:8px;background:#111}.sidebar::-webkit-scrollbar-track{background:#111}.sidebar::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:8px;border:1px solid #111}.sidebar h1{margin-top:0;font-size:20px;margin-bottom:12px}.sidebar label{display:flex;flex-direction:column;gap:4px;font-size:13px;margin-bottom:10px}.advanced label{margin-bottom:8px}.sidebar input,.sidebar select,.sidebar button{padding:6px 8px;border-radius:6px;border:1px solid #333;background:#0f0f0f;color:#e5e5e5}.sidebar input[type=checkbox]{width:auto;align-self:flex-start}.buttons{display:flex;gap:8px;margin:10px 0}.sidebar button{cursor:pointer;border:1px solid #444}.sidebar button:disabled{opacity:.5;cursor:not-allowed}.status{font-size:13px;margin:8px 0;color:#8ee3a5;min-height:18px}.preview-panel{margin-top:12px;border:1px solid #2b2b2b;border-radius:8px;padding:10px;background:#141414}.advanced{margin-top:12px;padding:10px;border:1px solid #2b2b2b;border-radius:8px;background:#161616}.advanced summary{cursor:pointer;color:#e5e5e5;font-size:13px;font-weight:600;list-style:none;outline:none}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary{margin-bottom:8px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:13px}.preview-panel canvas{width:100%;border:1px solid #333;border-radius:4px;background:#fff}.viewer-container{flex:1;position:relative;background:#0a0a0a}#threeContainer{width:100%;height:100%}.helper{position:absolute;top:10px;right:12px;padding:6px 8px;background:#00000073;border-radius:6px;font-size:12px;color:#ddd}