/* H QUIK Seller Kit shared styles + bundled fonts (OFL, see fonts/README.txt) */
@font-face{font-family:"SKBaloo";src:url("/tools/seller-kit/fonts/baloo2-500.woff2") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"SKBaloo";src:url("/tools/seller-kit/fonts/baloo2-800.woff2") format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"SKPoppins";src:url("/assets/poppins-500.woff2") format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"SKPoppins";src:url("/assets/poppins-700.woff2") format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"SKPoppins";src:url("/assets/poppins-800.woff2") format("woff2");font-weight:800 900;font-display:swap}
@font-face{font-family:"SKPlayfair";src:url("/tools/seller-kit/fonts/playfair-700.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"SKPacifico";src:url("/tools/seller-kit/fonts/pacifico.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"SKGreat";src:url("/tools/seller-kit/fonts/greatvibes.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"SKBebas";src:url("/tools/seller-kit/fonts/bebas.woff2") format("woff2");font-weight:400 900;font-display:swap}
.x-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.x-field{min-width:0}.x-row .t-field{margin-bottom:12px}
.x-hint{font-weight:400;color:var(--muted);font-size:.8rem}
.x-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.x-actions .t-btn{flex:1 1 140px}
.hidden{display:none!important}
.sk-prev{background:repeating-conic-gradient(#f3f5f9 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;justify-content:center;align-items:center;min-height:220px}
.sk-prev canvas{max-width:100%;height:auto;box-shadow:0 2px 12px rgba(19,32,63,.2);border-radius:3px}
.sk-prev.sk-trans canvas{box-shadow:none;outline:1px dashed #c3cbe0}
.sk-sum{font-size:.9rem;color:var(--navy);margin:10px 0 0;font-weight:600}
.sk-lock{display:flex;gap:10px;align-items:flex-start;background:#fff8e8;border:1px solid #f3d48a;border-radius:12px;padding:10px 12px;margin-top:12px;font-size:.88rem;color:#5b4100}
.sk-lock b{color:#3d2b00}
.sk-hero{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sk-hero span{background:#eef3f9;color:var(--navy);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600}
.sk-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.sk-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font:inherit;font-size:.8rem;cursor:pointer;color:var(--navy);line-height:1.2}
.sk-chips button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.sk-sw{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}.sk-sw button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}
.sk-sw button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--navy)}.sk-sw input[type=color]{width:38px;height:32px;border:1px solid var(--line);border-radius:8px;padding:2px;background:#fff}
.sk-logo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sk-logo input[type=file]{flex:1 1 180px;min-width:0;font-size:.85rem}
.sk-check{display:flex;gap:8px;align-items:center;font-size:.9rem;margin:0 0 10px;color:var(--navy)}.sk-check input{width:18px;height:18px}
details.sk-more{border:1px dashed var(--line);border-radius:12px;padding:8px 12px;margin:4px 0 12px}details.sk-more summary{cursor:pointer;font-weight:600;color:var(--navy);font-size:.92rem}
.sk-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;max-height:220px;overflow:auto;padding:2px;margin:0 0 10px}
.sk-icons button{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;padding:8px;display:grid;place-items:center;color:var(--navy)}
.sk-icons button svg{width:100%;height:100%}.sk-icons button[aria-pressed="true"]{border-color:var(--navy);background:#eef3f9;box-shadow:0 0 0 1px var(--navy)}
.sk-icons button.sk-none{font-size:.7rem;font-weight:600}
.sk-table{overflow:auto;border:1px solid var(--line);border-radius:10px;margin:0 0 10px}
.sk-table table{border-collapse:collapse;min-width:100%}.sk-table td,.sk-table th{border:1px solid #e3e8f1;padding:0}
.sk-table input{width:100%;min-width:62px;border:0;padding:8px 6px;font:inherit;font-size:.88rem;text-align:center;background:transparent}
.sk-table th input{font-weight:700;background:#f4f7fb}.sk-table td:first-child input{font-weight:700}
.sk-tblbtns{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.x-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:999px;font-size:.88rem;z-index:80;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90vw;text-align:center}
.x-toast.show{opacity:1}
.x-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s3)}
.sk-steps{margin:0;padding-left:20px}.sk-steps li{margin:0 0 8px}
.sk-lockline .sk-lt{font-size:.8rem;color:#4b5874;margin:-4px 0 10px;line-height:1.45}
.sk-kitbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(120deg,#13203f,#1d46a8);color:#fff;border-radius:14px;padding:10px 14px;margin:0 0 var(--s3);font-size:.88rem}
.sk-kitbar b{color:#ffd77a}.sk-kitbar a{color:#fff;font-weight:700;white-space:nowrap}
@media (max-width:520px){.x-row{grid-template-columns:1fr 1fr;gap:8px}}