.skm-description{margin:0 0 12px;line-height:1.7}.skm-warning{display:flex;gap:10px;align-items:flex-start;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:12px 16px;margin:0 0 20px;color:#8d6e00;font-size:.9rem;line-height:1.6;text-align:left}.skm-warning i{margin-top:2px}.skm-upload{border:2px dashed var(--accent);padding:36px 20px;border-radius:8px;cursor:pointer;color:var(--accent);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:background-color .15s ease}.skm-upload i{font-size:1.8rem}.skm-upload.hover{background-color:var(--accent-bg, #eef7f6)}#skmInput{display:none}.skm-status{margin:12px 0 0;font-size:.95rem;color:#555;text-align:center;min-height:1.2em}.skm-status.error{color:#c0392b;font-weight:700}.skm-workspace{margin-top:20px}.skm-bar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:12px 14px;box-shadow:0 2px 8px #0000000f}.skm-file{display:flex;flex-direction:column;min-width:0;flex:1 1 160px}.skm-file-name{font-weight:700;font-size:.9rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skm-file-meta{font-size:.78rem;color:#888}.skm-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.skm-color{display:flex;gap:8px;align-items:center}.skm-color-opt{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;color:#333;cursor:pointer}.skm-swatch{width:14px;height:14px;border-radius:3px;display:inline-block}.skm-swatch-black{background:#000}.skm-swatch-white{background:#fff;border:1px solid #bbb}.skm-sub{background:#fff;color:#333;border:1px solid #ccc;border-radius:8px;padding:8px 12px;font-size:.85rem!important;font-weight:600;cursor:pointer;white-space:nowrap}.skm-sub:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.skm-sub:disabled{color:#bbb;border-color:#e6e6e6;cursor:not-allowed}.skm-export{background-color:var(--accent)!important;color:#fff!important;border:none;padding:11px 20px;font-size:.95rem!important;font-weight:700;border-radius:8px;cursor:pointer;margin-left:auto;white-space:nowrap}.skm-export:hover:not(:disabled){background-color:var(--accent-hover, #21867a)!important}.skm-export:disabled{background-color:#ccc!important;cursor:not-allowed}#skmNext{margin-left:0;max-width:none}.skm-hint{font-size:.85rem;color:#666;margin:12px 2px;line-height:1.6}.skm-progress{margin:12px 0}.skm-progress-bar{width:100%;background:#eee;border-radius:4px;overflow:hidden}.skm-progress-fill{height:18px;width:0%;background:var(--accent);transition:width .2s}.skm-progress-text{margin-top:5px;font-size:.85rem;color:#333;text-align:center}.skm-pages{display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:8px}.skm-page{width:100%;max-width:820px}.skm-page-label{font-size:.8rem;color:#888;margin-bottom:4px;text-align:center}.skm-page-inner{position:relative;display:block;margin:0 auto;line-height:0;box-shadow:0 1px 6px #00000026}.skm-page-canvas{display:block;width:100%;height:auto}.skm-overlay{position:absolute;inset:0;cursor:crosshair;touch-action:none}.skm-rect{position:absolute;box-sizing:border-box;touch-action:none}.skm-rect.skm-black{background:#000}.skm-rect.skm-white{background:#fff}.skm-rect.sel{outline:2px dashed var(--accent);outline-offset:1px;cursor:move}.skm-handle{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:2px solid var(--accent);touch-action:none}.skm-handle.nw{left:0;top:0;cursor:nwse-resize}.skm-handle.ne{left:100%;top:0;cursor:nesw-resize}.skm-handle.sw{left:0;top:100%;cursor:nesw-resize}.skm-handle.se{left:100%;top:100%;cursor:nwse-resize}.skm-del{position:absolute;left:100%;top:0;transform:translate(4px,-50%);width:26px;height:26px;border-radius:50%;border:none;background:#c0392b;color:#fff;font-size:16px!important;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;touch-action:none}@media (max-width: 520px){.skm-export{margin-left:0;width:100%}.skm-bar{gap:8px}}@media screen and (max-width: 600px){.skm-upload{padding:14px}}