*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:300;background:#1a1a1a;color:#f8f6f2;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{display:grid;grid-template-columns:320px 1fr;height:100vh}@media (max-width: 720px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.panel{background:#f8f6f2;color:#1f1f1f;padding:28px 22px;overflow-y:auto;border-right:1px solid #e5e0d7;display:flex;flex-direction:column;gap:26px}.panel header h1{font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:500;margin:0;letter-spacing:-.01em}.eyebrow{font-size:9px;letter-spacing:.22em;color:#aa8453;margin-top:4px;font-weight:500}.panel h3{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#aa8453;margin-bottom:10px;font-weight:500}.filebox{display:block;border:1px dashed #c6a46c;background:#efeae2;padding:18px;border-radius:4px;cursor:pointer;text-align:center;transition:background .12s ease}.filebox:hover{background:#e8e0d0}.filebox input{display:none}.filebox span{display:block;font-weight:500;font-size:14px}.filebox small{display:block;font-size:9px;color:#aa8453;letter-spacing:.16em;margin-top:6px}.sample-btn{display:block;width:100%;margin-top:10px;padding:9px 12px;border:1px solid #c6a46c;background:#1f1f1f;color:#f8f6f2;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.08em;border-radius:3px;cursor:pointer;transition:background .12s ease}.sample-btn:hover:not(:disabled){background:#aa8453}.sample-btn:disabled{opacity:.5;cursor:default}.download-btn{display:block;width:100%;padding:11px 12px;border:1px solid #c6a46c;background:#c6a46c;color:#1f1f1f;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:3px;cursor:pointer;transition:background .12s ease}.download-btn:hover:not(:disabled){background:#d8c3a5}.download-btn:disabled{opacity:.4;cursor:default}.downloads{display:flex;flex-direction:column;gap:8px}.download-btn.secondary{background:transparent;color:#1f1f1f;text-transform:none;letter-spacing:.04em;font-weight:500}.download-btn.secondary:hover:not(:disabled){background:#efeae2}.download-btn.secondary.recording{background:#b4322a;border-color:#b4322a;color:#fff;animation:rec-pulse 1.4s ease-in-out infinite}.download-btn.secondary.recording:hover:not(:disabled){background:#9c2b24}@keyframes rec-pulse{0%,to{box-shadow:0 0 #b4322a80}50%{box-shadow:0 0 0 6px #b4322a00}}.radios,.check{display:flex;gap:16px;align-items:center;font-size:13px}.radios label,.check{display:flex;gap:6px;align-items:center;cursor:pointer}select{width:100%;padding:9px 10px;border:1px solid #e5e0d7;background:#fff;font-family:inherit;font-size:13px;border-radius:3px}select:focus{outline:none;border-color:#c6a46c}.viewport{position:relative;background:#1a1a1a}.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#888;font-size:14px;text-align:center;padding:24px}.hint{color:#aa8453;font-size:11px;letter-spacing:.04em}.hint.subtle{color:#888;margin-top:8px}.error{color:#b00020;background:#fee;padding:10px 12px;border-radius:3px;margin-top:8px;font-size:12px;border-left:3px solid #b00020}.status{color:#aa8453;font-size:12px;margin-top:8px;letter-spacing:.04em}.img-export{display:flex;gap:10px;margin-bottom:4px}.img-export label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#aa8453}.img-export select{font:inherit;font-size:13px;letter-spacing:normal;text-transform:none;color:#1f1f1f;padding:8px 10px;border:1px solid #e5e0d7;border-radius:2px;background:#fff}.video-group{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid #e5e0d7}.video-group-head{margin:0 0 2px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#aa8453}.batch{display:flex;flex-direction:column;gap:12px;border-top:1px solid #e5e0d7;padding-top:22px}.batch-intro{margin-top:0;line-height:1.5}.batch-intro code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#2c2a29;background:#efeae2;padding:1px 4px;border-radius:3px;word-break:break-all}.batch-filebox{padding:12px}.batch-group{border:1px solid #e5e0d7;border-radius:4px;padding:10px 12px;background:#fff}.batch-group-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#aa8453;margin-bottom:8px}.batch-actions{display:flex;gap:6px}.batch-actions button{border:1px solid #e5e0d7;background:#f8f6f2;color:#1f1f1f;font-family:inherit;font-size:10px;letter-spacing:.06em;padding:2px 8px;border-radius:3px;cursor:pointer;text-transform:lowercase}.batch-actions button:hover:not(:disabled){background:#efeae2}.batch-actions button:disabled{opacity:.4;cursor:default}.batch-checks{display:flex;flex-direction:column;gap:5px;max-height:190px;overflow-y:auto}.batch-stone-group{display:flex;flex-direction:column;gap:4px}.batch-stone-grouplabel{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#b9a98c;margin-top:6px}.batch-check{display:flex;gap:7px;align-items:center;font-size:12px;cursor:pointer}.batch-check input{cursor:pointer}.batch-bar{height:6px;background:#e5e0d7;border-radius:3px;overflow:hidden}.batch-bar-fill{height:100%;background:#c6a46c;transition:width .12s ease}footer{margin-top:auto;padding-top:12px;border-top:1px solid #e5e0d7}