:root{--ink:#0f172a;--text:#334155;--muted:#64748b;--success:#22c55e;--primary:#f05128;--border:#e5e7eb;--chip:#f1f5f9;--card:#fff;--shadow:0 12px 30px rgba(2,6,23,.06);--radius:18px}.std-title{text-align:center;color:var(--ink);font-weight:800;letter-spacing:-.02em;font-size:clamp(36px,6vw,56px);margin:0 0 .35rem}.std-text p{text-align:center;color:var(--muted);font-size:clamp(14px,1.2vw,17px);margin:.2rem 0 1.1rem}.form-detector{margin-top:1rem}.form-detector .std-row{max-width:980px;margin:0 auto}.form-detector .std-pop{display:flex;align-items:center;gap:14px}.form-detector .std-pop>.std-el:first-of-type{flex:0 1 70%}.form-detector .std-pop>.std-el:last-of-type{flex:0 1 30%;display:flex;justify-content:flex-start}.find-theme{width:100%;height:56px;padding:0 18px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--ink);font-size:16px;box-shadow:0 1px 0 #fff inset,var(--shadow);transition:border-color .2s,box-shadow .2s}.find-theme::placeholder{color:#9aa6b2}.find-theme:focus{outline:none;border-color:rgba(34,197,94,.55);box-shadow:0 0 0 5px rgba(34,197,94,.12),var(--shadow)}#detector,.std-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:56px;padding:0 22px;border-radius:999px;border:none;text-decoration:none;background:var(--success);color:#fff;font-weight:700;font-size:16px;box-shadow:0 8px 18px rgba(34,197,94,.25);transition:transform .06s,filter .2s,box-shadow .2s}#detector:hover{filter:saturate(1.06);box-shadow:0 10px 22px rgba(34,197,94,.28)}#detector:active{transform:translateY(1px)}#detector[aria-disabled=true]{opacity:.7;pointer-events:none}#detector.is-loading{position:relative;color:transparent}#detector.is-loading:after{content:"";width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin 1s linear infinite;display:block}@keyframes spin{to{transform:rotate(360deg)}}.hide{display:none !important}.result-detect{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-top:18px}.result-detect .std-row{max-width:1120px;margin:0 auto;display:grid;align-items:center;gap:20px;grid-template-columns:96px 1fr auto}.result-detect .std-row:before{content:"";width:96px;height:96px;border-radius:16px;background:var(--chip) url("http://stage5.fayyazfreelancer.com/wp-content/uploads/2025/10/shopify-bag.png") center/58% no-repeat;border:1px solid var(--border)}.result-detect .std-text:first-of-type .std-container{color:transparent;font-size:0;line-height:0;position:relative;padding-top:2px}.result-detect .std-text:first-of-type .std-container:before{content:"Shopify Theme found";display:block;color:var(--muted);font:600 13px/1.2 Inter,system-ui,Segoe UI,Roboto,Arial;margin-bottom:6px}.detect-rs{display:block;color:var(--ink);font-weight:800;letter-spacing:-.02em;font-size:clamp(22px,3.2vw,28px);line-height:1.15;margin:0}.rs-success .std-container{color:var(--muted);font-size:14px;line-height:1.45;margin-top:2px}.rs-success .detect-res{color:var(--ink);font-weight:700}.view-theme{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 18px;border-radius:12px;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 8px 18px rgba(240,81,40,.18);transition:filter .2s,box-shadow .2s,transform .06s}.view-theme:hover{filter:saturate(1.06);box-shadow:0 10px 22px rgba(240,81,40,.22)}.view-theme:active{transform:translateY(1px)}@media (max-width:900px){.form-detector .std-pop>.std-el:first-of-type{flex-basis:65%}.form-detector .std-pop>.std-el:last-of-type{flex-basis:35%}}@media (max-width:680px){.form-detector .std-pop{flex-direction:column}.form-detector .std-pop>.std-el{flex:1 1 100%;width:100%}#detector{width:100%}.result-detect .std-row{grid-template-columns:72px 1fr;gap:14px}.result-detect .std-row:before{width:72px;height:72px;border-radius:12px;background-size:60%}}