.region-picker{margin:18px 0;padding:14px;border:1px solid #bdcbbb;border-radius:16px;background:#f9fbf5;min-width:0}.region-picker[hidden],.region-picker [hidden]{display:none!important}.region-toggle{display:flex;align-items:center;gap:10px;font-weight:700;min-height:44px}.region-toggle input{width:20px;height:20px;flex:none;accent-color:#153c32}.region-stage{position:relative;margin:12px 0;background:#e5e9e1;overflow:hidden;user-select:none;cursor:crosshair}.region-stage img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;image-orientation:from-image;pointer-events:none}.region-outline{position:absolute;border:2px solid #fff;outline:2px solid #153c32;background:#153c3233;pointer-events:none;box-sizing:border-box}.region-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.region-fields label{font-size:13px;font-weight:600;min-width:0}.region-fields input{display:block;width:100%;min-height:44px;margin-top:5px;padding:10px;border:1px solid #9eaf9c;border-radius:8px;font:inherit;background:#fff;color:#153c32}.region-picker button{margin-top:12px}.region-picker p{font-size:13px;line-height:1.5;margin:10px 0 0}.compare.full-source{aspect-ratio:auto;background-color:#eee;background-image:linear-gradient(45deg,#d5d5d5 25%,transparent 25%),linear-gradient(-45deg,#d5d5d5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5d5d5 75%),linear-gradient(-45deg,transparent 75%,#d5d5d5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.compare.full-source>img{display:block;position:relative;width:100%;height:auto;max-height:none;object-fit:contain}.compare.full-source .before{position:absolute;inset:0}.compare.full-source .before img{width:100%;height:100%;object-fit:contain}.local-preview{object-fit:contain;image-orientation:from-image}.region-quote{white-space:pre-wrap}#draft-preview{display:block;width:100%;height:auto;max-height:400px;object-fit:contain}#draft-preview[hidden]{display:none}
.region-tool-label,.region-brush label{display:block;font-size:13px;font-weight:600}.region-tool-label select{display:block;width:100%;min-height:44px;padding:10px;margin-top:5px;border:1px solid #9eaf9c;border-radius:8px;background:#fff;color:#153c32;font:inherit}.region-brush{margin-top:12px}.region-brush input[type=range]{display:block;width:100%;height:44px;accent-color:#153c32}.region-brush [data-region-size-text]{display:block;font-weight:400}.region-actions{display:flex;flex-wrap:wrap;gap:8px}.region-actions button{flex:1 1 130px;min-height:44px;padding:10px;white-space:normal;margin-top:8px}.region-mask{position:absolute;pointer-events:none;opacity:.55;image-rendering:pixelated}.region-picker button:focus-visible,.region-picker select:focus-visible,.region-picker input:focus-visible{outline:3px solid #a06c12;outline-offset:3px}.region-picker button:disabled{opacity:.5}.region-stage{isolation:isolate}.region-picker select,.region-picker input,.region-picker button{box-sizing:border-box;max-width:100%}
