.ss-app{max-width:920px;margin:8px auto 30px;text-align:left}.ss-lead{color:#444;margin:0 0 16px}.ss-step{border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;margin:0 0 16px;background:#fff}.ss-step[hidden]{display:none}.ss-step-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1e293b;margin:0 0 12px}.ss-step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent, #2a9d8f);color:#fff;font-size:13px;font-weight:700;flex:0 0 auto}.ss-drop{border:2px dashed var(--accent, #2a9d8f);border-radius:10px;padding:30px 12px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--accent, #2a9d8f);background:transparent;transition:background .15s ease}.ss-drop:hover,.ss-drop.is-dragover{background:#2a9d8f14}.ss-drop-main{font-size:15px;font-weight:600}.ss-drop-sub{font-size:12px;color:#888}.ss-pick-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.ss-pick-btn{padding:10px 16px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:14px;cursor:pointer}.ss-pick-btn:hover{border-color:var(--accent, #2a9d8f);color:var(--accent, #2a9d8f)}.ss-status{margin:12px 0 0;font-size:13px;color:#b45309;line-height:1.6}.ss-status a{color:var(--accent, #2a9d8f)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ss-presets{display:flex;flex-wrap:wrap;gap:8px}.ss-preset{padding:8px 14px;border:1px solid #cbd5e1;border-radius:20px;background:#fff;color:#334155;font-size:13.5px;cursor:pointer;transition:all .15s ease}.ss-preset small{color:#94a3b8;font-size:.82em;margin-left:4px}.ss-preset:hover{border-color:var(--accent, #2a9d8f)}.ss-preset.is-active{background:var(--accent, #2a9d8f);border-color:var(--accent, #2a9d8f);color:#fff}.ss-preset.is-active small{color:#fffc}.ss-custom{margin-top:12px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.ss-custom[hidden]{display:none}.ss-custom .ss-field{display:flex;flex-direction:column;gap:4px}.ss-custom label{font-size:12px;color:#64748b;font-weight:600}.ss-custom input{width:90px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;background:#fff;color:#333}.ss-custom .ss-field-hint{font-size:11.5px;color:#94a3b8}.ss-note{margin:12px 0 0;font-size:12.5px;color:#475569;line-height:1.7;background:#f1f5f9;border-radius:8px;padding:8px 12px}.ss-caution{margin:10px 0 0;font-size:12px;color:#7c5a00;background:#fff8e6;border:1px solid #f0d38a;border-radius:8px;padding:8px 12px;line-height:1.7}.ss-crop-wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.ss-crop-canvas-box{flex:1 1 300px;min-width:260px;background: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;border:1px solid #e2e8f0;border-radius:8px;padding:8px;text-align:center}#ssCropCanvas{max-width:100%;display:inline-block;vertical-align:middle;touch-action:none;cursor:grab;border-radius:4px}#ssCropCanvas:active{cursor:grabbing}.ss-crop-controls{flex:1 1 240px;min-width:220px;display:flex;flex-direction:column;gap:14px}.ss-control label{font-size:13px;font-weight:600;color:#475569;display:block;margin-bottom:6px}.ss-control input[type=range]{width:100%;accent-color:var(--accent, #2a9d8f)}.ss-btn-row{display:flex;flex-wrap:wrap;gap:8px}.ss-mini-btn{padding:8px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:13.5px;cursor:pointer}.ss-mini-btn:hover{border-color:var(--accent, #2a9d8f);color:var(--accent, #2a9d8f)}.ss-toggle{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#334155;cursor:pointer}.ss-toggle input{width:auto}.ss-crop-hint{font-size:12px;color:#94a3b8;margin:0;line-height:1.6}.ss-paper-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-bottom:12px}.ss-paper-row .ss-radio{display:flex;align-items:center;gap:6px;font-size:14px;color:#334155;cursor:pointer}.ss-paper-row .ss-radio input{width:auto}.ss-count-info{font-size:13.5px;font-weight:600;color:var(--accent, #2a9d8f)}.ss-print-btn{background:var(--accent, #2a9d8f);color:#fff;border:none;border-radius:8px;padding:13px 22px;font-size:15px;font-weight:600;cursor:pointer}.ss-print-btn:hover{opacity:.88}.ss-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.ss-scale-warn{display:block;margin:0 0 10px;padding:8px 10px;border:1px solid #f0b429;background:#fff8e6;border-radius:6px;font-size:12.5px;font-weight:600;color:#8a5a00;line-height:1.6}.ss-print-note{font-size:12px;color:#64748b;margin:0 0 12px;line-height:1.6}.ss-sheet-box{overflow:hidden;border-radius:4px}.ss-sheet{background:#fff;position:relative;box-sizing:border-box;transform-origin:top left;overflow:hidden;box-shadow:0 2px 14px #0000002e;margin:0 auto}.ss-sheet *{box-sizing:border-box}.ss-cell{position:absolute;overflow:hidden}.ss-cell img{width:100%;height:100%;display:block;object-fit:cover}.ss-cut{position:absolute;pointer-events:none;border:.2mm dashed transparent}.ss-sheet.show-cut .ss-cut{border-color:#8a8a8a}.ss-preview-caption{font-size:12px;color:#94a3b8;margin-top:8px;text-align:center}@media (max-width: 640px){.ss-print-btn,.ss-mini-btn.ss-block{width:100%}}@media print{#ssStepPrint{border:none!important;background:none!important}.ss-sheet-box{height:auto!important;margin:0!important;overflow:visible!important;border-radius:0!important}.ss-sheet{transform:none!important;box-shadow:none!important;margin:0!important;overflow:hidden!important}}