@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{height:100vh;margin:0;overflow:hidden;width:100vw}#root,.App,body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.no-select{-webkit-user-select:none;user-select:none}.iridescence-container{background-color:initial;left:0;position:absolute;top:0;z-index:0}.iridescence-container,.iridescence-container canvas{backface-visibility:hidden;height:100%;transform:translateZ(0);width:100%;will-change:transform}.iridescence-container canvas{display:block}.intro-screen{align-items:center;backface-visibility:hidden;background:#0000;display:flex;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;transform:translateZ(0);width:100%;will-change:transform}.intro-screen,.intro-screen.mobile-view{-webkit-overflow-scrolling:touch;min-height:100vh}.intro-screen.mobile-view{background-color:initial;display:block;height:100%;overflow-y:scroll;overscroll-behavior:none;overscroll-behavior-y:none;padding-bottom:80px}.intro-screen.mobile-view .intro-content{margin-bottom:60px;margin-top:30px}.intro-content{align-items:center;backface-visibility:hidden;background-color:#0000001a;border:1px solid #ffffff1a;border-radius:var(--border-radius-xl);box-shadow:var(--card-shadow);display:flex;flex-direction:column;max-width:1200px;opacity:0;padding:40px;position:relative;text-align:center;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out;width:100%;will-change:transform,opacity;z-index:5}.intro-content.loaded{opacity:1;transform:translateY(0)}.logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:30px;position:relative}.logo-container:after{animation:fadeIn .8s .6s forwards,pulseWidth 6s ease-in-out 1.4s infinite;background:linear-gradient(to right,#0000,var(--primary-color),var(--accent-color),var(--primary-color),#0000);bottom:-10px;content:"";height:2px;left:0;opacity:0;position:absolute;transform:scaleX(.8);width:100%}@keyframes pulseWidth{0%,to{opacity:.7;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.logo-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--border-radius-full);box-shadow:0 10px 25px -5px #6366f166,0 5px 15px -3px #ec48994d;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;margin-right:20px;position:relative;width:60px;z-index:1}.logo-icon:after{animation:borderMove 8s linear infinite alternate;background:linear-gradient(135deg,var(--primary-color),var(--accent-color),var(--primary-light),var(--accent-light));background-size:400% 400%;border-radius:inherit;content:"";filter:blur(3px);inset:-2px;opacity:.7;position:absolute;z-index:-1}.app-title{animation:fadeInUp .6s forwards;animation-delay:.2s;font-size:3.5rem;font-weight:800;letter-spacing:-.05em;opacity:0;text-shadow:0 2px 10px #0000000d;transform:translateY(10px)}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 8s linear infinite;background:linear-gradient(to right,var(--primary-color),var(--accent-color),var(--primary-light),var(--accent-light),var(--primary-color));-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#0000;display:inline-block;position:relative;text-shadow:0 0 20px #6366f133}.gradient-text:after{-webkit-text-fill-color:#0000;animation:gradientShift 8s linear infinite reverse;background:linear-gradient(to right,var(--accent-color),var(--primary-color),var(--accent-light),var(--primary-light),var(--accent-color));-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#0000;content:attr(data-text);filter:blur(12px);left:0;opacity:.6;position:absolute;top:0;z-index:-1}@keyframes gradientShift{0%{background-position:0}to{background-position:200%}}.app-tagline{animation:fadeInUp .6s forwards;animation-delay:.3s;color:#ffffffe6;font-size:1.25rem;font-weight:400;line-height:1.5;max-width:600px}.app-tagline,.features-grid{margin-bottom:40px;opacity:0;transform:translateY(10px)}.features-grid{grid-gap:25px;animation:fadeInUp .6s forwards;animation-delay:.4s;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);width:100%;will-change:transform,opacity}.feature-card{align-items:flex-start;backface-visibility:hidden;background-color:var(--card-bg);border:1px solid #0000000d;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);cursor:default!important;cursor:pointer;display:flex;overflow:hidden;padding:30px 25px;position:relative;text-align:left;transition:all var(--transition-medium);will-change:transform}.feature-card:before{background:linear-gradient(135deg,#6366f10d,#ec48990d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-medium);width:100%;z-index:0}.feature-card:hover{border-color:#6366f11a;box-shadow:var(--card-hover-shadow);transform:translateY(-10px)}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--border-radius-md);display:flex;height:60px;justify-content:center;margin-right:20px;min-width:60px;position:relative;z-index:1}.feature-icon,.feature-icon-wrapper{transition:all var(--transition-medium)}.feature-icon{color:#fff;font-size:1.75rem}.feature-card:hover .feature-icon{color:#fff;transform:scale(1.1)}.feature-content{flex:1 1;z-index:1}.feature-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:10px}.feature-card p{color:#fff;font-size:.95rem;line-height:1.5}.start-button{align-items:center;animation:fadeInUp .6s forwards;animation-delay:.5s;background:none;border:2px solid #fff;border-radius:var(--border-radius-full);color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:.5px;margin-bottom:30px;opacity:0;overflow:hidden;padding:16px 36px;transform:translateY(10px)}.start-button,.start-button span{position:relative;transition:all var(--transition-medium);z-index:1}.button-background{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;width:100%;z-index:0}.arrow-icon,.button-background{transition:transform var(--transition-medium)}.arrow-icon{color:#fff;margin-left:10px;position:relative;z-index:1}.start-button:hover{border-color:#0000;color:#fff}.start-button:hover .button-background{transform:scaleX(1)}.start-button:hover .arrow-icon{transform:translateX(5px)}.start-button:active{transform:scale(.98)}.intro-footer{animation:fadeInUp .6s forwards;animation-delay:.5s;color:#ffffffe6;font-size:1rem;font-weight:400;margin-top:40px;opacity:0;text-align:center;transform:translateY(10px);width:100%}.intro-footer p{color:#fffc;margin:5px 0}.intro-footer a{align-items:center;color:wheat;display:inline-flex;position:relative;text-decoration:none;transition:color .3s ease}.intro-footer a svg{margin-right:4px;vertical-align:middle}.intro-footer a:hover{color:var(--accent-light);text-decoration:underline}@media (max-width:1024px){.features-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.app-title{font-size:3rem}.logo-icon{font-size:24px;height:50px;width:50px}.intro-content{padding:30px}}@media (max-width:768px){.features-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.app-title{font-size:2.5rem}.app-tagline{font-size:1.1rem}.feature-card{align-items:center;flex-direction:column;padding:22px 18px;text-align:center}.feature-icon-wrapper{margin-bottom:16px;margin-right:0}.logo-icon{font-size:22px;height:45px;margin-right:10px;width:45px}}@media (max-width:576px){.app-title{font-size:2.2rem}.app-tagline{font-size:1rem;margin-bottom:25px}.intro-content{padding:25px 15px}.start-button{padding:12px 25px}.intro-screen{align-items:flex-start;background-color:initial;height:auto;overflow-y:auto;padding:10px 10px 60px}.features-grid{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;backface-visibility:hidden;display:flex;flex-direction:row;gap:15px;margin-left:-15px;margin-right:-15px;overflow-x:auto;padding-bottom:15px;padding-left:15px;padding-right:15px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:calc(100% + 30px);will-change:transform;&::-webkit-scrollbar{display:none}}.features-grid.auto-scroll{scroll-behavior:smooth}.features-container{margin-bottom:30px;overflow-x:hidden;position:relative;width:100%;z-index:1}.feature-card{backface-visibility:hidden;border:1px solid #ffffff14;box-shadow:0 10px 25px -10px #0000001a;flex:0 0 auto;max-width:85vw;min-width:220px;overflow:hidden;padding:22px 18px;position:relative;scroll-snap-align:center;transform:translateY(0);width:85vw;will-change:transform}.feature-card:after{background:linear-gradient(to right,var(--primary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.feature-card:active:after{transform:scaleX(1)}.feature-icon-wrapper{background:linear-gradient(135deg,var(--primary-color-transparent),var(--accent-color-transparent));box-shadow:0 6px 15px -5px #6366f140;height:55px;margin-bottom:14px;min-width:55px}.feature-icon{font-size:1.6rem}.feature-content h3{font-size:1.2rem;margin-bottom:8px}.feature-content p{font-size:.9rem;line-height:1.4;opacity:.85}.intro-footer{margin-bottom:20px;margin-top:30px;padding-bottom:20px}.logo-container{align-items:center;flex-direction:column;margin-bottom:20px}.logo-icon{margin-bottom:10px;margin-right:0}.app-title{text-align:center;width:100%}.feature-card{animation:fadeInCard .5s forwards;opacity:0}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.features-container:after{content:"";display:flex;gap:8px;height:6px;justify-content:center;margin-top:15px}}@keyframes fadeInCard{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.auto-scroll-indicator{background-color:#fff3;border-radius:10px;bottom:5px;color:#fff;font-size:.7rem;opacity:.7;padding:2px 6px;pointer-events:none;position:absolute;right:5px}.canvas-tools{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f172abf;border:none;border-radius:var(--border-radius-xl);box-shadow:var(--card-shadow);max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;position:absolute;right:20px;scrollbar-color:#6366f1cc #6366f166;scrollbar-width:auto;top:20px;transition:all var(--transition-medium);width:320px;z-index:1000;&::-webkit-scrollbar{width:8px}&::-webkit-scrollbar-track{background:#6366f166;border-radius:4px}&::-webkit-scrollbar-thumb{background:#6366f1cc;border-radius:4px}}.canvas-tools.collapsed{box-shadow:-5px 0 20px #0f172a0d;transform:translateX(calc(100% - 48px))}.canvas-tools.collapsed:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f172abf;border-bottom:none;border-bottom-left-radius:var(--border-radius-xl);border-left:none;border-top:none;border-top-left-radius:var(--border-radius-xl);bottom:0;content:"";left:0;position:absolute;top:0;width:48px;z-index:0}.toggle-panel-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:var(--border-radius-full);box-shadow:0 8px 15px -3px #6366f14d;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:absolute;right:10px;top:10px;transition:all var(--transition-medium);width:36px;z-index:1001}.toggle-panel-btn:before{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-medium);z-index:-1}.toggle-panel-btn:hover:before{opacity:1}.toggle-panel-btn:active{transform:translateY(0)}.toggle-panel-btn svg{font-size:16px;transition:transform var(--transition-medium)}.toggle-panel-btn.collapsed svg{transform:rotate(180deg)}.canvas-tools.collapsed .toggle-panel-btn{box-shadow:-2px 0 10px #0f172a1a;left:6px;right:auto;z-index:1002}.toggle-panel-btn:hover{box-shadow:0 12px 20px -5px #6366f166;transform:translateY(-2px)}.canvas-tools.collapsed .tools-section{opacity:0;position:relative;visibility:hidden;z-index:1}.canvas-tools .tools-section{height:auto;opacity:1;position:relative;transform:translateX(0);transition:opacity var(--transition-medium),visibility var(--transition-medium);visibility:visible;z-index:1}.canvas-tools:not(.collapsed) .tools-grid button{animation:fadeInUp .5s var(--transition-medium) both}.canvas-tools:not(.collapsed) .tools-grid button:first-child{animation-delay:.05s}.canvas-tools:not(.collapsed) .tools-grid button:nth-child(2){animation-delay:.1s}.canvas-tools:not(.collapsed) .tools-grid button:nth-child(3){animation-delay:.15s}.canvas-tools:not(.collapsed) .tools-grid button:nth-child(4){animation-delay:.2s}.canvas-tools:not(.collapsed) .tools-grid button:nth-child(5){animation-delay:.25s}.canvas-tools:not(.collapsed) .tools-grid button:nth-child(6){animation-delay:.3s}.canvas-tools:not(.collapsed) .tools-grid button:nth-child(7){animation-delay:.35s}.canvas-tools:not(.collapsed) .tools-grid button:nth-child(8){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tools-section{border-bottom:none;margin-bottom:28px;padding-bottom:24px;position:relative}.tools-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tools-section h3{align-items:center;color:#fffffff2;display:flex;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 20px;position:relative}.tools-section h3 svg{color:var(--accent-light);margin-right:8px}.tools-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.tools-grid button{align-items:center;background-color:#1e293b80;border:none;border-radius:var(--border-radius-lg);box-shadow:0 2px 5px #0000001a;color:#fffffff2;cursor:pointer;display:flex;font-size:16px;justify-content:center;overflow:hidden;padding:12px;position:relative;transition:all var(--transition-medium)}.tools-grid button:before{background:linear-gradient(135deg,#6366f133,#ec489933);border-radius:var(--border-radius-lg);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-medium),transform var(--transition-medium);z-index:0}.tools-grid button svg{position:relative;transition:transform var(--transition-medium),color var(--transition-medium);z-index:1}.tools-grid button:hover{border-color:#6366f166;box-shadow:0 8px 12px -3px #0003;transform:translateY(-3px)}.tools-grid button:hover svg{color:var(--accent-light);transform:scale(1.15)}.tools-grid button:hover:before{opacity:1;transform:scale(1.05)}.tools-grid button:active{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(0)}.tools-grid button:focus{border-color:var(--primary-color);outline:none}.tools-grid button.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:#0000;box-shadow:0 8px 15px -3px #0003;overflow:hidden;position:relative}.tools-grid button.active svg{color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));transform:scale(1.15)}.tools-grid button.active:before{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-medium);z-index:-1}.tools-grid button.active:hover:before{opacity:1}.tools-grid button.active:after{animation:rippleEffect 1s ease-out;background:radial-gradient(circle,#ffffff4d 0,#0000 60%);content:"";height:100%;position:absolute;width:100%}@keyframes rippleEffect{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes borderMove{0%{background-position:0 0}to{background-position:100% 100%}}.color-control{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.color-preview-container{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.color-picker{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.color-preview{border:2px solid #ffffff1a;border-radius:var(--border-radius-full);box-shadow:0 8px 15px -3px #0003;cursor:pointer;height:60px;margin-bottom:10px;position:relative;transition:all var(--transition-medium);width:60px}.color-preview:after{animation:borderMove 8s linear infinite alternate;background:linear-gradient(135deg,var(--primary-color),var(--accent-color),var(--primary-light),var(--accent-light));background-size:400% 400%;border-radius:inherit;content:"";filter:blur(3px);inset:-2px;opacity:.7;position:absolute;z-index:-1}.color-preview:hover{box-shadow:0 12px 20px -5px #0000004d;cursor:pointer;transform:scale(1.05)}.color-preview:hover:after{opacity:1}.color-preview.picked{animation:colorPicked .5s ease-out}.color-preview.rainbow-active{animation:pulse .5s linear;border:2px solid #fffc;box-shadow:0 0 15px #ffffff80,0 0 30px #ffffff4d;transition:background-color .1s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rainbowPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes colorPicked{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.color-picker-label{color:#fffffff2;cursor:pointer;font-size:.85rem;transition:all var(--transition-medium)}.color-picker-label:hover{color:var(--accent-light)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.slider-group{margin-bottom:15px;position:relative}.slider-group label{align-items:center;color:#fffffff2;display:block;display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:10px}.slider-group .size-value{background-color:#1e293bcc;border:none;border-radius:var(--border-radius-md);box-shadow:0 2px 5px #0003;color:var(--accent-light);font-weight:600;padding:3px 8px}.slider-group input[type=range]{-webkit-appearance:none;background:#fff3;border-radius:var(--border-radius-full);box-shadow:inset 0 2px 4px #0000001a;height:6px;margin-bottom:15px;outline:none;transition:all var(--transition-medium);width:100%}.slider-group input[type=range]:hover{background:#ffffff4d}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:2px solid #ffffffe6;border-radius:var(--border-radius-full);box-shadow:0 2px 5px #0003;cursor:pointer;height:18px;-webkit-transition:all var(--transition-medium);transition:all var(--transition-medium);width:18px}.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.brush-preview{animation:pulse 2s infinite;border-radius:var(--border-radius-full);box-shadow:0 8px 15px -3px #0003;margin:0 auto;transition:all var(--transition-medium)}.magic-controls{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:10px}.magic-btn{align-items:center;background-color:#1e293b80;border:none;border-radius:var(--border-radius-lg);color:#fffffff2;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;transition:all var(--transition-medium)}.magic-btn svg{color:var(--accent-light);margin-right:8px;position:relative;z-index:1}.magic-btn:before{background:linear-gradient(135deg,#6366f133,#ec489933);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-medium);z-index:0}.magic-btn:hover{border-color:#6366f166;box-shadow:0 8px 15px -3px #0003;transform:translateY(-3px)}.magic-btn:hover:before{opacity:1}.magic-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:#0000;box-shadow:0 8px 15px -3px #0003;overflow:hidden;position:relative}.magic-btn.active svg{color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));transform:scale(1.15)}.magic-btn.active:before{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-medium);z-index:-1}.magic-btn.active:hover:before{opacity:1}.magic-btn.active:after{animation:rippleEffect 1s ease-out;background:radial-gradient(circle,#ffffff4d 0,#0000 60%);content:"";height:100%;position:absolute;width:100%}.magic-sliders{background-color:#0000000d;border:none;border-radius:var(--border-radius-lg);margin-top:15px;padding:15px}.action-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.action-btn{align-items:center;background-color:#1e293b80;border:none;border-radius:var(--border-radius-lg);color:#fffffff2;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;overflow:hidden;padding:14px 20px;position:relative;transition:all var(--transition-medium)}.action-btn svg{margin-right:8px}.action-btn:before{content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-medium);z-index:0}.action-btn:hover{box-shadow:0 8px 15px -3px #0003;transform:translateY(-3px)}.action-btn:hover svg{transform:scale(1.15)}.action-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:#0000;box-shadow:0 8px 15px -3px #6366f14d;color:#fff}.action-btn.primary:before{background:linear-gradient(135deg,var(--accent-color),var(--primary-color))}.action-btn.primary:hover{box-shadow:0 12px 20px -5px #6366f166;transform:translateY(-3px)}.action-btn.primary:hover:before{opacity:1}.action-btn.danger{background:linear-gradient(135deg,var(--danger),var(--accent-dark));border-color:#0000;box-shadow:0 8px 15px -3px #ef44444d;color:#fff}.action-btn.danger:before{background:linear-gradient(135deg,var(--accent-dark),var(--danger))}.action-btn.danger:hover{box-shadow:0 12px 20px -5px #ef444466;transform:translateY(-3px)}.action-btn.danger:hover:before{opacity:1}.shape-options{background-color:#1e293b80;border:none;border-radius:var(--border-radius-lg);margin-top:15px;padding:12px}.checkbox-control{align-items:center;display:flex;margin-bottom:5px}.checkbox-control label{align-items:center;color:#fffffff2;cursor:pointer;display:flex;font-size:.85rem;transition:color var(--transition-medium);-webkit-user-select:none;user-select:none}.checkbox-control .option-hint{color:var(--accent-light);font-size:.75rem;font-style:italic;margin-left:auto;opacity:.8}.checkbox-control input[type=checkbox]{-webkit-appearance:none;background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius-sm);cursor:pointer;height:18px;margin-right:10px;position:relative;transition:all var(--transition-medium);width:18px}.checkbox-control input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-light)}.checkbox-control input[type=checkbox]:checked:after{align-items:center;bottom:0;color:#fff;content:"✓";display:flex;font-size:12px;justify-content:center;left:0;position:absolute;right:0;top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.canvas-tools{background-color:#0f172acc;max-height:80vh;padding:20px;position:fixed;right:10px;top:10px;width:280px}.canvas-tools.collapsed{transform:translateX(calc(100% - 40px))}.canvas-tools.collapsed:before{width:40px}.toggle-panel-btn{height:32px;width:32px}.canvas-tools.collapsed .toggle-panel-btn{left:4px}.tools-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.tools-grid button{padding:10px}.tools-section h3{font-size:.85rem}.color-preview{height:60px;width:60px}.action-btn{font-size:.9rem;padding:12px}.action-buttons{display:flex;flex-direction:column;gap:10px}.action-btn.danger{margin-top:5px}}@media (max-width:480px){.canvas-tools{max-height:75vh;overflow-y:auto;padding:15px;width:250px}.tools-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.tools-grid button{padding:8px}.tools-section{margin-bottom:20px;padding-bottom:15px}.color-preview{height:50px;width:50px}body{min-height:100vh;overflow-y:auto}}.advanced-canvas-container{background-color:#f0f0f0;background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 0),linear-gradient(-45deg,#e0e0e0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e0e0e0 0),linear-gradient(-45deg,#0000 75%,#e0e0e0 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;height:100%;overflow:hidden;position:relative;width:100%}.drawing-canvas{-webkit-tap-highlight-color:transparent;background-color:#fff;box-shadow:0 0 10px #0000001a;cursor:crosshair;display:block;left:0;position:absolute;top:0;touch-action:none}.drawing-canvas.eyedropper{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="%236366f1" stroke="%23000000" stroke-width="1" d="M27.7,3.3c-1.5-1.5-3.9-1.5-5.4,0L17,8.6l-1.3-1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.3,1.3L5,20.6c-0.6,0.6-1,1.4-1.1,2.3C3.3,23.4,3,24.2,3,25c0,1.7,1.3,3,3,3c0.8,0,1.6-0.3,2.2-0.9C9,27,9.8,26.6,10.4,26L21,15.4l1.3,1.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L22.4,14l5.3-5.3C29.2,7.2,29.2,4.8,27.7,3.3z M9,24.6c-0.4,0.4-0.8,0.6-1.3,0.5c-0.4,0-0.7,0.2-0.9,0.5C6.7,25.8,6.3,26,6,26c-0.6,0-1-0.4-1-1c0-0.3,0.2-0.7,0.5-0.8c0.3-0.2,0.5-0.5,0.5-0.9c0-0.5,0.2-1,0.5-1.3L17,11.4l2.6,2.6L9,24.6z"></path></svg>') 5 28,crosshair}.drawing-canvas.fill{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 100 100"><g><path fill="%236366f1" stroke="%23000000" stroke-width="1" d="M83.095,47.878c-0.001-0.001-0.003-0.002-0.004-0.003l-32.088-32.09l-0.001,0l0,0c-0.984-0.984-2.578-0.984-3.562,0l-5.26,5.26L30.934,9.799c-0.903-0.943-2.166-1.535-3.571-1.534c-2.743-0.001-4.966,2.231-4.964,4.986c0,1.426,0.603,2.703,1.558,3.612l11.203,11.205L7.883,55.344c0,0,0,0,0,0c-0.984,0.983-0.984,2.578,0,3.562l32.091,32.092c0.984,0.984,2.579,0.984,3.562,0l0.001-0.001L83.095,51.44C84.078,50.456,84.078,48.861,83.095,47.878z M63.391,57.106H20.233l29.003-29.004l21.579,21.58L63.391,57.106z"></path><path fill="%23ec4899" stroke="%23000000" stroke-width="1" d="M91.073,73.735l-5.97-10.339c-0.031-0.058-0.061-0.117-0.098-0.171L84.99,63.2l-0.004,0.002c-0.302-0.418-0.788-0.69-1.351-0.69c-0.508,0-0.952,0.231-1.256,0.588l-0.016-0.009l-0.059,0.103c-0.086,0.116-0.162,0.239-0.217,0.375l-5.835,10.105c-1.144,1.535-1.829,3.432-1.829,5.493c0,5.09,4.124,9.217,9.216,9.217c5.093,0,9.217-4.127,9.217-9.217C92.856,77.133,92.189,75.26,91.073,73.735z"></path></g></svg>') 5 28,crosshair}.drawing-canvas.eraser{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none"><path d="M13.59,19l-2.82,2.83a2.33,2.33,0,0,1-1.63.67h0a2.31,2.31,0,0,1-1.63-.67L2.17,16.49a2.31,2.31,0,0,1-.67-1.63h0a2.33,2.33,0,0,1,.67-1.63L5,10.41Z" stroke="%23000000" stroke-width="1.5" fill="%236366f1"></path><rect x="7.45" y="4.17" width="12.59" height="12.15" transform="translate%28-3.22 12.73%29 rotate%28-45%29" stroke="%23000000" stroke-width="1.5" fill="%23ffffff"></rect></svg>') 5 28,crosshair}.drawing-canvas.text-tool{cursor:text}.history-controls{border-radius:30px;bottom:20px;left:80px;padding:10px 15px;transform:translateX(0);z-index:900}.history-controls,.history-controls-centered{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 8px 15px -3px #6366f14d;display:flex;gap:10px;position:absolute}.history-controls-centered{border-radius:40px;bottom:10%;left:50%;padding:15px 20px;transform:translate(-50%,50%);z-index:950}.history-button.large-button{align-items:center;background-color:#f8f9fa;border:0 solid #ddd;border-radius:25px;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;min-width:60px;padding:6px 18px;transition:all .2s ease}.history-button.large-button:hover:not(:disabled){background-color:#e9ecef;box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.history-button.large-button:disabled{cursor:not-allowed;opacity:.5}.history-controls button{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-radius:20px;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 15px;transition:all .2s ease}.history-controls button:hover:not(:disabled){background-color:#e9ecef;transform:translateY(-2px)}.history-controls button:disabled{cursor:not-allowed;opacity:.5}.text-input-modal{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.text-input-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;max-width:90%;padding:25px;width:400px}.text-input-container h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0}.text-input-container input[type=text]{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.text-controls{margin-bottom:20px}.text-controls .color-picker-group,.text-controls .select-group,.text-controls .slider-group{margin-bottom:12px}.text-controls .color-picker-container{height:35px;margin-bottom:5px;position:relative}.text-controls .color-picker{cursor:pointer;height:35px;opacity:0;position:absolute;width:100%;z-index:2}.text-controls .color-preview{border:1px solid #ddd;border-radius:5px;box-shadow:inset 0 0 0 1px #fff3;height:35px;left:0;position:absolute;top:0;width:100%;z-index:1}.text-controls .color-presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.text-controls .color-preset{border-radius:50%;cursor:pointer;height:20px;transition:transform .2s;width:20px}.text-controls .color-preset:hover{box-shadow:0 0 5px #0000004d;transform:scale(1.2)}.text-visualizer{align-items:center;background-color:#f8f9fa;border:1px dashed #ccc;border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;max-height:120px;min-height:60px;overflow:hidden;padding:10px;position:relative}.text-preview{line-height:1.2;max-width:100%;text-align:center;word-break:break-word}.font-indicator{background-color:#ffffffb3;border-radius:3px;bottom:2px;color:#666;font-size:10px;padding:2px 5px;position:absolute;right:5px}.text-controls label{display:block;font-size:14px;margin-bottom:5px}.text-controls select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:8px;width:100%}.button-group{display:flex;gap:10px;justify-content:flex-end}.button-group button{border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .2s ease}.button-group button:hover{background-color:#e9ecef}.button-group button.primary{background-color:#007bff;border-color:#007bff;color:#fff}.button-group button.primary:hover{background-color:#0069d9}.shortcuts-help{bottom:20px;left:20px;position:absolute;z-index:900}.help-toggle{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:50%;box-shadow:0 3px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.help-toggle:hover{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));transform:scale(1.1)}.shortcuts-panel{background-color:#fff;border-radius:10px;bottom:50px;box-shadow:0 5px 15px #0003;left:0;overflow-y:auto;padding:20px;position:absolute}.shortcuts-panel h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0;text-align:center}.shortcuts-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.shortcut-item{align-items:center;display:flex;gap:10px}.shortcut-item .key{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:12px;min-width:60px;padding:5px 8px;text-align:center}@media (max-width:768px){.advanced-canvas-container{height:auto;min-height:100%;overflow:auto;padding-bottom:120px}.history-controls{bottom:15px;left:50%;padding:8px 12px;position:fixed;transform:translateX(-50%)}.history-controls-centered{bottom:80px;gap:15px;padding:10px 15px;position:fixed}.history-button.large-button{font-size:16px;min-width:80px;padding:10px 20px}.text-input-container{padding:15px;width:300px}.shortcuts-help{bottom:10px;left:10px;position:fixed}.shortcuts-panel{bottom:60px;max-height:300px;width:280px}.shortcuts-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--accent:#8b5cf6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--bg-primary:#fff;--bg-secondary:#f9fafb;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#6b7280;--border:#e5e7eb;--border-light:#f3f4f6;--gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--primary-color:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--accent-color:#ec4899;--accent-light:#f472b6;--accent-dark:#db2777;--background-dark:#0f172a;--background-light:#f8fafc;--text-dark:#1e293b;--text-light:#f8fafc;--text-muted:#64748b;--card-bg:#00008033;--card-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a1a;--card-hover-shadow:0 20px 25px -5px #0f172a1a,0 10px 10px -5px #0f172a0a;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-full:9999px;--transition-slow:0.5s cubic-bezier(0.16,1,0.3,1);--transition-medium:0.3s cubic-bezier(0.16,1,0.3,1);--transition-fast:0.15s cubic-bezier(0.16,1,0.3,1);--primary-color-transparent:#6366f133;--accent-color-transparent:#ec489933}a{color:#6366f1;color:var(--primary);text-decoration:none;transition:color .2s ease;&:hover{color:#4f46e5;color:var(--primary-hover);text-decoration:underline}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg-secondary);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans)}.App{overflow:auto;width:100%}button,input,select{font-family:inherit}button:focus,input:focus,select:focus{outline:none}.app-button{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.app-button:hover{background:#4f46e5;background:var(--primary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.app-button:active{transform:translateY(0)}.app-button.secondary{background:#ec4899;background:var(--secondary)}.app-button.danger{background:#ef4444;background:var(--danger)}.app-button.success{background:#10b981;background:var(--success)}.app-button.outline{background:#0000;border:1px solid #6366f1;border:1px solid var(--primary);color:#6366f1;color:var(--primary)}.app-button.outline:hover{background:#6366f1;background:var(--primary);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--border-light)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#6b7280;background:var(--text-tertiary)}::-webkit-scrollbar-thumb:hover{background:#4b5563;background:var(--text-secondary)}
/*# sourceMappingURL=main.1a0de857.css.map*/