*{box-sizing:border-box}:root{--jti: #1565c0;--bar: #111}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a;background:#eceff1}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--jti);color:#fff;flex:0 0 auto}.topbar .title{font-weight:700;font-size:1.05rem}.actions{display:flex;gap:8px}.viewtoggle{display:none;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.55)}.viewtoggle button{background:transparent;color:#fff;border:none;padding:7px 16px;font-weight:600;cursor:pointer;font-size:.85rem}.viewtoggle button.on{background:#fff;color:var(--jti)}.btn{border:none;border-radius:6px;padding:8px 14px;font-weight:600;cursor:pointer;font-size:.9rem}.btn.primary{background:#2e7d32;color:#fff}.btn.ghost{background:#ffffff2e;color:#fff}.btn.add{background:#e3f2fd;color:var(--jti);border:1px solid var(--jti);margin:6px 0 14px}.layout{display:flex;flex:1 1 auto;min-height:0}.formpane{flex:1 1 50%;overflow-y:auto;padding:14px 18px}.previewpane{flex:1 1 50%;background:#607d8b;border-left:1px solid #cfd8dc;min-height:0}.pdfcanvas{height:100%;overflow-y:auto;padding:10px;-webkit-overflow-scrolling:touch}.pdfpage{width:100%;display:block;margin:0 auto 10px;box-shadow:0 1px 5px #00000059;background:#fff}.loading{color:#fff;padding:24px}.bar{background:var(--bar);color:#fff;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.3px;padding:5px 10px;margin:14px 0 8px;border-radius:3px;display:flex;align-items:center;justify-content:space-between}.subbar{background:#333;color:#fff;font-weight:600;font-size:.8rem;padding:4px 10px;margin:8px 0 6px;border-radius:3px}.bar .rm,.setup .rm{background:#c62828;color:#fff;border:none;border-radius:4px;padding:2px 8px;font-size:.72rem;cursor:pointer}.fldrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px;align-items:flex-end}.fld{display:flex;flex-direction:column;flex:1 1 200px;font-size:.8rem}.fld span{font-weight:600;margin-bottom:3px;color:#455a64}.fld input,.area textarea,.sampletable input{border:1px solid #b0bec5;border-radius:5px;padding:7px 8px;font-size:.9rem;width:100%;background:#fff}.area{display:flex;flex-direction:column;font-size:.8rem;margin:8px 0}.area span{font-weight:600;margin-bottom:3px;color:#455a64}.checks{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.inlbl{font-weight:600;font-size:.82rem;color:#455a64;margin-right:2px}.chk{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid #b0bec5;background:#fff;border-radius:6px;padding:6px 10px;font-size:.85rem;min-height:38px}.chk .box{width:18px;height:18px;border:1.5px solid #607d8b;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#2e7d32;font-size:.95rem;line-height:1}.chk.on{border-color:#2e7d32;background:#e8f5e9}.chk.on .box{border-color:#2e7d32;background:#2e7d32;color:#fff}.sampletable{border:1px solid #cfd8dc;border-radius:6px;overflow:hidden;margin-bottom:8px;background:#fff}.sthead,.strow{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.2fr 1.4fr;align-items:center;gap:6px;padding:6px 8px}.sthead.prod,.strow.prod{grid-template-columns:1.6fr 1.4fr 1fr 1fr}.sthead{background:#263238;color:#fff;font-weight:600;font-size:.74rem}.strow{border-top:1px solid #eceff1}.stname{font-size:.8rem;font-weight:600}.celllbl{display:none}.cellfld{display:block}.yesno{display:flex;gap:6px}.ctr{display:flex;justify-content:center}.ctr .chk{padding:6px}.ctr .chk .box{margin:0}.endpad{height:40px}@media (max-width: 860px){.topbar{flex-wrap:wrap;gap:6px}.actions{flex-wrap:wrap}.viewtoggle{display:inline-flex;order:3}.layout{flex-direction:column}.formpane,.previewpane{flex:1 1 auto;min-height:0;border-left:none}.previewpane{border-top:1px solid #cfd8dc}.layout.view-form .previewpane,.layout.view-preview .formpane{display:none}.sthead,.strow{grid-template-columns:1fr}.sthead{display:none}.strow{border:1px solid #eceff1;border-radius:6px;margin:6px;padding:8px;gap:10px}.celllbl{display:block;font-weight:600;font-size:.78rem;color:#455a64;margin-bottom:2px}.cellfld{display:flex;flex-direction:column}.strow .stname{display:block;font-weight:700;font-size:.92rem;border-bottom:1px solid #ddd;padding-bottom:5px}.strow .yesno{flex-wrap:wrap;align-items:center}.strow .yesno .celllbl{flex:0 0 100%}.strow.prod .ctr{justify-content:flex-start;align-items:center;gap:8px}}.splash{display:flex;align-items:center;justify-content:center;height:100vh;color:#455a64;font-size:1.1rem}.savestatus{color:#fff;font-size:.82rem;align-self:center;opacity:.95}.loginwrap{display:flex;align-items:center;justify-content:center;height:100vh;background:#263238}.logincard{background:#fff;border-radius:10px;padding:28px;width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 30px #0000004d}.logincard h1{font-size:1.15rem;margin:0;color:#1565c0}.logincard .sub{margin:-8px 0 6px;color:#607d8b;font-size:.85rem}.logincard label{display:flex;flex-direction:column;font-size:.8rem;font-weight:600;color:#455a64;gap:4px}.logincard input{border:1px solid #b0bec5;border-radius:6px;padding:9px;font-size:.95rem}.err{color:#c62828;font-size:.82rem}.sig{flex:1 1 240px;border:1px solid #cfd8dc;border-radius:8px;padding:10px;background:#fff}.siglabel{font-weight:600;font-size:.82rem;color:#455a64;margin-bottom:6px}.sigmodes{display:flex;gap:14px;margin-bottom:6px;font-size:.82rem}.sig input[type=text]{width:100%;border:1px solid #b0bec5;border-radius:6px;padding:8px;font-size:1.4rem;font-family:Snell Roundhand,Brush Script MT,Segoe Script,cursive;font-style:italic}.sigcanvas{width:100%;height:90px;border:1px solid #cfd8dc;border-radius:6px;background:#fff;touch-action:none;cursor:crosshair;display:block}.btn.sm{padding:4px 10px;font-size:.78rem;margin-top:6px;background:#eceff1;color:#37474f}.sigpreview{max-height:48px;margin-top:6px;display:block}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modalcard{background:#fff;border-radius:10px;width:min(560px,92vw);max-height:84vh;display:flex;flex-direction:column;padding:16px}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h3{margin:0;font-size:1.05rem}.modalhead .x{border:none;background:none;font-size:1.5rem;cursor:pointer;color:#607d8b}.search{margin:10px 0;padding:9px;border:1px solid #b0bec5;border-radius:6px;font-size:.95rem}.muted{color:#90a4ae;font-size:.85rem;padding:10px 0}.histlist{list-style:none;margin:0;padding:0;overflow-y:auto}.histlist li{display:flex;align-items:stretch;gap:6px;border-bottom:1px solid #eceff1}.histload{flex:1;text-align:left;border:none;background:none;cursor:pointer;padding:10px 6px;display:flex;flex-direction:column;gap:2px}.histload:hover{background:#f5f7f8}.histload strong{font-size:.92rem}.histload span{font-size:.78rem;color:#607d8b}.del{border:none;background:none;cursor:pointer;font-size:1rem;padding:0 8px}.modalcard.sm{width:min(400px,92vw)}.newbtns{display:flex;gap:10px;margin-top:10px}.newbtns .btn{flex:1}.btn.neutral{background:#eceff1;color:#37474f}.sthead.xray,.strow.xray{grid-template-columns:1.4fr 1.4fr .6fr}.ctr .rm{background:#c62828;color:#fff;border:none;border-radius:4px;padding:4px 9px;font-size:.72rem;cursor:pointer}.chooser{display:flex;flex-direction:column;height:100vh}.choosebody{flex:1;overflow-y:auto;padding:34px 20px;display:flex;flex-direction:column;align-items:center}.choosebody h2{color:#455a64;font-weight:600;margin:0 0 6px}.choosergrid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:18px}.choosecard{width:220px;height:180px;border:1px solid #cfd8dc;border-radius:14px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 8px #00000014;transition:transform .1s,box-shadow .1s,border-color .1s}.choosecard:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 18px #00000026;border-color:var(--jti)}.choosecard:disabled{opacity:.5;cursor:not-allowed}.ccicon{font-size:3rem;line-height:1}.cctitle{font-weight:700;font-size:1.1rem;color:#263238}.ccsub{font-size:.85rem;color:#78909c}.xraydiagramwrap{overflow-x:auto;margin:4px 0 12px;-webkit-overflow-scrolling:touch;border:1px solid #eceff1;border-radius:8px;background:#fff}.xraydiagram{position:relative;width:900px;margin:0 auto}.xraydiagram img{width:100%;display:block}.ovalinput{position:absolute;transform:translate(-50%,-50%);width:32px;text-align:center;border:1px solid var(--jti);border-radius:4px;background:#ffffffeb;font-size:.78rem;padding:2px 1px;color:#1a1a1a}.ovalinput:focus{outline:2px solid var(--jti);background:#fff;z-index:3}.ovallines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cwgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.cwgrid input{border:1px solid #b0bec5;border-radius:5px;padding:7px 8px;font-size:.9rem;width:100%;background:#fff}@media (max-width: 860px){.cwgrid{grid-template-columns:repeat(2,1fr)}}