*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f4f6f8;--color-surface:#fff;--color-text:#0f172a;--color-muted:#64748b;--color-primary:#1d4ed8;--color-primary-text:#fff;--color-border:#e2e8f0;--color-success:#166534;--color-danger:#b91c1c;--color-danger-strong:#dc2626;--color-info-bg:#eff6ff;--color-warn-bg:#fdf3e2;--color-warn-text:#8a5a12;--color-warn-border:#ecd9b0;--color-chip:#e7e5e4;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-focus:0 0 0 3px #1d4ed84d}html{font-size:16px}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}main{max-width:640px;padding:var(--space-4);margin:0 auto}h1{font-size:var(--fs-xl);padding:var(--space-2) 0 var(--space-4)}button,input{font:inherit}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.field{margin-bottom:var(--space-3);display:block}.field span{font-size:var(--fs-sm);color:var(--color-muted);margin-bottom:var(--space-1);display:block}.field input,.field textarea{width:100%;min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-lg)}.field textarea{resize:vertical;font-family:inherit}.field-required{margin-left:var(--space-1);color:var(--color-danger);font-size:var(--fs-sm);display:inline}.field-hint{color:var(--color-muted);font-size:var(--fs-sm);margin:var(--space-1) 0 var(--space-2)}.button-primary{border-radius:var(--radius-sm);background:var(--color-primary);width:100%;min-height:52px;color:var(--color-primary-text);font-size:var(--fs-lg);cursor:pointer;border:none;font-weight:700;display:block}.button-primary:disabled{opacity:.4}.empty{color:var(--color-muted);text-align:center;padding:var(--space-8) 0}.shoot-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);display:flex}.shoot-header a{color:var(--color-primary);align-items:center;min-height:44px;text-decoration:none;display:flex}.meta{font-size:var(--fs-sm);color:var(--color-muted)}.camera-step{padding:var(--space-6) 0}.button-camera{width:100%;min-height:120px;margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--fs-2xl);cursor:pointer;border:none;font-weight:700;display:block}.button-secondary{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--fs-base);cursor:pointer;margin-bottom:var(--space-3);justify-content:center;align-items:center;display:inline-flex}.button-link{margin-bottom:var(--space-4);justify-content:center;align-items:center;text-decoration:none;display:flex}.photo-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.photo-bar:has(.photo-thumb-large){flex-direction:column;align-items:stretch}.photo-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);width:96px;height:96px}.photo-thumb-large{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-border);width:100%;max-height:60vh}.step-guide{margin-bottom:var(--space-2);font-weight:700}.list-plain{list-style:none}.row-button{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:56px;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:left;font-size:var(--fs-base);cursor:pointer;display:flex}.row-title{flex:1}.badge{background:var(--color-primary);color:var(--color-primary-text);border-radius:var(--radius-pill);font-size:var(--fs-sm);flex-shrink:0;padding:2px 10px;font-weight:700}.badge-muted{background:var(--color-chip);color:var(--color-muted)}.form-label-name{font-size:var(--fs-lg);padding-bottom:var(--space-3)}.choice-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice-button{min-height:48px;padding:0 var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--fs-lg);cursor:pointer}.choice-button.selected{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.caption-preview{background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:var(--space-1) 0 var(--space-4);font-size:var(--fs-sm);color:var(--color-muted)}.toast{background:var(--color-success);color:#fff;border-radius:var(--radius-sm);padding:10px var(--space-4);margin-bottom:var(--space-3);font-size:var(--fs-sm)}.toast-error{background:var(--color-danger)}.checklist-category{align-items:center;gap:var(--space-2);font-size:var(--fs-base);padding:var(--space-4) 0 var(--space-2);display:flex}a.row-button{color:inherit;text-decoration:none}.row-state{border-radius:var(--radius-pill);border:2px solid var(--color-border);width:28px;height:28px;color:var(--color-border);font-weight:700;font-size:var(--fs-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.state-icon-taken{background:var(--color-success);border-color:var(--color-success);color:#fff}.state-icon-skipped,.row-button.state-taken .row-title,.row-button.state-skipped .row-title{color:var(--color-muted)}.next-banner{background:var(--color-info-bg);border:1px solid var(--color-primary);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);color:inherit;text-decoration:none;display:block}.required-warning{border:1px solid var(--color-danger);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);background:#fef2f2}.required-warning>.row-title{color:var(--color-danger);font-weight:600}.required-check{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-top:var(--space-3)}.required-check>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.required-check.is-warning{border-color:var(--color-danger);background:#fef2f2}.required-check.is-warning>summary{color:var(--color-danger)}.progress{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.progress-bar{border-radius:var(--radius-pill);background:var(--color-border);flex:1;height:10px;overflow:hidden}.progress-bar>span{border-radius:var(--radius-pill);background:var(--color-success);height:100%;display:block}.complete-note{margin:var(--space-2) 0 var(--space-4);text-align:center}.sealed-note{background:var(--color-info-bg);border:1px solid var(--color-primary);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--fs-sm)}.preset-banner{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-info-bg);border:1px solid var(--color-primary);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex}.preset-banner .button-secondary{margin-bottom:0}.photo-large{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;margin-bottom:var(--space-2)}.photo-placeholder{aspect-ratio:4/3;background:var(--color-bg)}.shot-caption{font-weight:700}.button-wide{justify-content:center;align-items:center;gap:var(--space-1) var(--space-2);width:100%;padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.button-danger{width:100%;min-height:44px;margin-top:var(--space-2);border:1px solid var(--color-danger-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-danger-strong);font-size:var(--fs-base);cursor:pointer;display:block}.annotator-stage{touch-action:none;-webkit-user-select:none;user-select:none;margin-bottom:var(--space-3);position:relative}.annotator-photo{border-radius:var(--radius-sm);border:1px solid var(--color-border);pointer-events:none;width:100%;display:block}.shape-overlay{pointer-events:none;position:absolute;inset:0}.annotator-toolbar{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.annotator-toolbar .button-secondary{margin-bottom:0}.annotator-colors,.annotator-weights{gap:var(--space-2);display:flex}.annotator-weights{margin-left:auto}.color-swatch{border:2px solid var(--color-border);cursor:pointer;border-radius:50%;width:44px;height:44px;padding:0}.color-swatch.selected{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-text)}.annotated-photo{margin-bottom:var(--space-2);position:relative}.annotated-photo .photo-large{margin-bottom:0;display:block}.sheet-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;margin-bottom:var(--space-4)}.sheet-table th,.sheet-table td{text-align:left;padding:10px var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--fs-sm)}.sheet-table th{color:var(--color-muted);font-weight:400}.export-sub{margin-top:var(--space-3)}.json-preview{margin-top:var(--space-4)}.json-preview summary{color:var(--color-muted);cursor:pointer;align-items:center;min-height:44px;display:flex}.photo-grid{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.photo-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:100%;min-height:44px;color:inherit;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.photo-card-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.photo-card .badge{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 8px);font-size:var(--fs-xs);position:absolute;bottom:4px;left:4px;overflow:hidden}.photo-card-labeled{flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:6px;display:flex;overflow:visible}.photo-card-labeled .badge{max-width:calc(100% - 12px);margin:4px 6px 0;position:static}.photo-card-caption{-webkit-line-clamp:2;font-size:var(--fs-xs);color:var(--color-text);text-align:left;-webkit-box-orient:vertical;padding:0 6px;line-height:1.35;display:-webkit-box;overflow:hidden}.badge-warn{background:var(--color-danger);color:#fff}.link-button{min-height:44px;color:var(--color-primary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:0}dialog.sheet{width:100%;max-width:640px;height:100dvh;max-height:100dvh;padding:var(--space-4);background:var(--color-bg);color:var(--color-text);border:none;margin:0 auto;overflow-y:auto}dialog.sheet::backdrop{background:#00000080}.json-preview pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--fs-xs);overflow-x:auto}main.topo-main{flex-direction:column;max-width:900px;height:100dvh;display:flex;overflow:hidden}.topo-editor{flex:1;min-height:0}.topo-editor-scroll{padding-right:2px;overflow-y:auto}.topo-maintabs{z-index:2;background:var(--color-bg);padding:var(--space-2) 0;position:sticky;top:0}.topo-sec{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.topo-sec>h2{font-size:var(--fs-sm);padding:0 0 var(--space-2);border-bottom:1px solid var(--color-border);margin:0 0 10px;font-weight:700}.topo-sec.key{border:2px solid var(--color-primary);background:var(--color-info-bg)}.topo-row{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.topo-row label{font-size:var(--fs-sm);color:var(--color-muted);white-space:nowrap}.topo-sec input[type=text],.topo-sec input[type=number],.topo-sec select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:40px;font-size:var(--fs-base);padding:6px 10px}.topo-in-s{width:72px}.topo-in-m{width:110px}.topo-in-grow{flex:1;min-width:120px}.topo-hint{font-size:var(--fs-xs);color:var(--color-muted);margin-top:2px}.topo-check{font-size:var(--fs-sm);align-items:center;gap:6px;display:inline-flex}.topo-presets{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.topo-presets button{min-width:140px;min-height:52px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:var(--fs-sm);cursor:pointer;flex:1;font-weight:700;line-height:1.3}.topo-presets button.selected{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--color-info-bg)}.topo-presets button .cap{font-size:var(--fs-xs);color:var(--color-muted);margin-top:2px;font-weight:400;display:block}.topo-swchip{font-size:var(--fs-xs);background:var(--color-chip);border-radius:var(--radius-sm);text-align:center;min-width:40px;color:var(--color-text);padding:3px 8px;font-weight:700}.topo-hub-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);margin-bottom:var(--space-2);padding:10px}.topo-del{min-height:36px;padding:2px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);cursor:pointer}.topo-del:hover{color:var(--color-danger-strong);border-color:var(--color-danger-strong)}.topo-add{min-height:44px;padding:0 var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);cursor:pointer;font-weight:700}.topo-syscount{border:1px solid var(--color-primary);border-radius:var(--radius);padding:10px var(--space-3);margin-top:var(--space-2);background:var(--color-info-bg)}.topo-syserr{border:1px solid var(--color-warn-border);border-radius:var(--radius);padding:10px var(--space-3);margin-top:var(--space-2);background:var(--color-warn-bg);color:var(--color-warn-text)}.topo-split{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;align-items:flex-end;display:flex}.topo-split .cell{flex-direction:column;gap:2px;display:flex}.topo-split .cell label{font-size:var(--fs-xs);font-weight:600}.topo-split .cell input{text-align:center;width:56px}.topo-split .sum.ok{color:var(--color-success);font-weight:700}.topo-split .sum.ng{color:var(--color-danger-strong);font-weight:700}.topo-tabs{gap:var(--space-1);margin-bottom:10px;display:flex}.topo-tab{min-height:44px;padding:6px var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);font-size:var(--fs-sm);cursor:pointer}.topo-tab.active{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary);font-weight:700}.topo-warn{background:var(--color-warn-bg);color:var(--color-warn-text);border:1px solid var(--color-warn-border);border-radius:var(--radius-sm);padding:6px var(--space-3);font-size:var(--fs-sm);margin-bottom:6px}.topo-paper{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);background:#fff;overflow-x:auto}.topo-ptitle{text-align:center;font-weight:700;font-size:var(--fs-sm);color:#1e2422;margin:0 var(--space-2) var(--space-2);border-bottom:2px solid #1e2422;padding:6px 0}.topo-svg-host{min-width:640px}.topo-zoom{justify-content:flex-end;align-items:center;gap:6px;margin-bottom:6px;display:flex}.topo-zoom-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:28px;height:28px;font-size:var(--fs-base);cursor:pointer;padding:0;font-weight:700;line-height:1}.topo-zoom-val{text-align:center;min-width:48px;font-size:var(--fs-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.topo-svg-host svg{width:100%;height:auto;display:block}.topo-legend{gap:var(--space-3);padding:var(--space-2);color:#1e2422;font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.topo-legend .item{align-items:center;gap:6px;display:flex}.topo-legend .sw-box{border:1px solid #555;width:22px;height:12px;display:inline-block}.topo-legend .sw-line{border-top:2.5px solid;width:26px;height:0;display:inline-block}.topo-btnrow{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.topo-btnrow .button-secondary{margin-bottom:0}.topo-savebar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;padding:10px 0;display:flex}.workflow-line{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-1) 0;display:flex}.workflow-line+.workflow-line{border-top:1px solid var(--color-border)}.workflow-line .button-secondary{margin-bottom:0}