.extra-local{display:grid;gap:16px}.extra-local p{margin:0}.extra-local .extra-note{font-size:.87rem;color:var(--muted,#5a6c80);line-height:1.65}.extra-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.extra-local label{display:grid;gap:6px;font-size:.88rem;font-weight:650}.extra-local input,.extra-local select,.extra-local textarea{width:100%;box-sizing:border-box;border:1px solid var(--line,#cbddea);border-radius:9px;padding:10px;background:var(--surface,#fff);color:var(--text,#18324b);font:inherit}.extra-local textarea{resize:vertical;font-family:ui-monospace,monospace;line-height:1.5}.extra-actions{display:flex;flex-wrap:wrap;gap:8px}.extra-status{padding:12px 14px;background:#edf7ff;border:1px solid #cde7fa;border-radius:10px;font-size:.9rem;overflow-wrap:anywhere}.extra-preview{position:relative;justify-self:start;max-width:100%;width:min(100%,700px);line-height:0;background:repeating-conic-gradient(#e8eef5 0% 25%,#fff 0% 50%) 50%/20px 20px;border:1px solid #cadfec;border-radius:10px;overflow:hidden;touch-action:none}.extra-preview img{width:100%;height:auto;display:block}.extra-preview svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.extra-preview polygon{fill:#38a9f926;stroke:#148be6;stroke-width:.55}.extra-corner{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;border:2px solid white;background:#087bca;border-radius:50%;color:white;font-size:12px;line-height:23px;padding:0;box-shadow:0 1px 5px #003d6560;touch-action:none;cursor:grab}.extra-corner:focus-visible{outline:3px solid #092e54}.extra-corners{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:10px}.extra-corners fieldset{border:1px solid #d0e4f3;border-radius:9px;margin:0;padding:9px;display:grid;gap:6px}.extra-corners legend{font-size:.8rem}.extra-result{display:grid;gap:10px}.extra-result[hidden],.extra-local [hidden]{display:none}.extra-result img{display:block;max-width:100%;max-height:500px;background:repeating-conic-gradient(#e8eef5 0% 25%,#fff 0% 50%) 50%/20px 20px;border:1px solid #d0e4f3;border-radius:9px;object-fit:contain;justify-self:start}.extra-files{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.86rem;color:#42627c}.extra-reset{justify-self:start}@media(max-width:680px){.extra-corners{grid-template-columns:repeat(2,minmax(100px,1fr))}}