@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Virgil:wght@400;700&display=swap";
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-1\/2{left:50%}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-\[98\%\]{width:98%}.w-full{width:100%}.w-px{width:1px}.max-w-full{max-width:100%}.flex-1{flex:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-none{cursor:none}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#3a3a3a\]{border-color:#3a3a3a}.border-transparent{border-color:#0000}.bg-\[\#232323\]\/95{background-color:#232323f2;background-color:lab(13.7137% 0 0/.95)}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-\[0_0_15px_rgba\(220\,38\,38\,0\.5\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#dc262680);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_15px_40px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 15px 40px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-700{--tw-duration:.7s;transition-duration:.7s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body{color:#e5e5e5;touch-action:none;background:#1e1e1e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .3s,color .3s;overflow:hidden}body.light-theme{color:#1e1e1e;background:#fff}canvas{touch-action:none;cursor:crosshair;background:#1e1e1e;transition:background-color .3s}body.light-theme canvas{background:#fff}*{transition:background-color .3s,color .3s,border-color .3s}button,input,.toolbar-button,.color-swatch{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#818cf84d;border-radius:4px;transition:background .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#818cf880}body.light-theme .custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f140}body.light-theme .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f166}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.overflow-x-auto::-webkit-scrollbar{height:6px}.overflow-x-auto::-webkit-scrollbar-thumb{background:#818cf84d;border-radius:3px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#818cf880}body.light-theme .overflow-x-auto::-webkit-scrollbar-thumb{background:#6366f140}body.light-theme .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#6366f166}.toolbar-button{cursor:pointer;color:#e5e5e5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}body.light-theme .toolbar-button{color:#1e1e1e}.toolbar-button:hover{background:#ffffff14;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}body.light-theme .toolbar-button:hover{background:#0000000a;box-shadow:0 2px 8px #00000014}.toolbar-button:active{transition:all .1s;transform:translateY(0)}.toolbar-button.active{color:#a5b4fc;background:linear-gradient(135deg,#6366f140 0%,#818cf833 100%);box-shadow:0 0 0 2px #818cf84d,0 4px 12px #6366f126}body.light-theme .toolbar-button.active{color:#6366f1;background:linear-gradient(135deg,#6366f12e 0%,#818cf826 100%);box-shadow:0 0 0 2px #6366f140,0 4px 12px #6366f11f}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px #0000001a}.color-swatch:hover{transform:scale(1.15)translateY(-2px);box-shadow:0 4px 12px #0003}.color-swatch:active{transition:all .1s;transform:scale(1.05)translateY(0)}.color-swatch.active{border-color:#818cf8;transform:scale(1.08);box-shadow:0 0 0 3px #818cf866,0 4px 16px #818cf84d}body.light-theme .color-swatch{box-shadow:0 2px 4px #00000014}body.light-theme .color-swatch:hover{box-shadow:0 4px 12px #00000026}body.light-theme .color-swatch.active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f159,0 4px 16px #6366f140}.toolbar-divider{background:linear-gradient(#0000,#ffffff1a 20% 80%,#0000);width:1px;height:24px;margin:0 4px}body.light-theme .toolbar-divider{background:linear-gradient(#0000,#00000014 20% 80%,#0000)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in{animation:.2s fadeIn}.slide-down{animation:.3s cubic-bezier(.4,0,.2,1) slideDown}.toolbar-label{color:#9ca3af;letter-spacing:.025em;font-size:.75rem;font-weight:500}body.light-theme .toolbar-label{color:#6b7280}input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;outline:none;height:6px;transition:all .2s}body.light-theme input[type=range]{background:#00000014}input[type=range]:hover{background:#818cf833}body.light-theme input[type=range]:hover{background:#6366f126}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 6px #6366f166}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px #6366f180}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border:none;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 6px #6366f166}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px #6366f180}::selection{color:#fff;background:#818cf8}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}