*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#e0e0e0;min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}h1{font-size:1.5rem;font-weight:600;text-align:center}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.options{display:flex;gap:16px;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#e0e0e0;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}button{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:6px;background:#3b82f6;color:#fff;cursor:pointer;transition:background .2s,opacity .2s}button:hover:not(:disabled){background:#2563eb}button:disabled{opacity:.5;cursor:not-allowed}.status{font-size:14px;color:#9ca3af}.image-count{font-size:14px;color:#6b7280}.canvas-wrapper{border:2px solid #333;border-radius:8px;overflow:hidden;max-width:100%}canvas{display:block;max-width:100%;height:auto}.error{color:#ef4444;font-size:14px;text-align:center}