@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Serif+Display&display=swap";@font-face{font-family:Hindi_Font;src:url(/Hindi_Type.ttf)format("truetype")}.main-grid{grid-template-columns:auto 1fr;align-items:start;gap:40px;display:grid}@media (width<=860px){.main-grid{grid-template-columns:1fr}.main-grid>:first-child{justify-content:center;display:flex}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0f;--bg-2:#131316;--bg-3:#1a1a1f;--surface:#1e1e24;--surface-2:#26262e;--border:#ffffff12;--border-hover:#ffffff26;--text:#f0f0f5;--text-2:#9090a0;--text-3:#606070;--accent:#7c6af7;--accent-2:#a58bff;--accent-glow:#7c6af74d;--gold:#e8c97d;--gold-glow:#e8c97d33;--danger:#ff4d6d;--success:#4ade80;--paper-bg:#fafaf8;--paper-lines:#6464c81f;--paper-margin:#dc646466;--ink:#000f55;--font-ui:"Inter", system-ui, sans-serif;--font-display:"DM Serif Display", serif;--font-hand:"Homemade Apple", cursive;--radius:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 24px 64px #000000b3;--glow-accent:0 0 40px #7c6af726;--ease:cubic-bezier(.4, 0, .2, 1);--transition:.2s var(--ease);--transition-lg:.4s var(--ease)}body.light{--bg:#f7f6f4;--bg-2:#f0efe9;--bg-3:#e8e6e0;--surface:#fff;--surface-2:#f4f3ef;--border:#00000014;--border-hover:#00000029;--text:#1a1a1a;--text-2:#555560;--text-3:#999aaa;--accent:#5b4ad4;--accent-2:#7c6af7;--accent-glow:#5b4ad426;--gold:#b5922e;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 32px #0000001f;--shadow-lg:0 24px 64px #0000002e;--glow-accent:0 0 40px #5b4ad414}html{scroll-behavior:smooth}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;transition:background var(--transition-lg), color var(--transition-lg);font-size:14px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.1}h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}small{font-size:.75rem}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);background:#ffffff0a}body.light .glass{background:#ffffffb3}.btn{border-radius:var(--radius);font-family:var(--font-ui);cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{background:var(--accent-2);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-hover)}.btn-danger{color:var(--danger);background:0 0;border:1px solid #ff4d6d4d}.btn-danger:hover{background:#ff4d6d14}.btn-gold{background:linear-gradient(135deg, var(--gold), #f0d9a0);color:#1a1200;box-shadow:0 4px 16px var(--gold-glow);font-weight:600}.btn-gold:hover{box-shadow:0 8px 24px var(--gold-glow);transform:translateY(-1px)}.btn-lg{border-radius:var(--radius-lg);padding:14px 32px;font-size:1rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px;font-size:.7rem;font-weight:600;display:block}select,input[type=number],input[type=text]{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-ui);transition:border-color var(--transition), box-shadow var(--transition);appearance:none;padding:9px 12px;font-size:.875rem}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239090a0' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;padding-right:32px}select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}option{background:var(--bg-3);color:var(--text)}fieldset{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-top:24px;padding:20px;position:relative}legend{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);background:0 0;padding:0;font-size:.75rem;font-weight:700;position:absolute;top:-24px;left:0;transform:none}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}input[type=file]{border:1.5px dashed var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-2);background:0 0;padding:8px 12px;font-size:.8rem}input[type=file]:hover{border-color:var(--accent);color:var(--text)}input[type=file]::file-selector-button{display:none}.toggle-wrap{justify-content:space-between;align-items:center;display:flex}.toggle-wrap label{text-transform:none;color:var(--text-2);letter-spacing:0;margin:0;font-size:.8rem;font-weight:500}.toggle{flex-shrink:0;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--surface-2);border:1px solid var(--border);transition:all var(--transition);cursor:pointer;border-radius:12px;position:absolute;inset:0}.toggle input:checked~.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-thumb{width:16px;height:16px;transition:transform var(--transition);pointer-events:none;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.toggle input:checked~.toggle-thumb{transform:translate(20px)}.postfix-wrap{position:relative}.postfix-wrap:after{content:attr(data-unit);color:var(--text-3);pointer-events:none;font-size:.7rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.postfix-wrap input{padding-right:32px}.paper{background:var(--paper-bg);width:400px;height:563.855px;font-family:var(--font-hand);color:var(--ink);box-shadow:var(--shadow-lg), 0 0 0 1px #0000000f;scrollbar-width:thin;scrollbar-color:transparent transparent;border-radius:4px;font-size:10pt;line-height:1.5em;position:relative;overflow:hidden auto}.paper::-webkit-scrollbar{width:0}.paper-content{outline:none;width:100%;min-height:100%;padding:10px}.paper-content:focus{outline:none}.paper.show-lines .paper-content{background-image:linear-gradient(var(--paper-lines) .05em, transparent .1em);background-size:100% 1.5em}.paper-top-margin{border-bottom:1.5px solid var(--paper-margin);height:50px;display:none}.paper-left-margin{border-right:1.5px solid var(--paper-margin);pointer-events:none;width:50px;display:none;position:absolute;top:0;bottom:0;left:0}.paper.show-margin .paper-top-margin,.paper.show-margin .paper-left-margin{display:block}.paper.show-margin .paper-content{padding-left:58px}.paper-overlay{pointer-events:none;border-radius:4px;display:none;position:absolute;inset:0}.paper-overlay.active{display:block}.output-empty{color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.output-empty svg{opacity:.3}.output-grid{scrollbar-width:thin;gap:20px;padding:16px 0;display:flex;overflow-x:auto}.output-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:transform var(--transition), box-shadow var(--transition);flex-shrink:0;position:relative;overflow:hidden}.output-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.output-card img{width:260px;display:block}.output-card-actions{background:var(--surface);flex-wrap:wrap;justify-content:center;gap:6px;padding:10px;display:flex}.output-card-remove{color:#fff;cursor:pointer;width:28px;height:28px;transition:background var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:8px;right:8px}.output-card-remove:hover{background:var(--danger)}.draw-popup{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;animation:fadeIn .2s var(--ease);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.draw-popup-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:95vw;max-width:900px;box-shadow:var(--shadow-lg);gap:24px;padding:28px;display:flex}.draw-popup canvas{border-radius:var(--radius);cursor:crosshair;border:1px solid var(--border);display:block}.draw-popup-controls{flex-direction:column;gap:10px;min-width:160px;display:flex}.section{border-top:1px solid var(--border);margin-top:48px;padding-top:48px}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:20px;font-size:.7rem;font-weight:700}.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;overflow:hidden}.faq-q{cursor:pointer;transition:background var(--transition);background:var(--surface);justify-content:space-between;align-items:center;padding:16px 20px;font-weight:500;display:flex}.faq-q:hover{background:var(--surface-2)}.faq-a{color:var(--text-2);border-top:1px solid var(--border);background:var(--bg-2);padding:16px 20px;font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:slideUp .4s var(--ease) both}.btn-generating{pointer-events:none;position:relative;overflow:hidden}.btn-generating:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000) 0 0/200% 100%;animation:1.2s infinite shimmer;position:absolute;inset:0}@media (width<=900px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.draw-popup-inner{flex-direction:column}.paper{width:340px}}@media (width<=640px){.grid-3{grid-template-columns:1fr}.paper{width:300px}}