.pixetide-logo-standalone{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;text-decoration:none}.pixetide-logo-icon{display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.68,-.6,.32,1.6)}.pixetide-logo-text{font-family:var(--font-family, sans-serif);font-weight:900;font-size:1.8rem;color:var(--color-text-primary);letter-spacing:-1px;line-height:1;transform:translateY(2px)}.pixetide-logo-standalone svg{width:100%;height:100%;display:block}.pixetide-logo-standalone:hover .pixetide-logo-icon{transform:rotate(45deg) scale(1.1)}.navbar-wrapper{width:100%;display:flex;justify-content:center;padding:40px 24px 0}.navbar{width:100%;max-width:1440px;height:80px;background-color:var(--color-bg-surface);border:3px solid var(--color-text-primary);box-shadow:6px 6px #000;display:flex;align-items:center;z-index:100;margin-bottom:32px}.navbar-container{width:100%;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.brand-link{text-decoration:none;display:flex;align-items:center}.navbar-links{display:flex;align-items:center;gap:32px}.nav-link{text-decoration:none;font-family:var(--font-family);font-size:1.05rem;color:var(--color-text-primary);font-weight:600;position:relative;transition:all .2s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:4px;background-color:var(--color-accent);transition:width .3s cubic-bezier(.68,-.6,.32,1.6)}.nav-link:hover{transform:translateY(-2px)}.nav-link:hover:after{width:100%}.lang-switch-btn{font-family:var(--font-family);font-size:.9rem;font-weight:800;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:2px solid var(--color-text-primary);padding:6px 14px;cursor:pointer;box-shadow:3px 3px #000;transition:all .2s cubic-bezier(.68,-.6,.32,1.6);letter-spacing:.5px}.lang-switch-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000;background-color:var(--color-accent);color:#fff}.lang-switch-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.lang-switch-mobile{background:none;border:3px solid var(--color-text-primary)!important;cursor:pointer;font-size:1.5rem;box-shadow:5px 5px 0 var(--color-text-primary)}@keyframes ko-fi-heartbeat{0%{transform:scale(1)}5%{transform:scale(1.08)}10%{transform:scale(1)}15%{transform:scale(1.05)}20%{transform:scale(1)}to{transform:scale(1)}}.nav-btn-support{text-decoration:none;font-family:var(--font-family);font-size:1rem;color:var(--color-text-primary);border:2px solid var(--color-text-primary);padding:8px 20px;font-weight:700;background-color:#ffc813;box-shadow:3px 3px #000;transition:all .2s cubic-bezier(.68,-.6,.32,1.6);animation:ko-fi-heartbeat 5s ease-in-out infinite}.nav-btn-support:hover{transform:translate(-3px,-3px);box-shadow:6px 6px #000;background-color:#ffd600;animation-play-state:paused}.nav-btn-support:active{transform:translate(3px,3px);box-shadow:0 0 #000}.overlay-link.support-btn{background-color:#ffd600;border-color:var(--color-text-primary);box-shadow:8px 8px 0 var(--color-text-primary);margin-bottom:10px}.mobile-support-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.mobile-support-microcopy{font-family:var(--font-handwriting, cursive);font-size:.9rem;font-weight:700;color:var(--color-text-primary);text-align:center;max-width:250px;transform:rotate(1deg)}.burger-menu{display:none;flex-direction:column;justify-content:space-between;width:32px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.burger-line{width:100%;height:4px;background-color:var(--color-text-primary);border:1px solid var(--color-text-primary);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.burger-menu.open .burger-line:nth-child(1){transform:translateY(10px) rotate(45deg)}.burger-menu.open .burger-line:nth-child(2){opacity:0}.burger-menu.open .burger-line:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .4s ease}.nav-overlay.active{opacity:1;visibility:visible}.close-overlay{position:absolute;top:40px;right:40px;background:none;border:none;font-size:4rem;font-weight:300;color:var(--color-text-primary);cursor:pointer;line-height:1;transition:transform .2s ease}.close-overlay:hover{transform:scale(1.1) rotate(90deg)}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;padding:20px}.overlay-link{font-family:var(--font-family);font-size:2rem;font-weight:800;text-decoration:none;color:var(--color-text-primary);transition:all .2s ease;padding:10px 20px;border:3px solid transparent}.overlay-link:hover{background-color:var(--color-bg-main);border-color:var(--color-text-primary);box-shadow:6px 6px 0 var(--color-text-primary);transform:translate(-4px,-4px)}@media (max-width: 768px){.navbar-wrapper{padding:24px 16px 0}.navbar{height:64px;margin-bottom:24px;border-width:2px;box-shadow:4px 4px #000}.navbar-container{padding:0 20px}.brand-link{font-size:1.4rem}.desktop-only{display:none!important}.burger-menu{display:flex}}.main-footer{border-top:4px solid #000;background-color:#f8f9fa;padding:3rem 1.5rem 1rem;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem}@media (min-width: 768px){.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:4rem}}.footer-col.branding{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.footer-logo{font-size:1.5rem;font-weight:800;margin:0;color:#000}.footer-tagline{color:#4a4a4a;line-height:1.6;margin:0;max-width:300px}.footer-kofi{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#ffd166;color:#000;font-weight:700;text-decoration:none;border:2px solid #000;box-shadow:2px 2px #000;transition:all .2s ease;margin-top:.5rem}.footer-kofi:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.footer-kofi:active{transform:translate(2px,2px);box-shadow:0 0 #000}.footer-title{font-size:1.125rem;font-weight:700;margin:0 0 1.25rem;color:#000}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#4a4a4a;text-decoration:none;font-weight:500;transition:color .2s ease;position:relative;display:inline-block}.footer-link:hover{color:#000}.footer-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background-color:#000;transform-origin:bottom right;transition:transform .25s ease-out}.footer-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.footer-bottom{padding-top:1.5rem;border-top:2px solid #e5e5e5;display:flex;justify-content:center;align-items:center}.footer-copy{margin:0;color:#666;font-size:.875rem;font-weight:500}.neobrutal-card-wrapper{position:relative;display:block;width:100%;height:100%}.card-shadow{position:absolute;top:6px;left:6px;width:100%;height:100%;background-color:var(--color-text-primary);clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,0 100%);filter:blur(0px);opacity:1;z-index:0;transition:transform .4s cubic-bezier(.68,-.6,.32,1.6),filter .4s ease,opacity .4s ease}.neobrutal-card{background-color:var(--color-bg-surface);padding:32px 24px;text-decoration:none;display:flex;flex-direction:column;position:relative;color:var(--color-text-primary);border:3px solid var(--color-text-primary);min-height:240px;height:100%;z-index:1;transition:transform .4s cubic-bezier(.68,-.6,.32,1.6)}.neobrutal-card-wrapper:not(.disabled):hover .neobrutal-card{transform:translate(-10px,-10px)}.neobrutal-card-wrapper:not(.disabled):hover .card-shadow{transform:translate(2px,4px);filter:blur(8px);opacity:.6}.neobrutal-card-wrapper:not(.disabled):hover .card-title{color:var(--color-accent)}.neobrutal-card-wrapper:not(.disabled):hover .card-icon{transform:scale(1.25) rotate(5deg);color:var(--color-accent)}.card-fold{position:absolute;top:-3px;right:-3px;width:48px;height:48px;background-color:var(--color-bg-surface);z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='0,0 0,100 100,100' fill='%23f1f5f9' stroke='%23000000' stroke-width='6' stroke-linejoin='miter' /%3E%3C/svg%3E");background-size:cover}.card-icon{width:36px;height:36px;color:var(--color-text-primary);margin-bottom:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease}.card-icon svg{width:100%;height:100%;stroke-width:1.5}.card-title{font-family:var(--font-family);font-size:1.3rem;font-weight:800;margin-bottom:12px;color:var(--color-text-primary);line-height:1.2;transition:color .3s ease}.card-description{font-family:var(--font-family);font-size:.85rem;line-height:1.5;color:var(--color-text-secondary);margin:0;font-weight:500}.neobrutal-card-wrapper.disabled{cursor:not-allowed}.neobrutal-card-wrapper.disabled .neobrutal-card{background-color:#f8fafc;border-style:dashed;transform:none}.neobrutal-card-wrapper.disabled .card-shadow{transform:none;opacity:.5;filter:blur(0px)}.neobrutal-card-wrapper.disabled .card-icon,.neobrutal-card-wrapper.disabled .card-title,.neobrutal-card-wrapper.disabled .card-description{opacity:.4;color:var(--color-text-primary)}.home-container{display:flex;flex-direction:column;align-items:center;padding:0 24px 60px;width:100%}.hub-wrapper{width:100%;max-width:1440px;background-color:var(--color-bg-surface);border:3px solid var(--color-text-primary);box-shadow:6px 6px #000}.hero-section{text-align:left;padding:80px 60px;border-bottom:2px solid var(--color-text-primary)}.hero-title{font-family:var(--font-family);font-size:3.5rem;font-weight:900;color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:1.1;letter-spacing:-1.5px}.hero-subtitle{font-family:var(--font-family);font-size:1.25rem;color:var(--color-text-secondary);max-width:800px;font-weight:500;line-height:1.6;margin:0}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:40px 60px;background-color:transparent}@media (max-width: 1150px){.tools-grid{grid-template-columns:repeat(3,1fr);padding:40px}}@media (max-width: 768px){.home-container{padding:0 16px 40px}.hub-wrapper{border-width:2px;box-shadow:4px 4px #000}.hero-section{padding:40px 24px;border-bottom-width:2px}.hero-title{font-size:2.2rem}.tools-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:24px 16px}}.error-page-container{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px 24px;width:100%}.error-content-card{background-color:var(--color-bg-surface);border:3px solid var(--color-text-primary);box-shadow:12px 12px 0 var(--color-text-primary);padding:60px 40px;max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.error-content-card.critical{border-color:var(--color-error);box-shadow:12px 12px 0 var(--color-error)}.error-icon-wrapper{color:var(--color-text-primary);margin-bottom:32px}.critical .error-icon-wrapper{color:var(--color-error)}.error-svg{width:80px;height:80px}.error-title{font-family:var(--font-family);font-size:3rem;font-weight:900;margin-bottom:16px;line-height:1}.error-message{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:40px;line-height:1.6}.error-btn-primary{text-decoration:none;background-color:var(--color-accent);color:#fff;font-weight:800;padding:16px 40px;font-size:1.2rem;border:3px solid var(--color-text-primary);box-shadow:6px 6px 0 var(--color-text-primary);transition:all .2s cubic-bezier(.68,-.6,.32,1.6);cursor:pointer}.error-btn-primary:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--color-text-primary)}.error-btn-primary:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--color-text-primary)}.error-debug{margin-top:40px;padding:20px;background-color:#fee2e2;border:1px dashed var(--color-error);color:var(--color-error);font-family:monospace;font-size:.85rem;width:100%;overflow-x:auto;text-align:left}.tool-error-container{display:flex;align-items:center;gap:20px;background-color:var(--color-error-bg);border:3px solid var(--color-text-primary);padding:20px 24px;margin:24px 0;width:100%;box-shadow:6px 6px 0 var(--color-error)}.tool-error-icon{color:var(--color-error);flex-shrink:0}.tool-error-content{flex:1}.tool-error-title{font-family:var(--font-family);font-weight:800;font-size:1.1rem;margin-bottom:4px;color:var(--color-text-primary)}.tool-error-message{font-size:.95rem;color:var(--color-text-secondary);margin:0}.tool-error-retry{background:#fff;border:2px solid var(--color-text-primary);padding:8px 16px;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 var(--color-text-primary);transition:all .1s ease}.tool-error-retry:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-text-primary)}.fade-up{animation:fadeUp .4s cubic-bezier(.68,-.6,.32,1.6)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:32px;right:32px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item{background-color:var(--color-bg-surface);border:3px solid var(--color-text-primary);padding:16px 24px;min-width:280px;max-width:400px;font-family:var(--font-family);font-weight:700;font-size:.95rem;box-shadow:6px 6px 0 var(--color-text-primary);pointer-events:auto}.toast-error{border-color:var(--color-error);color:var(--color-error);box-shadow:6px 6px 0 var(--color-error)}.toast-success{border-color:var(--color-success);color:var(--color-success);box-shadow:6px 6px 0 var(--color-success)}@media (max-width: 600px){.toast-container{bottom:20px;right:20px;left:20px}.toast-item{min-width:auto}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:400px;background-color:#fff;border:2px solid var(--color-text-primary);padding:16px 20px;border-radius:12px;box-shadow:6px 6px #0000001a;display:flex;align-items:center;gap:12px;transform-origin:right top;animation:toast-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}.toast--error{border-color:#ef4444;background-color:#fef2f2}.toast--success{border-color:#22c55e;background-color:#f0fdf4}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast__message{font-family:var(--font-handwriting);font-size:1.1rem;color:var(--color-text-primary);line-height:1.2}.toast--error .toast__message{color:#991b1b}.toast--success .toast__message{color:#166534}.toast--exit{animation:toast-out .4s cubic-bezier(.6,-.28,.735,.045) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(100%) rotate(5deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(50%) scale(.8)}}@media (max-width: 768px){.toast-container{top:15px;right:15px;left:15px;align-items:center}.toast{width:100%;min-width:0;transform-origin:top center}@keyframes toast-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}.app-layout{display:flex;flex-direction:column;min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);max-width:800px;margin:0 auto}.app-header{text-align:center;margin-bottom:var(--spacing-xl)}.app-header h1{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-footer{text-align:center;margin-top:var(--spacing-xl);color:var(--color-text-secondary);font-size:.9rem}:root{--color-bg-main: #f8fafc;--color-bg-surface: #ffffff;--color-text-primary: #000000;--color-text-secondary: #4b5563;--color-grid: #e2e8f0;--grid-size: 20px;--color-accent: #a855f7;--color-accent-hover: #9333ea;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-border: #000000;--color-border-active: #a855f7;--shadow-sm: 2px 2px 5px rgba(0, 0, 0, .05);--shadow-md: 4px 4px 10px rgba(0, 0, 0, .1);--radius-md: 4px;--radius-lg: 8px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-handwriting: "Gochi Hand", cursive}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--color-bg-main);background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;flex:1}h1{font-size:2rem;font-weight:600;letter-spacing:-.02em}h2{font-size:1.5rem;font-weight:500}p{color:var(--color-text-secondary)}