.orientation-editor{margin:20px 0;padding:18px;border:1px solid #d9e2dc;border-radius:14px;background:#f7faf6}.orientation-editor h3{margin:0 0 7px}.orientation-editor>p{font-size:13px;line-height:1.6;color:#607366;margin:0 0 12px}.orientation-preview{height:260px;position:relative;border-radius:10px;overflow:hidden;background:#13221c}.orientation-preview canvas{width:100%;height:100%;display:block;touch-action:none}.orientation-preview [role=status]{position:absolute;inset:0;display:grid;place-items:center;color:#e8f3e9;padding:20px;text-align:center;background:#13221cbb}.orientation-preview [hidden]{display:none}.orientation-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.orientation-presets button{background:white;border:1px solid #cbd8ce;padding:8px 10px;border-radius:7px;font:inherit;font-size:12px;color:#244b37}.orientation-presets button:disabled{opacity:.45}.orientation-angles{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.orientation-angles label{display:flex;align-items:center;gap:5px;font-size:12px}.orientation-angles input{width:72px!important;padding:7px!important;min-height:34px}.orientation-confirm{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px}.orientation-confirm input{width:auto!important;accent-color:#315d46}.upload-dialog:has(.orientation-editor){max-width:740px}.upload-dialog:has(.orientation-editor) .dropzone{padding:18px}.orientation-editor button:focus-visible,.orientation-editor input:focus-visible{outline:2px solid #397b54;outline-offset:2px}@media(max-width:600px){.orientation-editor{padding:12px}.orientation-preview{height:220px}.orientation-angles{gap:8px}.orientation-angles label{flex:1 1 130px}}