.spss{margin:0 0 24px;padding:22px;border:1px solid #e2e2e2;border-radius:12px;background:#fff}.spss-head h3{margin:0 0 6px}.spss-head p{margin:0 0 18px;opacity:.75}.spss-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,.8fr);gap:24px}.spss-stage{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background-color:#f7f7f7;background-image:linear-gradient(45deg,#e9e9e9 25%,transparent 25%),linear-gradient(-45deg,#e9e9e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e9e9 75%),linear-gradient(-45deg,transparent 75%,#e9e9e9 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.spss-placeholder{opacity:.55}.spss-img{display:none;position:relative;z-index:2;max-width:72%;max-height:240px;object-fit:contain}.spss-border-preview,.spss-cut-preview{display:none;position:absolute!important;pointer-events:none;transform:none!important;max-width:none!important;max-height:none!important;overflow:visible}.spss-border-preview{z-index:1}.spss-cut-preview{z-index:3}.spss-controls{display:flex;flex-direction:column;gap:15px}.spss-upload{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:7px;background:#111;color:#fff;font-weight:700;cursor:pointer}.spss-file-name{font-size:13px;opacity:.65;word-break:break-all}.spss-controls label:not(.spss-upload){display:flex;flex-direction:column;gap:8px}.spss-cut-type,.spss-border-mode{width:100%;min-height:42px;padding:8px 10px;border:1px solid #cfcfcf;border-radius:6px;background:#fff}.spss-color-row{display:none}.spss-color-fields{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center}.spss-border-color{width:52px;height:42px;padding:2px;border:1px solid #cfcfcf;border-radius:6px;background:#fff;cursor:pointer}.spss-border-hex{min-height:42px;padding:8px 10px;border:1px solid #cfcfcf;border-radius:6px;text-transform:uppercase}.spss-help{font-size:13px;line-height:1.45;opacity:.72}.spss-status{min-height:22px;font-weight:600}.spss.is-loading{opacity:.72}.spss.has-error .spss-status{color:#b32d2e}@media(max-width:700px){.spss-layout{grid-template-columns:1fr}.spss-stage{min-height:240px}.spss-img{max-width:68%;max-height:210px}}
.spss-scale-note{margin-top:8px;font-size:12px;line-height:1.4;opacity:.7}