#SPC_NEW_TOOL{font-family:Arial,Helvetica,sans-serif;max-width:1100px;margin:20px auto;padding:15px;color:#222}
#SPC_NEW_TOOL *{box-sizing:border-box}.spc-card{background:#fff;border:1px solid #ddd;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.spc-title{text-align:center;font-size:28px;font-weight:700;margin-bottom:8px}.spc-subtitle{text-align:center;color:#666}.spc-upload-area{border:2px dashed #2775ff;border-radius:14px;padding:30px 20px;text-align:center;background:#f7faff}
.spc-upload-btn{display:inline-block;background:#2775ff;color:#fff;padding:13px 25px;border-radius:8px;cursor:pointer;font-weight:bold}#spcFile{display:none}
.spc-file-name{margin-top:15px;font-weight:bold;word-break:break-word}.spc-progress{width:100%;height:20px;background:#e8e8e8;border-radius:20px;overflow:hidden;margin-top:15px}
.spc-progress-bar{height:100%;width:0%;background:#2775ff;transition:width .15s}.spc-progress-text{text-align:center;margin-top:7px;font-size:14px;font-weight:bold}
.spc-status{margin-top:12px;padding:10px;border-radius:8px;background:#f2f2f2;text-align:center}.spc-hidden{display:none!important}
.spc-canvas-wrap{width:100%;overflow:auto;text-align:center;background:#f2f2f2;padding:10px;border-radius:10px}#spcPageCanvas,#spcMainCanvas{max-width:100%;height:auto;border:1px solid #aaa;touch-action:none;cursor:crosshair}
.spc-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.spc-btn{border:0;padding:12px 18px;border-radius:8px;cursor:pointer;font-weight:bold;font-size:14px}
.spc-primary{background:#2775ff;color:#fff}.spc-success{background:#159447;color:#fff}.spc-danger{background:#d93025;color:#fff}.spc-warning{background:#f5a000;color:#fff}.spc-dark{background:#222;color:#fff}
.spc-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.spc-field label{display:block;font-weight:bold;margin-bottom:5px}
.spc-field input,.spc-field select{width:100%;padding:10px;border:1px solid #ccc;border-radius:7px;font-size:15px;background:#fff}.spc-info{background:#eef6ff;padding:12px;border-radius:8px;margin-top:15px}
.spc-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.spc-output-box{padding:16px;border:2px solid #ddd;border-radius:12px;background:#fafafa}
.spc-output-box h3{margin:0 0 14px}.photo-output{border-color:#8bd39e}.sign-output{border-color:#9bbcf7}.spc-size-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.spc-size-fields label{display:block;font-weight:bold;font-size:13px;margin-bottom:5px}.spc-size-fields input{width:100%;padding:9px;border:1px solid #ccc;border-radius:7px}
.spc-check{display:block;margin-top:13px;font-weight:bold}.spc-check input{margin-right:7px}.spc-help{font-size:12px;color:#666;margin-top:8px}
.spc-frame-editor{margin-top:18px;padding:16px;border:2px solid #ddd;border-radius:12px;background:#fafafa}.spc-frame-editor h3{margin-top:0}
.spc-frame-toolbar{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;align-items:end}.spc-editor-note{font-size:12px;color:#666;margin-top:10px}
.spc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.spc-student{border:1px solid #ddd;border-radius:12px;padding:12px;background:#fafafa}.spc-student h3{margin:0 0 10px}
.spc-preview{display:flex;gap:10px;flex-wrap:wrap}.spc-preview-item{text-align:center;flex:1;min-width:130px}.spc-preview-item img{max-width:100%;height:auto;border:1px solid #ccc;background:#fff}
.spc-small{font-size:12px;color:#666;word-break:break-all}.spc-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:999999;display:flex;align-items:center;justify-content:center;padding:15px}
.spc-modal-box{background:#fff;width:100%;max-width:900px;max-height:95vh;overflow:auto;border-radius:14px;padding:18px}.spc-adjust-preview{text-align:center}#spcAdjustCanvas{max-width:100%;max-height:55vh;border:1px solid #ddd}
.spc-adjust-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.spc-adjust-fields label{display:block;font-weight:bold;margin-bottom:5px}.spc-adjust-fields input{width:100%;padding:9px}
@media(max-width:850px){.spc-frame-toolbar{grid-template-columns:1fr 1fr 1fr}.spc-frame-toolbar .spc-field:first-child{grid-column:1/-1}.spc-frame-toolbar button{grid-column:1/-1}}
@media(max-width:700px){.spc-settings,.spc-grid,.spc-output-grid{grid-template-columns:1fr}.spc-size-fields{grid-template-columns:1fr 1fr}.spc-adjust-fields{grid-template-columns:repeat(2,1fr)}.spc-title{font-size:22px}.spc-card{padding:14px}}

.spc-bulk-size{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.spc-bulk-box{border:1px solid #ddd;border-radius:10px;padding:14px;background:#fff}
.spc-bulk-box h4{margin:0 0 10px;font-size:16px}
.spc-bulk-box .spc-size-fields{grid-template-columns:1fr 1fr;margin-bottom:10px}
@media(max-width:700px){.spc-bulk-size{grid-template-columns:1fr}}