:root{--bg: #0a0a0a;--panel-bg: #111111;--panel-border: #1f1f1f;--fg: #f5f5f5;--fg-muted: #888;--accent: #ffffff;--accent-press: #cccccc;--input-bg: #1a1a1a;--input-border: #2a2a2a}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}#app{display:grid;grid-template-columns:1fr 280px;height:100vh;width:100vw}#viewport{position:relative;overflow:hidden;background:var(--bg)}#canvas{display:block;width:100%;height:100%;outline:none}#drop-overlay{position:absolute;inset:0;background:#0a0a0ad9;border:2px dashed var(--fg);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;transition:opacity .15s}#drop-overlay.hidden{opacity:0}.drop-message{font-size:18px;font-weight:500;letter-spacing:.02em}#empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;z-index:5;transition:opacity .3s}#empty-state.hidden{opacity:0;pointer-events:none}#empty-state h1{font-size:32px;font-weight:300;letter-spacing:.04em;margin:0 0 8px}#empty-state p{margin:4px 0;color:var(--fg-muted);pointer-events:auto}#empty-state .formats{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:12px}.link-btn{background:none;border:none;color:var(--fg);text-decoration:underline;cursor:pointer;font:inherit;padding:0}#status-bar{position:absolute;bottom:16px;left:16px;background:#0009;backdrop-filter:blur(6px);border:1px solid var(--panel-border);padding:6px 12px;border-radius:4px;font-size:11px;color:var(--fg-muted);z-index:20}#status-bar.hidden{display:none}#viewcube{position:absolute;top:16px;right:16px;width:110px;height:110px;z-index:15;cursor:pointer;display:block}#loading-overlay{position:absolute;inset:0;background:#0a0a0a99;backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:25;pointer-events:none;transition:opacity .2s}#loading-overlay.hidden{opacity:0;pointer-events:none}.spinner{width:36px;height:36px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--fg);border-radius:50%;animation:spin .8s linear infinite}#loading-text{color:var(--fg-muted);font-size:12px;letter-spacing:.04em}@keyframes spin{to{transform:rotate(360deg)}}#panel{background:var(--panel-bg);border-left:1px solid var(--panel-border);display:flex;flex-direction:column;overflow-y:auto;padding:20px 16px;gap:18px}#panel header h2{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:0}#panel header .subtitle{font-size:11px;color:var(--fg-muted);margin:4px 0 0}.control-group{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--panel-border)}.control-group:last-of-type{border-bottom:none}.row,.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.row.slider{flex-direction:column;align-items:stretch;gap:6px}.row.slider>span,.slider-header{display:flex;justify-content:space-between;align-items:center;color:var(--fg)}.number-with-unit{display:inline-flex;align-items:baseline;gap:2px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.number-input{width:42px;background:var(--input-bg);color:var(--fg);border:1px solid var(--input-border);border-radius:3px;padding:2px 4px;font:inherit;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.number-input:focus{outline:none;border-color:var(--fg)}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.number-with-unit .unit{color:var(--fg-muted);font-size:11px}.row.checkbox{flex-direction:row-reverse;justify-content:flex-end;gap:8px}.row.checkbox span{flex:1}input[type=color]{width:44px;height:24px;border:1px solid var(--input-border);border-radius:3px;background:var(--input-bg);cursor:pointer;padding:1px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--input-bg);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--fg);cursor:pointer;border:none}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--fg);cursor:pointer;border:none}input[type=checkbox]{width:14px;height:14px;accent-color:var(--fg);cursor:pointer}.btn{background:var(--input-bg);color:var(--fg);border:1px solid var(--input-border);padding:7px 12px;border-radius:3px;font:inherit;font-size:12px;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:#222;border-color:#333}.btn:active{background:#2a2a2a}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--fg);color:#000;border-color:var(--fg)}.btn.primary:hover{background:var(--accent-press);border-color:var(--accent-press)}.btn.primary:disabled{background:#333;color:#666;border-color:#333}.button-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.button-row.single{grid-template-columns:1fr;margin-top:6px}.button-row.pair{grid-template-columns:1fr 1fr;margin-top:6px}.model-buttons{display:flex;gap:6px}.model-buttons .btn{padding:6px 10px;font-size:11px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted)}.rotate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rotate-btn{padding:8px 0;font-size:11px;font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.small{font-size:11px}#loaded-name{font-size:11px;word-break:break-all}#panel footer{margin-top:auto}.toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn.toggle{font-size:12px}.btn.toggle.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.toggle.small{font-size:11px;padding:4px 8px}.toggle-group.inline{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px}.modal-options .row.compact input[type=number]{background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--fg);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;padding:4px 6px;width:70px}.bmc-link{display:flex;align-items:center;gap:6px;width:fit-content;margin:8px auto 0;padding:6px 10px;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--fg-muted);font-size:12px;text-decoration:none;transition:color .15s,border-color .15s}.bmc-link:hover{color:var(--fg);border-color:var(--fg-muted)}.bmc-emoji{font-size:14px}.modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .15s}.modal-backdrop.hidden{opacity:0;pointer-events:none}.modal{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:20px 22px;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:0 24px 60px #0009;display:flex;flex-direction:column;gap:14px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.icon-btn{background:transparent;border:0;color:var(--fg-muted);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s,background .15s}.icon-btn:hover{color:var(--fg);background:var(--input-bg)}.modal-steps{margin:0;padding-left:20px;color:var(--fg-muted);font-size:12px;line-height:1.6}.modal-steps li+li{margin-top:4px}.filename{background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--fg)}.modal-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.modal-field input,.modal-field textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;padding:8px 10px;color:var(--fg);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:none;letter-spacing:0;resize:vertical}.modal-field input:focus,.modal-field textarea:focus{outline:none;border-color:var(--fg-muted)}.modal-options{display:flex;flex-direction:column;gap:4px}.row.checkbox.compact{font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.btn.primary.copied{background:#2a7a3f;border-color:#2a7a3f;color:#fff}