.sgn-tabs,.sgn-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.sgn-tabs button,.sgn-row button,.sgn-card{min-height:44px}.sgn-tabs [aria-selected=true],.sgn-row [aria-pressed=true],.sgn-card[aria-pressed=true]{background:#e5f2ed;border-color:#23745a;color:#154e3b}.sgn-tabs button{flex:1;min-width:120px}.sgn-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sgn-controls label{display:flex;flex-direction:column;gap:6px;min-width:0}.sgn-controls input,.sgn-controls select{width:100%;min-height:44px;box-sizing:border-box}.sgn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.sgn-card{padding:10px;min-width:0;border:1px solid #cedbd5;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden}.sgn-card canvas{display:block;width:100%;height:auto}.sgn-card span{display:block;overflow-wrap:anywhere;font-size:14px}.sgn-checker{background-color:#fff;background-image:linear-gradient(45deg,#e8ecea 25%,transparent 25%),linear-gradient(-45deg,#e8ecea 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8ecea 75%),linear-gradient(-45deg,transparent 75%,#e8ecea 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid #cedbd5;border-radius:10px;padding:14px;overflow:hidden}.sgn-checker canvas{display:block;max-width:100%;height:auto;margin:auto}.sgn-scroll{max-width:100%;overflow-x:auto}.sgn-scroll table{min-width:700px}.sgn-scroll td{overflow-wrap:anywhere}.sgn-error{color:#a52a2a}.sgn-color{width:48px;border:2px solid #999;border-radius:8px}.sgn-color[aria-pressed=true]{outline:3px solid #23745a;outline-offset:2px}.sgn-name{display:block;width:100%;box-sizing:border-box;min-height:44px;font-size:20px}.sgn-panel[hidden]{display:none}.sgn-status{min-height:24px}.sgn-tool{min-width:0}@media(min-width:800px){.sgn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:380px){.sgn-grid,.sgn-controls{grid-template-columns:minmax(0,1fr)}.sgn-tabs button{min-width:100%;flex:auto}}
.sgn-tool #sgn-pad{width:100%;height:auto;touch-action:none;cursor:crosshair}.sgn-tool button{min-height:44px}.sgn-card-missing{color:#8a4214;margin-top:8px}.sgn-tool .it-actions .btn{min-width:0;max-width:100%;overflow-wrap:anywhere}.sgn-tool .it-drop{box-sizing:border-box;max-width:100%}.sgn-tool .it-drop strong{max-width:100%;box-sizing:border-box}.sgn-tool #sgn-photo{max-height:600px;object-fit:contain}
@media(max-width:480px){.sgn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgn-card{padding:8px}.sgn-card span{font-size:12px}}