html,body{margin:0}body{--background-primary:#fff;--background-secondary:#f8fafc;--font-color-primary:#1e293b;--font-color-secondary:#64748b;--elevation-background:#f1f5f9;--link-color:#6366f1;--font-family-primary:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--handwriting-font:"Homemade Apple", cursive;--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#10b981;--ink-color:#000f55;--label-color:#475569;--field-borders:#e2e8f0;--primary-button-bg:#6366f1;--primary-button-color:#fff;--primary-button-hover:#4f46e5;--secondary-button-bg:#8b5cf6;--secondary-button-color:#fff;--font-color-delete:#ef4444;--delete-button-borders:#ef4444;--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--card-shadow-hover:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;width:100%;overflow-x:hidden}body.dark{--background-primary:#0f172a;--background-secondary:#1e293b;--font-color-primary:#e2e8f0;--font-color-secondary:#94a3b8;--elevation-background:#1e293b;--link-color:#818cf8;--label-color:#cbd5e1;--field-borders:#334155;--primary-button-bg:#6366f1;--primary-button-color:#fff;--primary-button-hover:#818cf8;--secondary-button-bg:#8b5cf6;--delete-button-borders:#f87171;--font-color-delete:#f87171;--card-shadow:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003}@font-face{font-family:Hindi_Font;src:url(/fonts/Hindi_Type.ttf)}*{box-sizing:border-box}body{background:linear-gradient(135deg, var(--background-primary) 0%, var(--background-secondary) 100%);color:var(--font-color-primary);font-size:1rem;font-family:var(--font-family-primary);min-height:100vh;padding:60px 100px;line-height:1.6}a{color:var(--link-color);text-decoration:none;transition:color .2s}button{background-color:var(--elevation-background);color:var(--font-color-primary);cursor:pointer;font-size:.95rem;font-weight:500;font-family:var(--font-family-primary);border:none;border-radius:8px;padding:12px 24px;transition:all .2s}button:hover{box-shadow:var(--card-shadow);transform:translateY(-1px)}button:active{transform:translateY(0)}h1{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}h2{color:var(--font-color-primary);margin-top:0;font-size:2rem;font-weight:700}h3{color:var(--font-color-primary);font-size:1.25rem;font-weight:600}label{color:var(--label-color);font-size:.75rem}label.block{padding-bottom:5px;display:block}select{color:#333;-webkit-appearance:none;-moz-appearance:none;background:url(/images/dropdown.svg) calc(100% - 14px) no-repeat;border:none;border-radius:4px;font-size:.9rem;display:block}option{color:#333}body.dark select{background:url(/images/dropdown-white.svg) calc(100% - 14px) no-repeat}input{border:1px solid var(--elevation-background);color:var(--font-color-primary);background-color:#0000;border-radius:4px;padding:8px 13px;display:block}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:none;width:100%;-moz-appearance:textfield!important}ul.info-ul{padding-left:20px}ul.info-ul>li{padding:5px}.shadow{box-shadow:12px 12px 24px #0003}.display-flex{display:flex}.display-flex.padded-flex>div{padding:0 10px}.display-flex.padded-flex>div:first-child{padding-left:unset}.flex-1{flex:1}.padding-around{padding-left:30px;padding-right:30px}.padding-up-down{padding-top:6px;padding-bottom:7px}.generate-image-section{background-color:var(--background-primary);box-shadow:var(--card-shadow);border-radius:16px;padding:20px;font-size:1rem}.generate-image-button{background:linear-gradient(135deg, var(--primary-button-bg) 0%, var(--secondary-button-bg) 100%);color:var(--primary-button-color);box-shadow:var(--card-shadow);border-radius:12px;padding:16px 48px;font-size:1.1rem;font-weight:600;transition:all .3s}.generate-image-button:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.imp-button{background-color:var(--primary-button-bg);color:var(--primary-button-color);border:2px solid var(--primary-button-bg);padding:14px 32px;font-weight:600}.imp-button:hover{background-color:var(--primary-button-hover);border-color:var(--primary-button-hover)}.delete-button{color:var(--font-color-delete);border:2px solid var(--delete-button-borders);background-color:#0000;padding:14px 32px;font-weight:600}.delete-button:hover{background-color:var(--font-color-delete);color:#fff}.customization-col{background-color:var(--background-secondary);border-radius:12px;margin-left:20px;padding:0 40px!important}.left-margin-and-content{min-height:calc(100% - 50px)}.sponsor-name-section{padding:50px 0}.sponsor-container{color:var(--font-color-primary);display:inline-block}.sponsor-title{text-align:center;font-size:1.6rem;font-weight:700;display:block}.page-a{border:1px solid var(--elevation-background);width:400px;height:563.855px;font-size:10pt;font-family:var(--handwriting-font);color:var(--ink-color);scrollbar-color:transparent;scrollbar-width:thin;background:#fff;line-height:1.5em;position:relative;top:0;overflow-y:auto}.paper-content{width:100%;margin:10px}.page-a.lines .paper-content{background-image:linear-gradient(#999 .05em,#0000 .1em);background-size:100% 1.5em;background-color:unset!important}.margined .paper-content{margin:0;padding:5px 5px 5px 55px}.left-margin,.top-margin{display:none}.margined .top-margin{border-bottom:2px solid pink;width:100%;height:50px;display:block;overflow-y:auto}.margined .left-margin{border-right:2px solid pink;width:50px;height:100%;padding-top:50px;display:inline-block;position:absolute;top:0;left:0;overflow-x:hidden}.overlay{width:100%;height:100%;display:none;position:absolute;top:0;left:0}.overlay.shadows{display:block}.output{white-space:nowrap;border:2px solid var(--field-borders);background-color:var(--background-secondary);width:100%;box-shadow:var(--card-shadow);border-radius:16px;padding:40px;overflow-x:auto}.output .close-button{color:#fff;background-color:#333;border-radius:100%;padding:4px 10px;font-size:15pt;font-weight:700;position:absolute;top:-11px;right:-3px}.download-image-button{text-align:center;color:#ccc;background-color:#1d1d1d;border-radius:8px;margin-top:10px;padding:10px 15px;font-size:.9rem;font-weight:700;display:inline-block}#download-as-pdf-button{display:none}#download-as-pdf-button.show{display:inline-block}#delete-all-button{display:none}#delete-all-button.show{display:inline-block}.output img{width:300px;margin:0 10px}#faq p{overflow-wrap:break-word;width:100%;overflow:hidden}#covid-donations ul li{padding:5px 0}.donations-list{text-align:center;padding:58px 0}@media (max-width:768px){body{padding:40px 16px}h1{margin-top:20px;font-size:2.5rem}.padding-around{padding-left:5px;padding-right:5px}.display-flex.responsive-flex{flex-direction:column}.customization-col{margin-top:20px;margin-left:0!important;padding:20px 16px!important}.page-container{width:100%;overflow-x:scroll}.page-container-super{flex-direction:column;display:flex}.output img{width:200px;margin:0 10px}.generate-image-button{padding:14px 32px;font-size:1rem}}fieldset{border:2px solid var(--field-borders);background-color:var(--background-primary);border-radius:12px;margin-top:20px;padding:20px 24px;transition:border-color .2s}legend{color:var(--font-color-primary);padding:0 10px;font-size:.9rem;font-weight:600}select,input{border:2px solid var(--field-borders);width:100%;color:var(--font-color-primary);font-family:var(--font-family-primary);border-radius:8px;padding:12px 36px 12px 14px;transition:all .2s}select:focus,input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6366f11a}input[type=file]::-webkit-file-upload-button{display:none}input[type=file]:before{content:"Choose File";background-color:var(--background-primary);white-space:nowrap;-webkit-user-select:none;cursor:pointer;display:inline-block}.postfix-input{position:relative}.postfix-input label{margin-bottom:5px;display:block}.postfix-input:after{content:attr(data-postfix);font-size:12px;position:absolute;bottom:12px;right:25px}.upload-handwriting-container{margin-top:-10px}.experimental{opacity:.8;cursor:not-allowed}.category-grid{grid-gap:10px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}@media (max-width:768px){.category-grid{grid-auto-rows:1fr;grid-auto-flow:row}}@media (max-width:430px){.delete-button{margin-top:10px}}body{--background-primary:#f8fafc;--background-secondary:#e2e8f0;--font-color-primary:#020617;--font-color-secondary:#475569;--elevation-background:#f8fafc;--link-color:#475569;--font-family-primary:system-ui, -apple-system, "Segoe UI", sans-serif;--primary-color:#475569;--secondary-color:#0f172a;--accent-color:#16a34a;--label-color:#0f172a;--field-borders:#cbd5e1;--primary-button-bg:#475569;--primary-button-color:#f8fafc;--primary-button-hover:#0f172a;--secondary-button-bg:#e2e8f0;--secondary-button-color:#020617;--font-color-delete:#dc2626;--delete-button-borders:#dc2626;--card-shadow:8px 8px 18px #4755692e, -8px -8px 18px #ffffffeb;--card-shadow-hover:11px 11px 24px #47556938, -11px -11px 24px #fffffff5;--inset-shadow:inset 3px 3px 7px #47556929, inset -3px -3px 7px #ffffffd6;background:var(--background-primary);color:var(--font-color-primary);font-family:var(--font-family-primary);padding:48px clamp(16px,6vw,96px);font-weight:400}body.dark{--background-primary:#0f172a;--background-secondary:#1e293b;--font-color-primary:#f8fafc;--font-color-secondary:#cbd5e1;--elevation-background:#1e293b;--link-color:#cbd5e1;--label-color:#f8fafc;--field-borders:#475569;--primary-button-bg:#cbd5e1;--primary-button-color:#0f172a;--primary-button-hover:#f8fafc;--secondary-button-bg:#1e293b;--secondary-button-color:#f8fafc;--card-shadow:7px 7px 18px #00000073, -4px -4px 14px #47556933;--card-shadow-hover:10px 10px 24px #00000085, -5px -5px 18px #47556940;--inset-shadow:inset 3px 3px 7px #00000061, inset -2px -2px 6px #4755692e}::selection{color:#0f172a;text-shadow:1px 1px #f8fafc;background-color:#e2e8f0}body.dark ::selection{color:#f8fafc;text-shadow:none;background-color:#475569}section{padding:48px 0}a{color:var(--primary-color);font-weight:500}a:hover{color:var(--secondary-color)}h1,h2,h3{color:var(--font-color-primary);font-family:var(--font-family-primary);letter-spacing:0;font-weight:600}h1{-webkit-text-fill-color:currentColor;background:0 0;background-clip:unset;margin-bottom:16px;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1}h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}h3{font-size:1.125rem}button{background:var(--elevation-background);box-shadow:var(--card-shadow);color:var(--font-color-primary);border:1px solid #0000;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:600;transition:background-color .18s,box-shadow .18s,color .18s,transform .12s}button:hover:not(:disabled){box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}button:active:not(:disabled){box-shadow:var(--inset-shadow);transform:translateY(0)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[contenteditable=true]:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.generate-image-section{background:var(--background-primary);border:1px solid var(--field-borders);box-shadow:var(--card-shadow);border-radius:12px;padding:clamp(16px,3vw,32px)}.generate-image-section>br{display:none}.page-container-super,.customization-col{min-width:0}.page-container-super>div:first-child{margin-bottom:12px}.customization-col{background:var(--background-secondary);border:1px solid var(--field-borders);box-shadow:var(--card-shadow);border-radius:12px;margin-left:24px;padding:16px 24px 24px!important}.page-container{border-radius:12px;padding:16px}.page-a{border:1px solid #cbd5e1;border-radius:4px;box-shadow:5px 5px 12px #47556933}fieldset{background:var(--background-primary);border:1px solid var(--field-borders);box-shadow:var(--inset-shadow);border-radius:8px;margin-top:16px;padding:16px}fieldset:hover{border-color:var(--primary-color)}legend{background:var(--background-secondary);color:var(--font-color-primary);border-radius:4px;font-weight:600}label{color:var(--label-color);font-size:.8125rem;font-weight:600}select,input{background-color:var(--background-primary);border:1px solid var(--field-borders);box-shadow:var(--inset-shadow);color:var(--font-color-primary);border-radius:8px;min-height:44px;padding:10px 36px 10px 12px}select:focus,input:focus{border-color:var(--primary-color);box-shadow:var(--inset-shadow), 0 0 0 3px #47556940}input[type=file]:before{background:var(--background-secondary);color:var(--font-color-primary);border-radius:4px;margin-right:8px;padding:6px 8px;font-weight:600}.switch-toggle{background-color:var(--background-primary);box-shadow:var(--inset-shadow)}.switch-toggle div{background-color:var(--primary-soft,#cbd5e1);box-shadow:var(--card-shadow)}.switch-toggle input:focus+div{outline:3px solid var(--primary-color);outline-offset:3px}.switch-toggle input:checked+div{background-color:var(--primary-color)}.generate-image-button,.imp-button,.submit-button{background:var(--primary-button-bg);border-color:var(--primary-button-bg);color:var(--primary-button-color);box-shadow:6px 6px 14px #0f172a40,-4px -4px 12px #ffffff59}.generate-image-button{border-radius:8px;padding:12px 32px;font-size:1rem}.generate-image-button:hover,.imp-button:hover,.submit-button:hover{background:var(--primary-button-hover);border-color:var(--primary-button-hover);box-shadow:8px 8px 18px #0f172a47,-5px -5px 14px #fff6}.delete-button{background:var(--background-primary);border:1px solid var(--delete-button-borders);box-shadow:none;color:var(--font-color-delete)}.delete-button:hover{background:var(--font-color-delete);color:#f8fafc}.output{background:var(--background-secondary);border:1px solid var(--field-borders);box-shadow:var(--inset-shadow);color:var(--font-color-secondary);border-radius:12px}#features{border:1px solid var(--field-borders);box-shadow:var(--card-shadow);background:var(--background-secondary)!important;border-radius:12px!important}#features>div>div,#use-cases>div>div{border:1px solid var(--field-borders);transition:box-shadow .18s,transform .18s;box-shadow:var(--card-shadow)!important}#features>div>div:hover,#use-cases>div>div:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)!important}#faq>div,#how-to-add-handwriting>div{border-left:3px solid var(--primary-color);margin-top:16px;padding:16px 20px}.dark-mode-toggle{background:var(--background-primary);border:1px solid var(--field-borders);box-shadow:var(--card-shadow);border-radius:50%;min-width:44px;min-height:44px;padding:6px;top:32px;right:clamp(16px,4vw,64px)}.dark-mode-toggle:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.fade-in-dark,.fade-in-light{transition:background-color .18s,color .18s}@media (max-width:768px){body{padding:32px 16px}section{padding:32px 0}.customization-col{margin-top:24px;margin-left:0;padding:16px!important}.page-container{padding:12px 0;overflow-x:auto}.page-a{margin:0 auto}#features{margin:32px 0!important;padding:32px 16px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.output-grid{flex-wrap:wrap;align-items:flex-start;gap:24px}.page-container-super{flex:400px}.customization-col{flex:400px;margin-left:0}@media (max-width:768px){.output-grid{gap:0}}a{color:#0f172a;text-underline-offset:2px;text-decoration-line:underline;text-decoration-color:#475569}a:hover{color:#475569;text-decoration-color:currentColor}body.dark a{color:#cbd5e1;text-decoration-color:#94a3b8}body.dark a:hover{color:#f8fafc}@media (max-width:768px){.page-container-super{flex:auto;width:100%;min-width:0}.page-container{max-width:100%;overflow-x:hidden}.page-a{aspect-ratio:8.3/11.7;width:100%;max-width:400px;height:auto}.left-margin-and-content,.paper-content{min-width:0}.paper-content{overflow-wrap:break-word;word-break:break-word}}
.dark-mode-toggle{cursor:pointer;background:0 0;border:none;position:absolute;top:100px;right:150px}body:not(.user-is-tabbing) .dark-mode-toggle:focus{outline:none}.dark-mode-toggle .moon{padding:10px}.dark-mode-toggle .sun{padding:5px}body .dark-mode-toggle .moon{display:none}body .dark-mode-toggle .sun,body.dark .dark-mode-toggle .moon{display:inline-block}body.dark .dark-mode-toggle .sun{display:none}.switch-toggle{cursor:pointer;background-color:var(--elevation-background);border-radius:25px;width:50px;height:25px;margin-top:6px;display:block;position:relative}.switch-toggle input{z-index:-1;position:relative;top:4px;left:4px}.switch-toggle div{background-color:#9994;border-radius:50%;transition:all .1s;position:absolute}.switch-toggle input:focus+div{outline:1px}.switch-toggle input:checked+div{background-color:#999;left:28px}.switch-toggle.outer div{width:16px;height:16px;top:4px;left:5px}@media (max-width:768px){.dark-mode-toggle{right:10px}}.popup-container{z-index:999999;color:#ddd;background-color:#000;width:100%;height:100%;padding:100px;display:none;position:fixed;top:0;left:0}.popup-container.show{display:block}.popup-container .close-button{cursor:pointer;color:#ddd;background-color:#0000;border:none;padding:20px 30px;font-size:50pt;font-weight:700;position:fixed;top:0;right:0}.popup-container .close-button:hover{color:#fff;transition:color .5s}#diagram-canvas{cursor:url(/images/favicon-32x32-3.png),crosshair}