:root{font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;color:#173042;background:#eef4f7;--blue:#0b5a8f;--line:#cfdae1}*{box-sizing:border-box}body{margin:0}header{background:linear-gradient(135deg,#07527f,#1775a8);color:white;padding:20px;display:flex;gap:14px;align-items:center}.mark{border:2px solid white;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-weight:800;font-size:13px}h1{font-size:1.3rem;margin:0 0 4px}header p{margin:0;opacity:.9;font-size:.85rem}nav{display:grid;grid-template-columns:repeat(3,1fr);position:sticky;top:0;z-index:3;background:white;border-bottom:1px solid var(--line)}nav button{border:0;background:white;padding:15px 5px;font-weight:700;color:#60717c}nav button.active{color:var(--blue);border-bottom:3px solid var(--blue)}main{max-width:900px;margin:auto;padding:14px}.tab{display:none}.tab.active{display:block}.card,.item,.record{background:white;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:0 2px 8px #16374b0a}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}label{display:grid;gap:6px;font-size:.85rem;font-weight:700}input,select,textarea,button{font:inherit;min-height:44px;border:1px solid #b9c8d1;border-radius:9px;padding:9px;background:white}button{font-weight:700;cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:white}.full{width:100%;margin-top:8px}.actions{display:flex;gap:8px;margin:12px 0}.actions>*{flex:1}.item h3{font-size:1rem;margin:0 0 10px}.result-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.result-buttons button{font-size:.85rem;padding:6px}.result-buttons button.selected{background:#d9edf8;border-color:var(--blue);color:#074e78}.result-buttons button[data-value="부적합"].selected{background:#ffe2e2;border-color:#c33;color:#a00}.note{display:none;width:100%;margin-top:8px}.item.bad .note{display:block}.message{font-weight:700;text-align:center;min-height:22px}.message.ok{color:#08733e}.message.err{color:#b31919}canvas{width:100%;height:210px;border:2px dashed #8da6b5;border-radius:10px;background:white;touch-action:none}.hint{font-size:.8rem;color:#667985}.target{font-weight:800;color:var(--blue)}.record-head{display:flex;justify-content:space-between;gap:8px}.badtag{color:#b31919;font-weight:800}.sigs{display:flex;gap:12px;margin-top:10px;font-size:.8rem}.sig-ok{color:#08733e}.sig-no{color:#9b5b00}.filters{display:flex;gap:8px;align-items:end}.filters label{flex:1}@media(max-width:520px){main{padding:9px}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.result-buttons{grid-template-columns:1fr}header{padding:14px}h1{font-size:1.1rem}}