/* SnapID photo maker tool UI */
.snapid-tool{--sp-blue:#2563eb;--sp-dark:#1e3a8a;--sp-amber:#f59e0b}
.snapid-title{font-size:1.25rem;margin:0 0 16px;color:#0f172a}
.snapid-drop{border:2.5px dashed #b9cdf7;border-radius:16px;background:#f4f7ff;padding:44px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.snapid-drop:hover,.snapid-drop:focus-visible,.snapid-drop.over{border-color:var(--sp-blue);background:#e9f0fe;outline:none}
.snapid-drop svg{width:44px;height:44px;color:var(--sp-blue);margin-bottom:10px}
.snapid-drop strong{display:block;font-size:1.05rem;color:#0f172a;margin-bottom:6px}
.snapid-drop span{font-size:.88rem;color:#64748b}
.snapid-label{font-weight:700;color:#0f172a;margin:20px 0 10px;font-size:.98rem}
.snapid-sublabel{font-weight:400;color:#64748b;font-size:.85rem}
.snapid-presets{display:flex;flex-wrap:wrap;gap:8px}
.snapid-preset{border:2px solid #e2e8f0;background:#fff;border-radius:999px;padding:.5em 1.05em;font-size:.88rem;font-weight:600;color:#334155;cursor:pointer;font-family:inherit;transition:all .18s}
.snapid-preset:hover{border-color:#93b4f8;color:var(--sp-dark)}
.snapid-preset.active{background:var(--sp-blue);border-color:var(--sp-blue);color:#fff;box-shadow:0 6px 14px -6px rgba(37,99,235,.6)}
.snapid-bgrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.snapid-bgs{display:flex;gap:8px}
.snapid-bg{width:40px;height:40px;border-radius:12px;border:2px solid #e2e8f0;cursor:pointer;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s}
.snapid-bg:hover{transform:scale(1.08)}
.snapid-bg.active{border-color:var(--sp-blue);box-shadow:0 0 0 3px rgba(37,99,235,.25)}
.snapid-ai{font-size:.85rem;padding:.6em 1.1em}
.snapid-ai[disabled]{opacity:.6;cursor:wait}
.snapid-cropwrap{max-height:420px;border-radius:14px;overflow:hidden;background:#0f172a;border:1px solid #e2e8f0}
.snapid-cropwrap img{max-width:100%;display:block}
.snapid-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.snapid-restart{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}
.snapid-restart:hover{background:#e2e8f0}
.snapid-result{text-align:center}
.snapid-preview{display:inline-block;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;box-shadow:0 10px 24px -12px rgba(2,6,23,.25);margin-top:6px}
.snapid-preview img{display:block;max-width:min(100%,280px);height:auto;border-radius:8px}
.snapid-meta{font-size:.88rem;color:#64748b;margin:12px 0 4px}
.snapid-status{margin-top:16px;font-size:.93rem;min-height:1.5em;color:#475569}
.snapid-status.error{color:#dc2626}
.snapid-status.ok{color:#1d4ed8;font-weight:600}
.snapid-status .spinner{display:inline-block;width:15px;height:15px;border:2.5px solid #dbeafe;border-top-color:var(--sp-blue);border-radius:50%;animation:sp-spin .7s linear infinite;vertical-align:-3px;margin-right:8px}
@keyframes sp-spin{to{transform:rotate(360deg)}}
.snapid-privacy{margin:14px 0 0;font-size:.8rem;color:#94a3b8;display:flex;align-items:center;gap:6px;justify-content:center}
.snapid-privacy::before{content:"";width:14px;height:14px;flex:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Crect x='4' y='10' width='16' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
@media(max-width:560px){
  .snapid-drop{padding:32px 18px}
  .snapid-actions .btn{width:100%}
}