:root{font-family:Noto Sans KR,Segoe UI,sans-serif;line-height:1.4;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{max-width:100%;margin:0;padding:0}.app{min-height:100vh;padding:16px;color:#0f172a;background:linear-gradient(180deg,#f8fafc,#e2e8f0)}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.topbar h1{margin:0;font-size:1.35rem}.controls{display:flex;gap:8px;flex-wrap:wrap}.upload-btn,button{border:1px solid #94a3b8;background:#fff;color:#0f172a;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:.88rem}.all-in-one{background:#dbeafe;border-color:#60a5fa}button:disabled,.upload-btn:has(input:disabled){opacity:.5;cursor:not-allowed}.upload-btn input{display:none}.workspace{display:flex;gap:0;align-items:stretch}.viewer,.sidepanel,.summary{background:#fff;border:1px solid #cbd5e1;border-radius:12px}.viewer{padding:12px;min-width:0}.workspace-divider{width:10px;cursor:col-resize;background:linear-gradient(180deg,#e2e8f0,#cbd5e1);border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;border-radius:10px;margin:0 8px;flex:0 0 10px}.viewer-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.frame-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px;font-size:.9rem}.file-link{border:none;background:transparent;color:#1d4ed8;text-decoration:underline;padding:0;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-stage{border:1px solid #dbeafe;border-radius:8px;min-height:420px;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.image-stage.panning{cursor:grabbing}.image-wrap{width:100%;display:flex;justify-content:center}.image-stage img{max-width:100%;max-height:720px;transform-origin:center center;will-change:transform}.meta-panel{margin-top:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:8px 10px;font-size:.84rem;line-height:1.45;display:grid;gap:4px}.meta-highlight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:6px}.meta-highlight{border:1px solid #bfdbfe;background:#eff6ff;border-radius:8px;padding:8px;display:grid;gap:3px}.meta-highlight span{font-size:.72rem;color:#334155}.meta-highlight strong{font-size:.95rem;color:#1e3a8a}.meta-map-block{margin-top:6px;display:grid;gap:6px}.meta-map-table{border:1px solid #dbeafe;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:.8fr 1.1fr 1.1fr 1.1fr .8fr}.meta-map-head,.meta-map-row>div{padding:6px 7px;font-size:.78rem;border-bottom:1px solid #e2e8f0}.meta-map-head{background:#eff6ff;font-weight:700}.meta-map-row{display:contents}.csv-meta-block{margin-top:8px;border-top:1px dashed #cbd5e1;padding-top:6px;display:grid;gap:2px}.sidepanel{min-width:0;padding:10px;max-height:760px;overflow:auto}.field-block{border-bottom:1px solid #e2e8f0;padding:8px 0}.field-block h3{margin:0 0 6px;font-size:.95rem}.option-grid{display:flex;flex-wrap:wrap;gap:6px}.option{font-size:.82rem;padding:6px 8px}.option.active{border-color:#1d4ed8;background:#dbeafe;color:#1e3a8a}.summary{margin-top:12px;padding:12px}.summary h2{margin:0 0 6px;font-size:1.1rem}.summary p{margin:0 0 8px;font-size:.9rem}.ratio-table{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;overflow:hidden}.ratio-head,.ratio-row>div{padding:6px 8px;font-size:.84rem;border-bottom:1px solid #e2e8f0}.ratio-group{grid-column:1 / -1;padding:8px;font-weight:700;background:#dbeafe;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.ratio-head{background:#f1f5f9;font-weight:700}.ratio-table{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.ratio-row{display:contents}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.summary-card{border:1px solid #e2e8f0;border-radius:8px;padding:8px}.summary-card h3{margin:0 0 6px;font-size:.9rem}.summary-row{display:flex;justify-content:space-between;font-size:.84rem;padding:2px 0}.message{margin-top:8px;min-height:20px;font-size:.88rem;color:#334155}@media(max-width:960px){.workspace{display:grid;grid-template-columns:1fr}.sidepanel{max-height:none}.workspace-divider{display:none}.image-stage{min-height:280px}.meta-highlight-row{grid-template-columns:1fr}.meta-map-table,.ratio-table{grid-template-columns:repeat(2,minmax(0,1fr))}}