.image-workspace{max-width:1460px;margin:auto;padding:24px;color:#183247;font:16px/1.6 system-ui,sans-serif}.image-workspace *{box-sizing:border-box}.image-workspace header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.image-actions,.image-workspace nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.image-workspace h1{font-size:30px;margin:4px 0}.image-workspace section{background:white;border:1px solid #ccd8d1;border-radius:12px;padding:20px;margin:20px 0}.image-workspace button,.image-workspace input,.image-workspace select{font:inherit;border:1px solid #9bafa5;border-radius:6px;padding:9px;background:white;color:#173c35;max-width:100%}.image-workspace button{cursor:pointer;min-height:44px}.image-workspace button:disabled{opacity:.5;cursor:default}.image-workspace button[aria-pressed=true]{outline:2px solid #246657}.image-workspace label{display:block;margin:12px 0}.image-workspace label>input,.image-workspace label>select{display:block;width:100%;margin-top:5px}.image-actions label input{width:105px}.image-check{display:flex!important;align-items:center;gap:8px}.image-check input{width:auto!important}.image-notice{background:#eaf2ec}.image-notice,.image-warning{padding:14px;border-radius:8px}.image-warning{background:#fff3c7}.image-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.image-viewport{width:100%;height:65vh;min-height:280px;max-height:760px;overflow:auto;background:#e3e9ec;border:1px solid #97aba0;position:relative;overscroll-behavior:contain}.image-viewport:focus{outline:3px solid #3c806e}.image-board{position:relative;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;flex-shrink:0}.image-board.panning{cursor:grab}.image-board>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.image-draft,.image-mask{position:absolute;background:#234e70;color:white;border:2px solid #112f49;display:flex;align-items:center;justify-content:center;overflow:visible;font-size:13px;line-height:1}.image-mask.selected{outline:2px solid #f6b72c;z-index:2}.image-draft{background:#468bb980;pointer-events:none}.image-handle{position:absolute;width:24px;height:24px;border:2px solid white;border-radius:50%;background:#cf7900;z-index:3}.image-handle.nw{left:-12px;top:-12px;cursor:nw-resize}.image-handle.ne{right:-12px;top:-12px;cursor:ne-resize}.image-handle.sw{left:-12px;bottom:-12px;cursor:sw-resize}.image-handle.se{right:-12px;bottom:-12px;cursor:se-resize}.image-coords{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-workspace aside{min-width:0}.image-workspace aside button{margin:5px}.image-workspace input[dir=auto]{text-align:start}.image-workspace details{margin-top:22px;border-top:1px solid #d4dfd9;padding-top:16px}.image-workspace summary{font-weight:700;cursor:pointer}.image-workspace footer{text-align:center;padding:25px}.image-workspace [role=status],.image-workspace li{overflow-wrap:anywhere}@media(max-width:800px){.image-workspace{padding:12px}.image-workspace header{display:block}.image-workspace h1{font-size:25px}.image-layout{grid-template-columns:1fr}.image-workspace section{padding:12px}.image-viewport{height:52vh}.image-workspace nav{gap:10px}.image-coords{grid-template-columns:repeat(4,minmax(0,1fr))}.image-coords input{min-width:0;padding:7px}.image-actions{gap:8px}}@media(prefers-reduced-motion:reduce){.image-workspace *{scroll-behavior:auto}}