:root{font-family:Inter,system-ui,sans-serif;color:var(--tg-theme-text-color,#10233d);background:var(--tg-theme-bg-color,#eef4f9);--blue:var(--tg-theme-button-color,#1478c9);--surface:var(--tg-theme-secondary-bg-color,#fff);--muted:var(--tg-theme-hint-color,#53677e)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh}main{width:min(680px,100%);margin:auto;padding:20px 16px 36px}.hero{padding:12px 4px}.hero b{color:var(--blue);letter-spacing:.1em}.hero h1{font-size:clamp(1.8rem,8vw,2.8rem);line-height:1.05;margin:.3em 0}.hero p,p,small,footer{line-height:1.45;color:var(--muted)}h2{margin:0 0 12px;font-size:1.2rem}section{margin:16px 0;padding:18px;border-radius:20px;background:var(--surface);box-shadow:0 8px 30px #16324f0d}.tabs{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:color-mix(in srgb,var(--tg-theme-bg-color,#eef4f9) 90%,transparent);backdrop-filter:blur(12px)}button,.file-button{min-height:46px;padding:12px 14px;border:0;border-radius:13px;background:var(--blue);color:var(--tg-theme-button-text-color,#fff);font:inherit;font-weight:750;text-align:center;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.tab,.filter,.secondary{background:#dce8f2;color:#183b5d}.tab.active,.filter.active{background:var(--blue);color:#fff}.status{margin:10px 4px;padding:10px 12px;border-left:4px solid var(--blue);background:#fff;border-radius:8px}.form{display:grid;gap:14px}label{display:grid;gap:7px;font-weight:700}input,select{width:100%;padding:13px;border:1px solid #b8c8d8;border-radius:12px;background:#fff;color:#10233d;font:inherit}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.file-button{display:block}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.camera-stage{position:relative;overflow:hidden;border-radius:16px;background:#101820}.camera-stage video{display:block;width:100%;height:auto}#detection-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.camera-guide{position:absolute;z-index:2;inset:12px 12px auto;padding:9px;border:1px dashed #fff9;border-radius:10px;color:#fff;background:#0008;text-align:center}.camera-stage button{position:absolute;z-index:2;inset:auto 12px 12px;width:calc(100% - 24px)}#photo-canvas{display:block;width:100%;height:auto;border:2px solid #9db4c8;border-radius:14px;background:#17212b;touch-action:none}.step{font-weight:750;color:#183b5d}.filters{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.filter{min-height:38px;padding:8px 13px;white-space:nowrap}.catalog-grid{display:grid;gap:12px}.catalog-card{padding:15px;border:2px solid transparent;border-radius:16px;background:#f4f8fb}.catalog-card.selected{border-color:var(--blue);background:#eaf5ff}.catalog-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.catalog-card h3{margin:0;font-size:1.08rem}.badge{padding:4px 8px;border-radius:999px;background:#dce8f2;color:#31506b;font-size:.75rem;font-weight:800}.catalog-card dl{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;margin:10px 0;font-size:.87rem}.catalog-card dt{color:var(--muted)}.catalog-card dd{margin:0;font-weight:650}.catalog-card .quality{font-size:.78rem}.catalog-card button{width:100%;margin-top:8px}.checkout{border:2px solid #b8dafa}.checkout button{width:100%}footer{padding:12px 4px;font-size:.82rem}@media(max-width:420px){.action-row{grid-template-columns:1fr}.hero h1{font-size:2rem}}