@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Caveat:wght@400;500;600;700&display=swap);:root{--cream-bg:#fff8f2;--blush-beige:#f9e6dc;--coral-red:#ff5a5f;--mint-green:#a8e6cf;--lavender:#cba4ff;--graphite-gray:#2e2e2e;--soft-gray:#8b8b8b;--white:#fff;--font-main:"Poppins",sans-serif;--font-playful:"Caveat",cursive;--shadow-soft:0 4px 20px #2e2e2e1a;--shadow-hover:0 8px 30px #2e2e2e26;--radius-small:12px;--radius-medium:20px;--radius-large:28px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff8f2;background-color:var(--cream-bg);color:#2e2e2e;color:var(--graphite-gray);font-family:Poppins,sans-serif;font-family:var(--font-main);line-height:1.6}#root,body{min-height:100vh}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes color-splash{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:.8;transform:scale(1) rotate(1turn)}}@keyframes brush-stroke{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.brushstroke-accent{overflow:hidden;position:relative}.brushstroke-accent:before{background:linear-gradient(45deg,#ff5a5f,#a8e6cf,#cba4ff);background:linear-gradient(45deg,var(--coral-red),var(--mint-green),var(--lavender));bottom:-5px;content:"";left:-5px;opacity:.1;position:absolute;right:-5px;top:-5px;z-index:-1}.art-card,.brushstroke-accent:before{border-radius:20px;border-radius:var(--radius-medium)}.art-card{background:#fff;background:var(--white);border:2px solid #0000;box-shadow:0 4px 20px #2e2e2e1a;box-shadow:var(--shadow-soft);overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.art-card:before{background:linear-gradient(90deg,#ff5a5f,#a8e6cf,#cba4ff);background:linear-gradient(90deg,var(--coral-red),var(--mint-green),var(--lavender));border-radius:20px 20px 0 0;border-radius:var(--radius-medium) var(--radius-medium) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.art-card:hover{border-color:#f9e6dc;border-color:var(--blush-beige);box-shadow:0 8px 30px #2e2e2e26;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.btn-primary{background:#ff5a5f;background:var(--coral-red);border:none;border-radius:12px;border-radius:var(--radius-small);color:#fff;color:var(--white);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-main);font-size:16px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-primary:hover{background:#ff4449;box-shadow:0 6px 20px #ff5a5f66;transform:translateY(-2px)}.btn-secondary{background:#a8e6cf;background:var(--mint-green);border:none;border-radius:12px;border-radius:var(--radius-small);color:#2e2e2e;color:var(--graphite-gray);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-main);font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#9ae1c4;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #ff5a5f;border:2px solid var(--coral-red);border-radius:12px;border-radius:var(--radius-small);color:#ff5a5f;color:var(--coral-red);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-main);font-size:16px;font-weight:500;padding:10px 22px;transition:all .3s ease}.btn-outline:hover{background:#ff5a5f;background:var(--coral-red);color:#fff;color:var(--white);transform:translateY(-2px)}h1{font-size:3rem;font-weight:700;margin:0 0 16px;text-shadow:2px 2px 4px #2e2e2e1a}h1,h2{color:#2e2e2e;color:var(--graphite-gray);font-family:Caveat,cursive;font-family:var(--font-playful)}h2{font-size:2.2rem;margin:0 0 12px}h2,h3{font-weight:600}h3{color:#2e2e2e;color:var(--graphite-gray);font-family:Poppins,sans-serif;font-family:var(--font-main);font-size:1.4rem;margin:0 0 8px}p{color:#8b8b8b;color:var(--soft-gray);font-size:16px;margin:0 0 16px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{background:#f9e6dc;background:var(--blush-beige);border-radius:28px;border-radius:var(--radius-large);margin:24px 0;padding:32px;position:relative}.color-splash{animation:color-splash 2s infinite;border-radius:50%;height:20px;opacity:.6;position:absolute;width:20px}.color-splash.coral{animation-delay:0s;background:#ff5a5f;background:var(--coral-red);right:30px;top:20px}.color-splash.mint{animation-delay:.7s;background:#a8e6cf;background:var(--mint-green);right:60px;top:40px}.color-splash.lavender{animation-delay:1.4s;background:#cba4ff;background:var(--lavender);right:40px;top:60px}.drawing-canvas{background:#fff;background:var(--white);border:4px solid #ff5a5f;border:4px solid var(--coral-red);box-shadow:0 4px 20px #2e2e2e1a;box-shadow:var(--shadow-soft);position:relative}.drawing-canvas,.drawing-canvas:after{border-radius:20px;border-radius:var(--radius-medium)}.drawing-canvas:after{background:linear-gradient(45deg,#ff5a5f,#a8e6cf,#cba4ff);background:linear-gradient(45deg,var(--coral-red),var(--mint-green),var(--lavender));bottom:-8px;content:"";left:-8px;opacity:.3;position:absolute;right:-8px;top:-8px;z-index:-1}.color-palette{border-radius:20px;border-radius:var(--radius-medium);box-shadow:0 4px 20px #2e2e2e1a;box-shadow:var(--shadow-soft);display:flex;flex-wrap:wrap;gap:12px;padding:24px;position:relative}.color-palette,.color-palette:before{background:#fff;background:var(--white)}.color-palette:before{content:"🎨";font-size:24px;left:20px;padding:0 8px;position:absolute;top:-8px}.color-button{border:3px solid #0000;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;height:56px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.color-button:hover{border-color:#2e2e2e;border-color:var(--graphite-gray);transform:scale(1.1) rotate(5deg)}.color-button.active{animation:gentle-bounce 1s infinite;border-color:#ff5a5f;border-color:var(--coral-red);transform:scale(1.2)}.color-button:after{background:linear-gradient(45deg,#ff5a5f,#a8e6cf);background:linear-gradient(45deg,var(--coral-red),var(--mint-green));border-radius:50%;bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:-1}.color-button.active:after{opacity:.3}.tool-button{border-radius:12px;border-radius:var(--radius-small);font-size:16px;font-weight:500;height:56px;margin:8px;min-width:100px;transition:all .3s ease}.tool-button.active{background:#cba4ff;background:var(--lavender);color:#2e2e2e;color:var(--graphite-gray);transform:scale(1.05)}.sock-template{filter:sepia(100%) hue-rotate(320deg) saturate(.5);opacity:.2;pointer-events:none;position:absolute;z-index:1}.preview-section{background:#fff;background:var(--white);border-radius:20px;border-radius:var(--radius-medium);box-shadow:0 4px 20px #2e2e2e1a;box-shadow:var(--shadow-soft);overflow:hidden;padding:32px;position:relative}.preview-section:before{background:linear-gradient(90deg,#ff5a5f,#a8e6cf,#cba4ff);background:linear-gradient(90deg,var(--coral-red),var(--mint-green),var(--lavender));content:"";height:6px;left:0;position:absolute;right:0;top:0}@media (max-width:768px){.container{padding:0 16px}h1{font-size:2.5rem}h2{font-size:1.8rem}.color-button{height:48px;width:48px}.tool-button{font-size:14px;height:48px;min-width:80px}}
/*# sourceMappingURL=main.6d135008.css.map*/