.delete-icon:before{font-family:"Font Awesome 5 Free";font-weight:900;content:""}.undo-fill-icon:before{font-family:"Font Awesome 5 Free";font-weight:900;content:""}.redo-fill-icon:before{font-family:"Font Awesome 5 Free";font-weight:900;content:""}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.handwriting-panel{margin-block:calc(var(--spacing,.25rem) * 2);width:100%}.canvas-container{border-radius:var(--radius-lg,8px);width:100%;max-width:600px;margin-inline:auto;position:relative}.drawing-canvas{touch-action:none;border-radius:var(--radius-lg,8px);border-style:var(--tw-border-style);background-color:var(--color-gray-100,oklch(96.7% .003 264.542));border-width:1px;border-color:#ccc;width:100%;height:auto;display:block}.drawing-canvas:where(.dark,.dark *){border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}.button-container{justify-content:space-between;gap:calc(var(--spacing,.25rem) * 2);padding-top:calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex}.undo-btn,.redo-btn,.clear-btn,.submit-btn{cursor:pointer;border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);background-color:#f8f8f8;border-width:1px;border-color:#ccc;border-radius:.25rem}:is(.undo-btn,.redo-btn,.clear-btn,.submit-btn):where(.dark,.dark *){border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.line-width-select{margin-right:calc(var(--spacing,.25rem) * 2);cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 2);background-color:#fff;border-width:1px;border-color:#ddd;border-radius:.25rem}.line-width-select:where(.dark,.dark *){border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.line-width-select:focus{--tw-outline-style:none;border-color:#4355b9;outline-style:none}.submit-btn{cursor:pointer;border-radius:var(--radius-lg,8px);--tw-border-style:none;padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));color:var(--color-white,#fff);background-color:#4355b9;border-style:none}.submit-btn:where(.dark,.dark *),.submit-btn:hover{background-color:#364499}.undo-btn,.redo-btn,.clear-btn{cursor:pointer;border-radius:var(--radius-lg,8px);--tw-border-style:none;padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#f0f0f0;border-style:none}:is(.undo-btn,.redo-btn,.clear-btn):where(.dark,.dark *){background-color:var(--color-gray-600,oklch(44.6% .03 256.802))}.undo-btn:hover,.redo-btn:hover,.clear-btn:hover{background-color:#e0e0e0}:is(.undo-btn:hover,.redo-btn:hover,.clear-btn:hover):where(.dark,.dark *){background-color:var(--color-gray-500,oklch(55.1% .027 264.364))}.undo-btn:disabled,.redo-btn:disabled,.clear-btn:disabled{cursor:not-allowed;background-color:#ccc}:is(.undo-btn:disabled,.redo-btn:disabled,.clear-btn:disabled):where(.dark,.dark *){background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.undo-fill-icon,.redo-fill-icon,.delete-fill-icon{background-position:50%;background-repeat:no-repeat}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}