.screenshot-editor{display:grid;gap:16px}.screenshot-editor-toolbar,.screenshot-editor-resize-controls{display:flex;flex-wrap:wrap;gap:10px}.screenshot-editor-status,.screenshot-editor-empty{margin:0;color:var(--muted);font-weight:700}.screenshot-editor-stats:empty{display:none}.screenshot-editor-overlay-wrap{position:relative;display:block;width:100%;background:linear-gradient(45deg,rgba(0,109,119,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,109,119,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,109,119,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,109,119,.08) 75%);background-color:var(--mist);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.screenshot-editor .image-compare-card img{aspect-ratio:auto;height:auto;max-height:none;object-fit:contain}.screenshot-editor-overlay-wrap img{position:relative;z-index:1}.screenshot-editor-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.screenshot-editor-element{position:absolute;display:block;min-width:28px;min-height:28px;border:2px solid var(--annotation-color, var(--teal));border-radius:6px;background:#006d7714;cursor:move;pointer-events:auto;touch-action:none}.screenshot-editor-element.is-active{box-shadow:0 0 0 3px #006d7738}.screenshot-editor-element:focus-visible{outline:3px solid rgba(131,197,190,.65);outline-offset:3px}.screenshot-editor-element-highlight{background:var(--highlight-color, rgba(255, 221, 210, .42))}.screenshot-editor-element-blur{background:#83c5be3d;backdrop-filter:blur(3px)}.screenshot-editor-element-arrow{border:0;background:transparent}.screenshot-editor-arrow-line{position:absolute;top:50%;left:6px;right:6px;height:4px;border-radius:999px;background:var(--annotation-color, var(--teal));transform:rotate(-28deg);transform-origin:center}.screenshot-editor-arrow-line:after{position:absolute;right:-2px;top:50%;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid var(--annotation-color, var(--teal));content:"";transform:translateY(-50%)}.screenshot-editor-element-text{display:grid;align-items:center;overflow:hidden;background:#edf6f9eb}.screenshot-editor-text-label{display:block;overflow:hidden;color:var(--annotation-color, var(--teal));font-weight:900;line-height:1.15;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.screenshot-editor-handle{position:absolute;width:16px;height:16px;border:2px solid var(--white);border-radius:999px;background:var(--teal);box-shadow:0 1px 6px #00000038;pointer-events:auto;touch-action:none}.screenshot-editor-handle-nw{top:-9px;left:-9px;cursor:nwse-resize}.screenshot-editor-handle-ne{top:-9px;right:-9px;cursor:nesw-resize}.screenshot-editor-handle-sw{bottom:-9px;left:-9px;cursor:nesw-resize}.screenshot-editor-handle-se{right:-9px;bottom:-9px;cursor:nwse-resize}.screenshot-editor-controls-panel{display:grid;gap:12px;border:1px solid rgba(0,109,119,.12);border-radius:8px;background:var(--mist);padding:16px}.screenshot-editor-controls-panel h3,.screenshot-editor-controls-panel p{margin:0}.screenshot-editor-controls-panel h3{color:var(--ink);font-size:1rem}.screenshot-editor-controls{display:grid;gap:12px}.screenshot-editor-joystick{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.screenshot-editor-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:8px}.screenshot-editor-control{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid rgba(0,109,119,.18);border-radius:8px;background:var(--white);color:var(--deep-teal);font-weight:900;cursor:pointer;touch-action:manipulation}.screenshot-editor-control:focus-visible,.screenshot-editor-text-control input:focus-visible{outline:3px solid rgba(131,197,190,.55);outline-offset:2px;border-color:var(--teal)}.screenshot-editor-control-up{grid-column:2;grid-row:1}.screenshot-editor-control-left{grid-column:1;grid-row:2}.screenshot-editor-control-right{grid-column:3;grid-row:2}.screenshot-editor-control-down{grid-column:2;grid-row:3}.screenshot-editor-resize-controls .button-secondary{min-height:44px}.screenshot-editor-text-control{display:grid;gap:6px;color:var(--ink);font-weight:800}.screenshot-editor-text-control input{width:100%;border:1px solid rgba(0,109,119,.18);border-radius:8px;background:var(--white);color:var(--ink);padding:10px}@media (max-width: 760px){.screenshot-editor-joystick{grid-template-columns:1fr}.screenshot-editor-toolbar .button-primary,.screenshot-editor-toolbar .button-secondary{flex:1 1 140px}}