.upload-zone{border:2px dashed #c9cdd4;border-radius:12px;padding:60px 24px;text-align:center;cursor:pointer;transition:all .3s;background:#fafafa;margin-bottom:20px;}.upload-zone:hover,.upload-zone.dragover{border-color:#165DFF;background:#f0f5ff;}#preview-area{margin-top:20px;text-align:center;}#preview-image{max-width:100%;max-height:400px;border-radius:8px;border:1px solid #e5e6eb;margin-bottom:16px;}.split-options{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;padding:20px;background:#f7f8fa;border-radius:8px;margin-top:16px;}.split-options label{font-size:14px;font-weight:500;color:#4e5969;display:flex;align-items:center;gap:6px;}.split-options input[type="number"]{width:70px;padding:8px;border:1px solid #c9cdd4;border-radius:6px;font-size:14px;text-align:center;}.split-options select{padding:8px 12px;border:1px solid #c9cdd4;border-radius:6px;font-size:14px;cursor:pointer;}#result-area{margin-top:30px;padding-top:24px;border-top:2px solid #e5e6eb;}#result-area h4{color:#1d2129;margin-bottom:16px;}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:20px;}.result-item{text-align:center;position:relative;}.result-item img{width:100%;border-radius:6px;border:1px solid #e5e6eb;transition:transform .2s;}.result-item img:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15);}.result-item span{display:block;margin-top:6px;font-size:12px;color:#86909c;}.btn-success{background:#00b42a;color:#fff;border:none;}.btn-success:hover{background:#00a32a;}