:root{--ivory: #fbf8f3;--wall: #ffffff;--ink: #2b2420;--clay: #7a6f66;--line: #eae3da;--terra: #c65d3b;--terra-deep: #9e4328;--terra-tint: #f7e8e2;--saffron: #e9b44c;--saffron-tint: #fbf1d8;--wa: #25d366;--red: #b3261e;--red-tint: #fbe7e5;--radius: 16px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--nastaliq: "Noto Nastaliq Urdu", serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);font-size:15px;line-height:1.45;color:var(--ink);background:var(--ivory);-webkit-tap-highlight-color:transparent}html[lang=ur] body{font-family:var(--nastaliq),var(--font);line-height:1.9}html[lang=ur] input,html[lang=ur] textarea,html[lang=ur] select,html[lang=ur] button{font-family:var(--nastaliq),var(--font)}a{color:var(--terra);text-decoration:none}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:17px}p{margin:0 0 10px}.muted{color:var(--clay)}.small{font-size:13px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.ltr{direction:ltr;unicode-bidi:isolate}.awning{height:6px;background:repeating-linear-gradient(90deg,var(--terra) 0 24px,var(--ivory) 24px 48px);border-bottom:1px solid var(--terra-deep)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;max-width:1120px;margin:0 auto}.word{font-size:19px;font-weight:700;letter-spacing:-.02em;font-family:var(--font)}.word b{color:var(--terra)}.tabs{display:flex;gap:4px;background:var(--wall);border:1px solid var(--line);border-radius:999px;padding:4px}.tabs button{font:inherit;border:0;background:none;padding:7px 14px;border-radius:999px;color:var(--ink);cursor:pointer;font-weight:600}.tabs button.on{background:var(--terra);color:#fff}.page{max-width:1120px;margin:0 auto;padding:8px 16px 48px}.head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px;flex-wrap:wrap}.head p{margin:2px 0 0;color:var(--clay)}.card{background:var(--wall);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stack>*+*{margin-top:14px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grow{flex:1;min-width:0}.btn{font:inherit;font-weight:600;border:1px solid var(--line);background:var(--wall);color:var(--ink);border-radius:14px;padding:11px 16px;cursor:pointer;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:var(--ivory)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--terra);border-color:var(--terra);color:#fff}.btn.primary:hover{background:var(--terra-deep)}.btn.wa{background:var(--wa);border-color:var(--wa);color:#fff}.btn.danger{color:var(--red);border-color:#efc7c3}.btn.small{min-height:34px;padding:5px 12px;border-radius:10px;font-size:13px}.btn.full{width:100%}.btn.ghost{border-color:transparent;background:none}input,select,textarea{font:inherit;color:var(--ink);background:var(--wall);border:1px solid var(--line);border-radius:12px;padding:11px 13px;width:100%;min-height:46px}input:focus,select:focus,textarea:focus{outline:2px solid var(--terra-tint);border-color:var(--terra)}textarea{min-height:84px;resize:vertical}label.field{display:block;margin-bottom:14px}label.field>span{display:block;font-size:13px;color:var(--clay);margin-bottom:5px}label.field .hint{display:block;font-size:12px;margin-top:4px;color:var(--clay)}label.field .hint.bad{color:var(--red)}.pw{position:relative}.pw input{padding-inline-end:48px}.pw .eye{position:absolute;top:0;bottom:0;inset-inline-end:4px;width:42px;border:0;background:none;color:var(--clay);cursor:pointer;display:grid;place-items:center;border-radius:10px}.pw .eye:hover{color:var(--terra-deep)}label.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer;background:var(--wall)}label.pill:has(input:checked){border-color:var(--terra);background:var(--terra-tint);color:var(--terra-deep);font-weight:600}label.pill input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--terra)}label.check{display:flex;align-items:flex-start;gap:10px;padding:10px 0;cursor:pointer}label.check input{width:20px;height:20px;min-height:0;margin:2px 0 0;accent-color:var(--terra)}label.check .sub{display:block;font-size:13px;color:var(--clay)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.linkbox{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;direction:ltr}.linkbox .pre{padding:11px 10px 11px 13px;color:var(--clay);background:var(--ivory);white-space:nowrap;font-size:14px}.linkbox input{border:0;border-radius:0;padding-left:4px}.linkbox input:focus{outline:none}.note{padding:10px 14px;border-radius:12px;margin-bottom:14px}.note.error{background:var(--red-tint);color:var(--red)}.note.ok{background:var(--terra-tint);color:var(--terra-deep)}.note.warn{background:var(--saffron-tint);color:#7a5a12}.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 560px){.pgrid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 820px){.pgrid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1100px){.pgrid{grid-template-columns:repeat(5,1fr)}}.pcard{background:var(--wall);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;text-align:start;padding:0;font:inherit;color:inherit;position:relative}.pcard .ph{aspect-ratio:3 / 4;background:var(--ivory);display:block;width:100%;object-fit:cover}.pcard.off .ph{filter:grayscale(1);opacity:.6}.pcard .pb{padding:10px 12px 12px}.pcard .n{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard .pr{font-weight:700;margin-top:4px}.pcard .pr s{color:var(--clay);font-weight:400;margin-inline-end:6px}.pcard .tag{position:absolute;top:8px;inset-inline-start:8px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.pcard .tag.hid{background:var(--clay)}.pcard .tag.new{background:var(--saffron);color:var(--ink)}.pcard .move{position:absolute;top:6px;inset-inline-end:6px;display:flex;gap:4px}.pcard .move button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#ffffffeb;cursor:pointer;font-size:13px}.add-tile{border:2px dashed var(--line);border-radius:var(--radius);min-height:160px;display:flex;align-items:center;justify-content:center;color:var(--terra);font-weight:600;background:none;font:inherit;cursor:pointer}.empty{text-align:center;padding:40px 20px}.empty h2{margin-bottom:6px}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0 6px}.photos .pt{position:relative;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--ivory)}.photos .pt img{width:100%;height:100%;object-fit:cover;display:block}.photos .pt .x,.photos .pt .first{position:absolute;border:0;background:#2b2420cc;color:#fff;cursor:pointer;font-size:12px;font-family:var(--font)}.photos .pt .x{top:4px;right:4px;width:24px;height:24px;border-radius:50%}.photos .pt .first{left:4px;bottom:4px;border-radius:999px;padding:2px 8px}.photos .pt.one:after{content:"1";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:var(--saffron);color:var(--ink);font-size:12px;font-weight:700;display:grid;place-items:center;font-family:var(--font)}.photos .add{aspect-ratio:3 / 4;border:2px dashed var(--line);border-radius:10px;display:grid;place-items:center;color:var(--terra);font-weight:600;cursor:pointer;background:none;font:inherit;font-size:13px;text-align:center;padding:6px}.photos .pt.busy{opacity:.5}.logo{width:72px;height:72px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:var(--ivory);display:grid;place-items:center;color:var(--clay);font-size:24px;font-weight:700;font-family:var(--font)}.auth{min-height:calc(100vh - 7px);display:grid;grid-template-columns:1fr;align-content:start}.auth-right h2{font-size:20px;margin-bottom:14px}.form-logo{display:flex;justify-content:center;padding:4px 0 20px;margin-bottom:18px;border-bottom:1px solid var(--line)}@media (min-width: 900px){.form-logo{justify-content:flex-start;padding-top:0}}.auth-left{padding:28px 20px 8px}.auth-right{padding:8px 20px 40px}.auth .tag{color:var(--clay);font-weight:600;font-size:15px}.auth .story{margin-top:32px}.auth h1{font-size:clamp(26px,1.6vw + 14px,40px);line-height:1.15;margin-bottom:12px;letter-spacing:-.02em}.auth .lead{color:var(--clay);font-size:16px;margin-bottom:18px}.auth .card{padding:22px 20px;max-width:440px;margin:0 auto}.auth .gbtn{min-height:44px;display:flex;justify-content:center;margin-bottom:10px}.auth .fb{background:#1877f2;border-color:#1877f2;color:#fff}.auth .terms{font-size:12px;color:var(--clay);margin-top:14px}.auth .foot{margin-top:16px;text-align:center}.benefits{display:none;gap:14px;margin:22px 0 0;padding:0;list-style:none}.benefits li{display:flex;gap:12px;align-items:flex-start}.benefits .ic{flex:none;width:36px;height:36px;border-radius:10px;background:var(--terra-tint);color:var(--terra-deep);display:grid;place-items:center;font-weight:700;font-family:var(--font)}.benefits strong{display:block}.benefits span{color:var(--clay);font-size:14px}.mock{display:none;width:300px;background:var(--wall);border:1px solid var(--line);border-radius:26px;padding:10px;box-shadow:0 18px 40px #2b242014;direction:ltr;font-family:var(--font)}.mock .screen{background:var(--ivory);border-radius:18px;overflow:hidden}.mock .awning{height:5px;background-size:24px 5px}.mock .hd{display:flex;align-items:center;gap:10px;padding:12px 12px 8px}.mock .lg{width:34px;height:34px;border-radius:10px;background:var(--terra);color:#fff;display:grid;place-items:center;font-weight:700}.mock .hd b{display:block;font-size:14px}.mock .hd small{color:var(--clay);font-size:11px}.mock .hd .w{margin-left:auto;background:var(--wa);color:#fff;font-size:11px;font-weight:700;padding:5px 9px;border-radius:999px}.mock .chips{display:flex;gap:6px;padding:0 12px 8px}.mock .chips i{font-style:normal;font-size:10px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--clay)}.mock .chips i.on{background:var(--ink);color:#fff;border-color:var(--ink)}.mock .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}.mock .it{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.mock .it .ph{aspect-ratio:3 / 4}.mock .it .nm{font-size:11px;padding:6px 8px 0;color:var(--ink)}.mock .it .pr{font-size:12px;font-weight:700;padding:1px 8px 7px}.mock .it .pr s{color:var(--clay);font-weight:400;margin-right:4px}.mock .it .nw{position:absolute;top:6px;left:6px;background:var(--saffron);color:var(--ink);font-size:9px;font-weight:700;padding:1px 6px;border-radius:999px}.mock .link{text-align:center;font-size:11px;color:var(--clay);padding:8px 0 2px}.mock .link b{color:var(--terra-deep)}@media (min-width: 900px){.auth{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-content:stretch}.auth-left{padding:48px 48px 48px 5vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 15%,var(--terra-tint) 0,transparent 38%),var(--ivory);border-right:1px solid var(--line)}.auth-right{display:flex;flex-direction:column;justify-content:center;padding:48px 5vw 48px 56px;background:var(--wall)}.auth-right .card{border:0;padding:0;max-width:440px;margin:0}.auth .lead{max-width:560px}.benefits{display:flex;flex-direction:column;max-width:560px}.auth .story{display:flex;gap:48px;align-items:flex-start}.auth .story>div:first-child{flex:1;min-width:300px}.mock{flex:none}}@media (min-width: 1180px){.mock{display:block;width:clamp(240px,17vw,300px)}.auth .foot{text-align:left}}@media (min-width: 1600px){.auth-left{padding-left:10vw}.auth-right{padding-right:10vw}}.langs{display:flex;gap:6px}.langs button{font:inherit;font-size:13px;border:1px solid var(--line);background:var(--wall);border-radius:999px;padding:4px 11px;cursor:pointer;color:var(--ink)}.langs button.on{border-color:var(--terra);color:var(--terra-deep);background:var(--terra-tint)}.qr{display:inline-block;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px}.qr svg{display:block}.preview{width:100%;max-width:400px;height:640px;border:1px solid var(--line);border-radius:24px;background:#fff}.sheet-head{display:flex;align-items:center;gap:10px;margin:6px 0 14px}.sheet-head h1{flex:1}.make{max-width:560px;margin:0 auto}.make-form .card.verify{border-color:var(--terra);margin-bottom:16px}.make-preview{display:none}.step-head{display:flex;align-items:center;gap:10px}.step-head i,.steps i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;font-family:var(--font);background:var(--terra);color:#fff}.steps{list-style:none;margin:18px 0 20px;padding:0;display:grid;gap:10px}.steps li{display:flex;align-items:center;gap:12px;color:var(--clay)}.steps li i{background:var(--wall);color:var(--clay);border:1px solid var(--line)}.steps li.on{color:var(--ink);font-weight:600}.steps li.on i{background:var(--terra);border-color:var(--terra);color:#fff}.steps li.done{color:var(--ink)}.steps li.done i{background:var(--terra-tint);border-color:var(--terra-tint);color:var(--terra-deep)}.steps small{display:block;font-weight:400;color:var(--clay);font-size:12px}@media (min-width: 900px){.make{max-width:none;display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,600px);gap:48px;align-items:start;padding-top:12px}.make-side{position:sticky;top:20px}.make-side .muted{max-width:380px}.make-preview{display:block;margin-top:28px}.make-preview p{margin-bottom:10px}.make .mock{display:block;width:clamp(240px,18vw,300px)}.make-form{min-width:0}}@media (max-width: 480px){.grid2{grid-template-columns:1fr}.tabs button{padding:7px 11px;font-size:14px}.page{padding-bottom:72px}}@media print{.awning,.topbar,.no-print{display:none!important}}