.roit-app{max-width:900px;margin:30px auto;padding:24px;border:1px solid #ddd;border-radius:14px;background:#fff;box-sizing:border-box}.roit-title h2{margin:0 0 6px}.roit-title p{margin:0 0 18px;color:#666}.roit-license-note,.roit-help{padding:10px 12px;margin:12px 0;background:#fff4d6;border-radius:8px}.roit-drop{padding:28px;text-align:center;border:2px dashed #aaa;border-radius:12px}.roit-drop input{display:none}.roit-drop label{font-weight:700;text-decoration:underline;cursor:pointer}.roit-preview{margin:18px 0;text-align:center}.roit-preview img{max-width:100%;max-height:520px;display:block;margin:auto}.roit-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.roit-controls label{display:flex;gap:7px;align-items:center}.roit-controls button,.roit-app button{padding:10px 14px;border:1px solid #bbb;border-radius:8px;background:#f7f7f7;cursor:pointer}.roit-controls button:disabled{opacity:.55;cursor:not-allowed}.roit-selection{position:absolute;border:2px dashed #111;background:rgba(255,255,255,.15);pointer-events:none;box-sizing:border-box}.roit-selecting{position:relative;display:inline-block;max-width:100%;cursor:crosshair}.roit-selecting #roitPreview{max-width:100%}.roit-app #roitCanvasWrap{position:relative;display:inline-block;max-width:100%}#roitResult{margin-top:14px;font-weight:600}.roit-app [hidden]{display:none!important}