:root{--bg:#f5f6f8;--surface:#fff;--text:#1b1f24;--muted:#5d6673;--border:#d6dae0;--accent:#2457d6;--accent-text:#fff;--danger:#c4261d;--warn-bg:#fff6df;--warn-border:#e5c36a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#14171b;--surface:#1d2127;--text:#e8eaed;--muted:#9aa3af;--border:#353b44;--accent:#6c9bff;--accent-text:#0b1220;--warn-bg:#3a3114;--warn-border:#7a6420}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.link{color:var(--accent);background:0 0;border:0;padding:0 4px}button.icon{color:var(--muted);background:0 0;border:0;padding:0 6px;font-size:18px;line-height:1}kbd{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:.85em}.muted{color:var(--muted);font-weight:400}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 16px;display:flex}.topbar h1{margin:0;font-size:17px}.privacy{color:var(--muted);font-size:13px}.spacer{flex:1}.error{color:var(--danger);background:#fde8e7;border-bottom:1px solid #f3b9b5;padding:8px 16px}.notice{background:var(--warn-bg);border-bottom:1px solid var(--warn-border);padding:8px 16px}.dropzone-wrap{flex:1;place-items:center;padding:24px;display:grid}.dropzone{border:2px dashed var(--border);background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(640px,100%);min-height:280px;padding:32px;display:flex}.dropzone:hover{border-color:var(--accent)}.dropzone-title{font-size:22px;font-weight:600}.dropzone-sub{color:var(--text)}.dropzone-hint{color:var(--muted);font-size:13px}.report-layout{flex:1;grid-template-columns:340px minmax(0,1fr);min-height:0;display:grid}.report-panel{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.report-panel h2{margin:0 0 8px;font-size:14px}.report-form{gap:12px;padding:14px 16px 4px;display:grid}.field{gap:4px;min-width:0;font-size:13px;font-weight:600;display:grid}.field input,.field textarea,.field select{background:var(--bg);border:1px solid var(--border);border-radius:6px;width:100%;padding:7px 9px;font-weight:400}.field textarea{resize:vertical}.field [aria-invalid=true]{border-color:var(--danger)}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.req{color:var(--muted);font-size:12px;font-weight:400}.field-error{color:var(--danger);margin:0;font-weight:400}.field-note{color:var(--muted);margin:0;font-weight:400}.field-warning{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:6px;padding:6px 8px;font-weight:400;line-height:1.4}.field-warning .link{padding:4px 0 0;display:block}.attachments{border-top:1px solid var(--border);margin-top:12px;padding:12px 16px}.attachments ul{gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.shot{border:1px solid var(--border);border-radius:8px;align-items:center;display:flex}.shot.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.shot-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;display:flex}.shot-main img{object-fit:cover;object-position:top;border:1px solid var(--border);border-radius:4px;flex:none;width:56px;height:40px}.shot-text{min-width:0;font-size:13px;display:grid}.shot-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shot-status{font-size:12px}.shot-status.pending{color:var(--muted)}.shot-status.todo{color:#a86400}.shot-status.ok{color:#1f8a4c}.small{margin:8px 0 0;font-size:12px}.submit{border-top:1px solid var(--border);background:var(--surface);gap:8px;margin-top:auto;padding:12px 16px;display:grid;position:sticky;bottom:0}.problems{color:var(--danger);background:#fde8e7;border-radius:6px;margin:0;padding:8px 8px 8px 26px;font-size:13px}.done{align-content:start;gap:12px;width:min(640px,100%);margin:32px auto;padding:0 16px;display:grid}.done h2{margin:0}.done textarea{font-family:ui-monospace,monospace;font-size:13px}.workspace{grid-template-columns:minmax(0,1fr) 340px;min-width:0;min-height:0;display:grid}.workspace>.dropzone-wrap{grid-column:1/-1}.canvas-col{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.editor-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 12px;display:flex}.editor-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.canvas-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.toolbar .hint{font-size:12px}.zoom{align-items:center;gap:6px;display:flex}.zoom span{text-align:center;font-variant-numeric:tabular-nums;min-width:44px}.seg{display:inline-flex}.seg button{border-radius:0}.seg button:first-child{border-radius:6px 0 0 6px}.seg button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.seg button.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.viewport{touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(var(--bg) 0% 25%, var(--surface) 0% 50%) 0 0 / 20px 20px;flex:1;position:relative;overflow:hidden}.stage{transform-origin:0 0;position:absolute;top:0;left:0}.stage canvas{display:block}.overlay{pointer-events:none;position:absolute;top:0;left:0}.word-box{fill:#0000;stroke:#2457d659;stroke-width:1px}.redaction.on{fill:#ffc40059;stroke:#e0a800;stroke-width:2px}.redaction.off{fill:#0000;stroke:#888;stroke-width:1px;stroke-dasharray:4 3}.redaction.hot{stroke:#ff3b30;stroke-width:3px;fill:#ff3b304d}.redaction.draft{stroke-dasharray:5 3}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:280px;padding:14px 18px;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.progress-card progress{width:100%;margin-top:8px}.panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.panel section,.panel .notice,.panel footer{padding:12px 16px}.panel h2{margin:0 0 8px;font-size:14px}.panel h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 4px;font-size:12px}.notice{background:var(--warn-bg);border-bottom:1px solid var(--warn-border);font-size:13px;line-height:1.4}.radio{cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.radio small{color:var(--muted);display:block}.badge{color:#fff;background:#1f8a4c;border-radius:10px;margin-left:4px;padding:1px 8px;font-size:11px}.list-section{border-top:1px solid var(--border);flex:1}.list-head{justify-content:space-between;align-items:baseline;display:flex}.rows{margin:0;padding:0;list-style:none}.row{border-radius:6px;align-items:center;display:flex}.row:hover{background:var(--bg)}.row label{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;padding:5px 4px;display:flex}.row.off .row-text{color:var(--muted);text-decoration:line-through}.row-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex:none;padding:1px 8px;font-size:11px}.actions{border-top:1px solid var(--border);background:var(--surface);gap:8px;display:grid;position:sticky;bottom:0}.confirm{border:1px solid var(--warn-border);background:var(--warn-bg);cursor:pointer;border-radius:6px;align-items:flex-start;gap:8px;padding:8px;font-size:13px;font-weight:600;display:flex}.confirm.done{background:0 0;border-color:#1f8a4c}.confirm small{color:var(--muted);margin-top:2px;font-weight:400;display:block}.secondary-actions{gap:8px;display:flex}.secondary-actions button{flex:1}.status{min-height:1.2em;color:var(--muted);margin:0;font-size:13px}.modal-backdrop{background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:min(520px,100%);padding:20px}.modal h2{margin:0 0 8px}.modal textarea{background:var(--bg);border:1px solid var(--border);border-radius:6px;width:100%;padding:8px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (max-width:1100px){.report-layout{grid-template-columns:300px minmax(0,1fr)}.workspace{grid-template-rows:minmax(320px,1fr) auto;grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--border);max-height:45vh}}@media (max-width:800px){.app{height:auto;min-height:100%}.report-layout{grid-template-columns:1fr}.report-panel{border-right:0;overflow:visible}.workspace{grid-template-rows:minmax(360px,70vh) auto}.panel{border-left:0;border-top:1px solid var(--border);max-height:50vh}.privacy{display:none}}