:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111315;background:#f5f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f5f5f2;color:#111315}button,input,textarea,select{font:inherit}.topbar{height:72px;padding:0 max(18px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e6e1;position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center;color:#111315;text-decoration:none}.brand span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#111315;color:#fff;font-weight:900}.brand strong{font-size:17px}.page{width:min(100% - 28px,920px);margin:0 auto;padding:32px 0 64px}.intro{max-width:680px;margin-bottom:22px}.eyebrow{margin:0 0 7px;font-size:11px;letter-spacing:.13em;font-weight:800;color:#e76f19}.intro h1{font-size:clamp(30px,6vw,48px);line-height:1.03;margin:0 0 12px}.intro>p:last-child{margin:0;color:#656a64;line-height:1.55}.product,.form-card,.progress-card,.result-card,.error-card{background:#fff;border:1px solid #e2e3de;border-radius:20px;box-shadow:0 8px 30px rgba(17,19,21,.04)}.product{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:18px;margin-bottom:18px}.product img{width:150px;height:150px;object-fit:contain;background:#f4f5f1;border-radius:15px}.product-copy h2{margin:0 0 6px;font-size:20px}.product-copy p{margin:0;color:#6c716b}.product-copy strong{display:block;margin-top:10px;font-size:19px}.skeleton{background:linear-gradient(90deg,#eee,#f7f7f5,#eee);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:12px}.skeleton.media{width:150px;height:150px}.skeleton.line{height:20px;width:72%;margin-bottom:12px}.skeleton.line.short{width:42%}@keyframes shimmer{to{background-position:-200% 0}}.form-card{padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:2px 0 17px}.section-title:not(:first-child){margin-top:30px;padding-top:24px;border-top:1px solid #ecece8}.section-title h2{margin:0;font-size:21px}.section-title span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#111315;color:#fff;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.grid label,.wide-block{display:grid;gap:7px;font-size:12px;font-weight:700;color:#494e48}.grid .wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #d8dad5;background:#fff;border-radius:11px;padding:12px 13px;color:#111315;outline:none;transition:.15s}textarea{resize:vertical;min-height:84px}input:focus,textarea:focus,select:focus{border-color:#111315;box-shadow:0 0 0 3px rgba(17,19,21,.07)}.wide-block{margin-top:13px}.upload{margin-top:13px;min-height:82px;border:1px dashed #c8cbc5;border-radius:13px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;background:#fafbf8}.upload span{display:grid;gap:4px}.upload b{font-size:13px}.upload small{font-size:11px;color:#70756e;font-weight:500}.upload input{width:auto;max-width:230px;padding:0;border:0;box-shadow:none}.photo-preview{margin-top:12px}.photo-preview img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid #ddd}.primary,.secondary,.ghost{border:0;border-radius:11px;min-height:44px;padding:0 17px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:#111315;color:#fff}.secondary{background:#f0f1ed;color:#111315}.ghost{background:transparent;color:#111315}.form-card>.primary{width:100%;margin-top:22px;min-height:52px;background:#e76f19}.primary:disabled{opacity:.55;cursor:wait}.privacy,.hint{color:#777c75;font-size:11px;line-height:1.5;text-align:center}.progress-card{padding:24px;display:flex;align-items:center;gap:16px}.progress-card strong{display:block;margin-bottom:4px}.progress-card p{margin:0;color:#71766f;font-size:13px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid #e5e6e1;border-top-color:#e76f19;animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.result-card{padding:24px;text-align:center}.result-card h2{margin:0 0 18px}.result-card>img{width:100%;aspect-ratio:2.5/1;object-fit:contain;background:#f4f5f1;border-radius:15px;border:1px solid #e5e6e1}.code-box{margin:18px auto 0;max-width:520px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;text-align:left;background:#f7f7f4;border-radius:12px;padding:13px 14px}.code-box span{grid-column:1/-1;font-size:10px;color:#767b74;text-transform:uppercase;letter-spacing:.09em}.code-box strong{font-size:19px;align-self:center}.code-box button{border:0;background:#fff;border-radius:9px;padding:8px 12px;font-weight:700;cursor:pointer}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.error-card{padding:22px;border-color:#f0c7c4}.error-card strong{color:#992f2c}.error-card p{color:#6e4c49}.error-card button{margin-top:8px}@media(max-width:650px){.topbar{height:62px;padding:0 14px}.brand strong{font-size:15px}.brand span{width:36px;height:36px}.ghost{padding:0 8px;font-size:12px}.page{width:min(100% - 20px,920px);padding-top:22px}.product{grid-template-columns:92px 1fr;padding:13px;gap:13px}.product img,.skeleton.media{width:92px;height:92px}.product-copy h2{font-size:16px}.product-copy strong{font-size:16px}.form-card,.result-card{padding:17px}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}.section-title h2{font-size:18px}.upload{align-items:flex-start;flex-direction:column}.upload input{max-width:100%}.actions{grid-template-columns:1fr}.result-card>img{aspect-ratio:2.2/1}}
