*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#eaeaea;background:#1a1a1a;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.app{grid-template-columns:280px 1fr;width:100%;height:100%;display:grid}.sidebar{background:#0f0f0f;border-right:1px solid #2a2a2a;padding:20px;overflow-y:auto}.sidebar h1{margin-bottom:16px;font-size:16px;font-weight:600}.sidebar h2{text-transform:uppercase;letter-spacing:1px;color:#888;margin:20px 0 8px;font-size:12px}.sidebar label{cursor:pointer;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.sidebar .row{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.sidebar input[type=number]{color:#eaeaea;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;width:70px;padding:4px 6px;font-size:12px}.sidebar button{color:#fff;cursor:pointer;background:#2a5aaa;border:none;border-radius:4px;width:100%;margin-top:8px;padding:8px 12px;font-size:13px}.sidebar button:hover{background:#3a6aba}.viewer-wrap{width:100%;height:100%;position:relative}.viewer-canvas{width:100%;height:100%;display:block}.help{color:#aaa;pointer-events:none;background:#0009;border-radius:4px;padding:8px 12px;font-size:11px;position:absolute;bottom:12px;left:12px}