@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--primary: #2A3531;--badge-bg: #F1604B;--chop-color: #F55F44;--bg-page: #F8F7F3;--header-bg: #302F32;--component-bg: #EEEEEE;--border-color: #AFAFAF;--input-border: #BBBBBB;--white: #FFFFFF}body{font-family:Inter,sans-serif;background-color:var(--bg-page);color:var(--primary);margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,monospace}nav.dark-theme{background-color:var(--header-bg)!important;height:56px;color:var(--white);border-bottom:none}nav.dark-theme .nav-link{color:var(--white);font-size:14px;font-weight:500;transition:opacity .2s;background:none;border:none;cursor:pointer}nav.dark-theme .nav-link:hover{opacity:.7}.hero-title{font-size:clamp(36px,4vw,60px);font-weight:700;line-height:1.1;letter-spacing:-1px;color:var(--primary);text-align:center}.text-highlight{color:var(--chop-color)}.highlight-pill{background-color:var(--badge-bg);color:var(--white);padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;display:inline-block}.pixel-card{background:var(--component-bg);border:2px solid #D4D4D4;border-radius:10px;padding:18px;transition:all .2s ease;opacity:.6}.pixel-card:hover{border-color:var(--border-color);opacity:.85}.pixel-card.active{background-color:var(--white);border:3px solid var(--primary);opacity:1;box-shadow:0 2px 12px #2a35311f;transform:translateY(-2px)}.upload-zone{border:3px solid var(--border-color);border-radius:10px;background-color:var(--component-bg);transition:all .3s ease;height:240px}.upload-zone:hover{border-color:var(--primary)}.hero-subtitle{font-size:18px;font-weight:500;color:#4c4b4f;max-width:800px;margin:0 auto;line-height:normal}.form-input{height:48px;padding:10px 14px;border:1px solid var(--input-border);border-radius:10px;background-color:var(--white);font-family:Inter,sans-serif;font-size:14px;outline:none;width:100%;box-sizing:border-box}.form-input:focus{border-color:var(--primary)}.logo-loader-container{animation:logo-pulse 2s ease-in-out infinite}.logo-loader-cell{transition:fill .3s ease}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
