@import "https://fonts.googleapis.com/css2?family=Bangers&family=Luckiest+Guy&family=Nunito+Sans:wght@400;600;700;800&family=Comic+Neue:wght@400;700&family=Patrick+Hand&display=swap";:root{--bg-color:#fff;--text-color:#000;--text-muted:#6b7280;--primary:#5925dc;--primary-hover:#4c1dcc;--primary-light:#f3e8ff;--card-bg:#fff;--border-color:#e5e7eb;--danger:#ef4444;--danger-soft:#fff1f2;--warning:#f59e0b;--silver:#9ca3af;--bronze:#b45309;--font-heading:"Luckiest Guy", cursive;--font-body:"Nunito Sans", sans-serif;--font-hand:"Patrick Hand", cursive, sans-serif;--font-button:"Luckiest Guy", cursive, sans-serif;--font-comic:"Comic Neue", cursive, sans-serif;--sidebar-width:240px;--header-height:80px;--banner-height:50px;--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:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}body.dark{--bg-color:#0f111a;--text-color:#f8fafc;--text-muted:#94a3b8;--card-bg:#1e212b;--border-color:#334155;--primary:#7c3aed;--primary-hover:#6d28d9;--primary-light:#2e1065;--danger:#f87171;--danger-soft:#7f1d1d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-heading);cursor:pointer;background:0 0;border:none}.hand-text{font-family:var(--font-hand);letter-spacing:-.05em}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{color:var(--text-color);border:1px solid var(--border-color);background-color:#0000}.btn-outline:hover{background-color:#f3f4f6}input,textarea{font-family:var(--font-body);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--card-bg);width:100%;color:var(--text-color);padding:.75rem 1rem;font-size:.875rem;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--primary);outline:none}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);background-color:var(--card-bg);z-index:10;flex-direction:column;height:100vh;padding:1.5rem;display:flex;position:fixed;overflow-y:auto}.main-content{margin-left:var(--sidebar-width);padding-bottom:var(--banner-height);flex-direction:column;flex:1;min-height:100vh;display:flex}.top-header{height:var(--header-height);background-color:var(--bg-color);z-index:5;justify-content:space-between;align-items:center;padding:0 2.5rem;display:flex}.search-bar{border:1px solid var(--border-color);border-radius:var(--radius-full);background-color:#f9fafb;align-items:center;gap:.5rem;width:400px;padding:.5rem 1rem;display:flex}.search-bar input{background:0 0;border:none;width:100%;padding:0}.search-bar input:focus{box-shadow:none}.bottom-banner-yellow{height:var(--banner-height);color:var(--text-color);padding:0 2rem 0 calc(var(--sidebar-width) + 2rem);z-index:10;font-family:var(--font-heading);background-color:#fef3c7;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.logo{font-family:var(--font-heading);color:var(--text-color);align-items:center;font-size:1.75rem;font-weight:800;display:flex}.logo-dot{color:var(--primary)}.nav-links{flex-direction:column;gap:.25rem;margin-bottom:2rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-color);font-size:.875rem;font-weight:600;font-family:var(--font-heading);align-items:center;gap:.75rem;padding:.6rem .75rem;transition:all .2s;display:flex}.nav-item:hover{background-color:#f3f4f6}.nav-item.active{background-color:var(--primary-light);color:var(--primary)}.nav-icon{width:18px;height:18px}.sidebar-footer{color:var(--text-muted);flex-direction:column;gap:1rem;margin-top:auto;font-size:.75rem;display:flex}.footer-links{gap:1rem;font-weight:500;display:flex}.footer-icons{color:var(--text-muted);gap:1rem;display:flex}.explore-container{grid-template-columns:1fr 300px;gap:2.5rem;width:100%;max-width:1600px;margin:0 auto;padding:1rem 2.5rem 3rem;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{align-items:center;gap:.5rem;font-size:1.125rem;display:flex}.view-all{color:var(--primary);align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.trending-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.freshly-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.finish-this-banner{background-color:var(--primary-light);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.side-panel{background-color:var(--card-bg);margin-bottom:2.5rem;padding:0}.leaderboard-list{flex-direction:column;gap:1rem;display:flex}.leaderboard-item{align-items:center;gap:.75rem;display:flex}.rank-badge{justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:800;display:flex}.variation-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;padding:.5rem}.editor-wrapper{background-color:var(--bg-color);flex-direction:column;height:100vh;display:flex}.editor-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:70px;padding:0 1.5rem;display:flex}.editor-content{flex:1;display:flex;overflow:hidden}.editor-sidebar-left{background-color:var(--card-bg);border-right:1px solid var(--border-color);flex-direction:column;gap:2rem;width:240px;padding:1.5rem;display:flex;overflow-y:auto}.editor-sidebar-right{background-color:var(--card-bg);border-left:1px solid var(--border-color);flex-direction:column;width:320px;padding:1.5rem;display:flex;overflow-y:auto}.editor-canvas-area{flex-direction:column;flex:1;display:flex;position:relative}.canvas-wrapper{background-color:#f3f4f6;background-image:radial-gradient(#d1d5db 2px,#0000 2px);background-size:30px 30px;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;overflow:auto}.drawing-canvas{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:crosshair;background-color:#fff}.editor-bottom-bar{background-color:var(--card-bg);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.tool-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.tool-btn{border-radius:var(--radius-md);color:var(--text-color);background-color:#0000;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 0;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.tool-btn:hover{background-color:#f3f4f6}.tool-btn.active{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary-light)}.color-palette{flex-direction:column;align-items:center;gap:.5rem;display:flex}.color-swatch{cursor:pointer;border:1px solid #0000001a;border-radius:50%;width:28px;height:28px;transition:transform .1s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{outline:2px solid var(--primary);border:2px solid #fff}.slider-container{align-items:center;gap:1rem;display:flex}.slider-label{min-width:70px;font-size:.875rem;font-weight:600}.slider-value{text-align:left;min-width:40px;font-size:.875rem;font-weight:600}input[type=range]{-webkit-appearance:none;background:var(--border-color);border:none;border-radius:3px;outline:none;width:120px;height:6px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:14px;height:14px}.tip-box{border-radius:var(--radius-md);color:var(--primary);background-color:#f3e8ff;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:flex}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;padding:1rem;position:static}.nav-links{flex-flow:wrap;gap:.5rem}.nav-item{padding:.5rem;font-size:.75rem}.nav-item span{display:none}.main-content{margin-left:0}.top-header{flex-direction:column;gap:1rem;height:auto;padding:1rem}.search-bar{width:100%}.bottom-banner-purple,.bottom-banner-yellow{text-align:center;flex-direction:column;gap:.5rem;height:auto!important;padding:.5rem 1rem!important}.explore-container{grid-template-columns:1fr;padding:1rem}.top-page-container{padding:1rem!important}.artworks-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:1rem!important}.finish-this-banner{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem}.editor-content{flex-direction:column}.editor-sidebar-left,.editor-sidebar-right{border:none;border-bottom:1px solid var(--border-color);width:100%;height:auto}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}body.v2-theme{--bg-color:#0b0818;--text-color:#f8fafc;--text-muted:#94a3b8;--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-light:#2e1065;--neon-pink:#ec4899;--neon-pink-glow:#ec489966;--neon-green:#a3e635;--neon-green-glow:#a3e63566;--neon-yellow:#fde047;--card-bg:#151128;--card-border:#2e2654;--border-color:#2e2654;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 15%,#8b5cf626,#0000 25%),radial-gradient(circle at 85% 30%,#ec48991a,#0000 25%)}.v2-theme .app-layout{min-height:100vh;display:flex;overflow:hidden}.v2-theme .sidebar{border-right:1px dashed var(--border-color);background-color:#0000;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:2rem 1.5rem;display:flex;position:relative}.v2-theme .sidebar-logo{font-family:var(--font-heading);color:#fff;letter-spacing:-1px;margin-bottom:2.5rem;font-size:2rem;font-weight:800}.v2-theme .sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.v2-theme .nav-item{font-family:var(--font-heading);color:var(--text-muted);text-transform:lowercase;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.v2-theme .nav-item:hover{color:#fff;background-color:#ffffff0d}.v2-theme .nav-item.active{background-color:var(--neon-yellow);color:#000;box-shadow:0 0 15px #fde0474d}.v2-theme .nav-item.active svg{color:#000}.v2-theme .btn-pink{background:linear-gradient(135deg, var(--neon-pink), #a855f7);color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px var(--neon-pink-glow);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem;font-weight:800;transition:transform .2s;display:flex}.v2-theme .btn-pink:hover{transform:translateY(-2px)}.v2-theme .hero-section{background:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 10 L20 20 M80 20 L70 30 M20 80 L30 70 M80 80 L70 70\" stroke=\"%238b5cf6\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.2\"/></svg>");justify-content:space-between;align-items:center;padding:3rem 4rem;display:flex}.v2-theme .hero-title{font-family:var(--font-heading);color:#fff;letter-spacing:-2px;margin:0;font-size:5rem;font-weight:800;line-height:.9}.v2-theme .hero-title span{color:var(--neon-green);text-shadow:0 0 20px var(--neon-green-glow)}.v2-theme .hero-subtitle{font-family:var(--font-heading);color:var(--text-muted);margin-top:1rem;margin-bottom:2rem;font-size:1.25rem}.v2-theme .hero-subtitle span{color:var(--neon-pink);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.v2-theme .btn-green{background-color:var(--neon-green);color:#000;font-family:var(--font-heading);text-transform:uppercase;box-shadow:0 0 20px var(--neon-green-glow);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.25rem;font-weight:800;transition:all .2s;display:inline-flex}.v2-theme .btn-green:hover{box-shadow:0 0 30px var(--neon-green-glow);transform:scale(1.05)}.v2-theme .v2-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:1rem;transition:transform .2s,box-shadow .2s}.v2-theme .v2-card:hover{border-color:#8b5cf680;transform:translateY(-4px);box-shadow:0 10px 30px #00000080,0 0 15px #8b5cf633}.v2-theme .paper-canvas-wrapper{background-color:#fef0cd;border-radius:4px;padding:1rem;position:relative;transform:rotate(2deg);box-shadow:2px 4px 15px #00000080}.v2-theme .paper-canvas-wrapper:before{content:"";background-color:#ffffffb3;width:100px;height:25px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 1px 3px #0003}.v2-theme .paper-canvas-inner{background-color:#0000;width:100%;height:100%;transform:rotate(-2deg)}.v2-theme .v2-tabs{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;gap:.5rem;width:fit-content;margin-bottom:2rem;padding:.5rem;display:flex;overflow-x:auto}.v2-theme .v2-tab{font-family:var(--font-heading);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.v2-theme .v2-tab:hover{color:#fff}.v2-theme .v2-tab.active{background-color:var(--neon-pink);color:#fff;box-shadow:0 0 15px var(--neon-pink-glow)}.v2-theme .v2-tab.active.yellow{background-color:var(--neon-yellow);color:#000;box-shadow:0 0 15px #fde04766}.v2-theme .v2-tab.active.red{background-color:var(--danger);color:#fff;box-shadow:0 0 15px #f8717166}.v2-theme .rank-badge{width:32px;height:32px;font-family:var(--font-heading);color:#000;border:2px solid var(--bg-color);z-index:10;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex;position:absolute;top:-10px;left:-10px;box-shadow:0 2px 10px #00000080}.v2-theme .rank-1{background-color:var(--neon-yellow)}.v2-theme .rank-2{background-color:var(--primary);color:#fff}.v2-theme .rank-3{background-color:var(--neon-green)}body.v2-theme:not(.dark){--bg-color:#f8fafc;--text-color:#0b0818;--text-muted:#64748b;--card-bg:#fff;--card-border:#e2e8f0;--border-color:#e2e8f0;--primary-light:#f3e8ff}body.v2-theme:not(.dark) .sidebar{background-color:#f1f5f9;border-color:#e2e8f0}body.v2-theme:not(.dark) .v2-card{background-color:#fff;border-color:#e2e8f0;box-shadow:0 4px 6px -1px #0000000d}body.v2-theme:not(.dark) .btn-pink,body.v2-theme:not(.dark) .btn-green{color:#fff}body.v2-theme:not(.dark) .hero-section{background-color:#f1f5f9}@media (width<=768px){.v2-theme .app-layout{flex-direction:column;overflow:auto}.v2-theme .sidebar{border-right:none;border-bottom:1px dashed var(--border-color);width:100%;height:auto;padding:1rem}.v2-theme .sidebar-nav{flex-flow:wrap;justify-content:center}.v2-theme .sidebar-logo{text-align:center;margin-bottom:1rem}.v2-theme .hero-section{text-align:center;flex-direction:column;gap:2rem;padding:2rem 1rem}.v2-theme .hero-title{font-size:3rem}.v2-theme .v2-tabs{white-space:nowrap;flex-wrap:nowrap;width:100%;overflow-x:auto}}