.local-notice{display:inline-block;background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7;border-radius:20px;padding:6px 16px;font-size:.9rem;margin-bottom:20px}.local-notice i{margin-right:6px}.split-tool{max-width:900px;margin:0 auto 30px;text-align:left}.drop-zone{border:2px dashed var(--accent);border-radius:8px;padding:40px 12px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--accent);background:transparent;transition:background .15s ease}.drop-zone:hover,.drop-zone.dragover{background:var(--accent-bg)}.drop-zone-main{font-size:15px;font-weight:600}.drop-zone-sub{font-size:12px;color:#888}.drop-zone-sub a{color:var(--accent);text-decoration:underline}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.split-editor{margin-top:24px}.pattern-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.pattern-bar .pattern-label{font-size:.9rem;font-weight:700;color:#333;margin-right:4px}.pattern-btn{background:#fff!important;color:#333!important;border:1px solid #ccc!important;border-radius:20px!important;padding:6px 14px!important;font-size:.9rem!important;cursor:pointer;transition:all .15s ease}.pattern-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important}.pattern-btn.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.canvas-hint{font-size:13px;color:#666;margin:0 0 10px}.canvas-area{border:1px solid #e0e0e0;border-radius:8px;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,8px 8px;padding:8px;text-align:center}#splitCanvas{max-width:100%;max-height:70vh;display:inline-block;vertical-align:middle;touch-action:none}.crop-info{margin:12px 0 8px;font-size:.95rem;color:#333;text-align:center}.crop-info #cropInfo{font-weight:700;color:#2c3e50}.post-order-note{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:12px 16px;margin:0 0 16px;font-size:.9rem;color:#5d4037;line-height:1.7}.post-order-note strong{color:#b26a00}.save-panel{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:center;margin-bottom:8px}.format-radios{display:flex;gap:14px;align-items:center}.format-radios .radio-label{font-size:14px;color:#333;display:flex;align-items:center;gap:4px;cursor:pointer}#jpegQualityGroup{display:flex;align-items:center;gap:8px;font-size:13px;color:#333}#jpegQualityGroup[hidden]{display:none}#jpegQualityGroup input[type=range]{width:140px;accent-color:var(--accent)}#jpegQualityGroup #qualityValue{font-weight:700;min-width:2.2em}.generate-row{text-align:center;margin-top:10px}#generateBtn{background:var(--accent)!important;color:#fff!important;border:none;border-radius:8px;padding:14px 40px;font-size:15px!important;font-weight:600;cursor:pointer;transition:opacity .2s ease}#generateBtn:hover{opacity:.85}#generateBtn:disabled{background:#ccc!important;cursor:not-allowed}.status-message{font-size:13px;color:#2e7d32;margin:10px 0 0;text-align:center}.status-message.error{color:#d32f2f}.status-message a{color:var(--accent);text-decoration:underline}.result-area{margin-top:32px}.result-area h2{font-size:1.15rem;color:#1e293b;margin-bottom:8px;text-align:center}.result-lead{font-size:.9rem;color:#555;text-align:center;margin:0 0 14px}#smallNote{font-size:12px;color:#b26a00;text-align:center;margin:0 0 10px}.zip-row{text-align:center;margin-bottom:16px}#zipBtn{background:var(--accent)!important;color:#fff!important;border:none;border-radius:8px;padding:12px 32px;font-size:15px!important;font-weight:600;cursor:pointer;transition:opacity .2s ease}#zipBtn:hover{opacity:.85}.piece-grid{display:grid;gap:6px;max-width:640px;margin:0 auto}.piece-cell{position:relative;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.piece-cell img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.piece-badge{position:absolute;top:6px;left:6px;background:#000000a6;color:#fff;font-size:12px;font-weight:700;border-radius:12px;padding:2px 9px;pointer-events:none}.piece-dl{display:block;width:100%;background:var(--accent)!important;color:#fff!important;border:none;padding:7px 4px!important;font-size:12px!important;cursor:pointer;transition:opacity .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.piece-dl:hover{opacity:.85}@media (max-width: 640px){#generateBtn,#zipBtn{width:100%}.piece-badge{font-size:11px;padding:2px 7px}.piece-dl{font-size:11px!important}}