*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:#232925;font:16px/1.5 system-ui,sans-serif}header{display:flex;align-items:center;gap:24px;max-width:1100px;margin:auto;padding:24px}header a{color:inherit;font-size:14px}h1{font-size:24px;margin:0}header button{margin-left:auto}main{max-width:1050px;margin:20px auto;padding:0 24px 40px}#login{max-width:430px;margin:60px auto}label{display:block;font-weight:600;margin:16px 0 6px}input,textarea,select{width:100%;border:1px solid #bbc4b1;border-radius:8px;padding:12px;font:inherit;background:white;color:inherit}textarea{resize:vertical}button{font:inherit;cursor:pointer;border:0;border-radius:24px;padding:11px 18px;background:#232925;color:#deec9b}button:disabled{opacity:.5;cursor:wait}#login button{margin-top:20px}#editor{display:grid;grid-template-columns:300px minmax(0,1fr);gap:35px}select{padding:6px;font-size:14px}option{padding:8px}.intro{display:flex;align-items:center;gap:16px}#photo{width:160px;height:120px;object-fit:contain;background:#e5e8df;border-radius:8px}#context,.hint{font-size:14px;color:#586451}.actions{display:flex;gap:8px;flex-wrap:wrap}#cancel{background:#e2e7d9;color:#232925}#status{padding:14px;border-radius:8px;white-space:pre-wrap}#status:empty{display:none}#status[data-error=true]{color:#8c2020;background:#ffe8e5}#status[data-error=false]{background:#e3edcf}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #6c8b44;outline-offset:2px}[hidden]{display:none!important}@media(max-width:720px){header{flex-wrap:wrap;padding:18px}header h1{order:-1;width:100%}main{padding:0 18px}#editor{display:block}.pick select{height:150px}.intro{margin-top:22px}#photo{width:120px;height:90px}}
#editor-tabs{display:flex;gap:8px;margin-bottom:24px}#editor-tabs button[aria-pressed=false]{background:#e2e7d9;color:#232925}#marker-editor{max-width:900px;margin:auto}#marker-canvas{position:relative;width:fit-content;max-width:100%;margin:20px auto;background:#232925;touch-action:none;user-select:none}#marker-photo{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;pointer-events:none}#marker-layer{position:absolute;inset:0}.editable-marker{position:absolute;transform:translate(-50%,-50%);border:1px solid white;border-radius:50%;padding:0;width:34px;height:34px;background:#deec9b;color:#232925;font-size:22px;cursor:grab}.editable-marker[aria-pressed=true]{box-shadow:0 0 0 4px #232925,0 0 0 6px #deec9b;z-index:2}#marker-fields{border:0;padding:0;min-width:0}#marker-add{margin-top:12px;background:#e2e7d9;color:#232925}#marker-cancel{background:#e2e7d9;color:#232925}#status{position:sticky;bottom:12px;z-index:5}