body{margin:0;font-family:Arial,sans-serif;background-color:#0f0f0f;color:#fff;background-image:url(./bg-pattern-CxC7CUFY.png);background-repeat:repeat;background-size:auto}.header{text-align:center;background-color:#1a1a1a;padding:16px;border-bottom:2px solid #83efaa}.header h1{margin:0;font-size:2rem}.header p{font-size:1rem;color:#ccc}.menu{margin-top:16px}.menu ul{list-style:none;display:flex;justify-content:center;gap:24px;padding:0;margin:0}.menu ul li{display:inline}.menu ul li a{text-decoration:none;color:#83efaa;font-weight:700;transition:color .3s}.menu ul li a:hover{color:#6bcc8c}.container{max-width:90%;margin:0 auto;background:#1a1a1a;border-radius:16px;padding:16px;box-shadow:0 4px 10px #00000080}.tool-container{display:flex;gap:16px;justify-content:center;align-items:flex-start}.buttons-container{display:flex;flex-direction:column;gap:8px}button{width:100%;padding:12px;font-size:16px;font-weight:700;background-color:#83efaa;color:#000;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s,transform .2s}button:hover{background-color:#6bcc8c;transform:scale(1.05)}button:disabled{background-color:#333;color:#666;cursor:not-allowed}input[type=file]{display:none}label[for=file-upload]{display:inline-block;background-color:#83efaa;color:#000;padding:10px 16px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s}label[for=file-upload]:hover{background-color:#6bcc8c;transform:scale(1.05)}label[for=file-upload]:active{transform:scale(.95)}input[type=range]{width:100%;max-width:120px;margin-top:8px;appearance:none;background:#333;height:6px;border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#83efaa;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#83efaa;border-radius:50%;cursor:pointer}input[type=range]::-ms-thumb{width:16px;height:16px;background:#83efaa;border-radius:50%;cursor:pointer}.canvas-container{background:#000;border-radius:16px;text-align:center;box-shadow:0 4px 10px #00000080;width:100%;max-width:400px;margin:0 auto}.tip{color:#888;text-align:center;margin-top:24px;font-size:1rem}.layout{display:flex;justify-content:center;align-items:center;gap:24px;padding:16px;flex-direction:row-reverse}.footer{text-align:center;background-color:#1a1a1a;padding:16px;border-top:2px solid #83efaa;margin-top:24px}.footer p{margin:0;font-size:1rem;color:#888}.about-scumbag-steve{max-width:800px;margin:24px auto;background:#1a1a1a;padding:24px;border-radius:12px;box-shadow:0 4px 10px #00000080;color:#fff}.about-scumbag-steve h2{font-size:2rem;margin-bottom:16px;color:#83efaa}.about-scumbag-steve p{font-size:1.1rem;line-height:1.6;margin-bottom:16px}.about-scumbag-steve ul{list-style-type:disc;padding-left:20px}.about-scumbag-steve ul li{margin-bottom:8px;font-size:1.1rem}.subheading{font-size:1rem;color:#aaa;margin-top:8px}.tagline{text-align:center;font-size:1.2rem;color:#ccc;margin-bottom:16px}.button-spacing{margin-top:24px}.banner{width:100%;box-sizing:border-box;background:linear-gradient(180deg,#fff700,#ffe066,#fff700);color:#222;text-align:center;padding:12px 16px;font-size:1.2rem;font-weight:700;border-bottom:2px solid #ccc;cursor:pointer;transition:background .2s,transform .2s;border-radius:8px;box-shadow:0 4px 8px #0003;position:relative;margin:0 auto 8px;max-width:100vw}@media (max-width: 600px){.banner{font-size:1rem;padding:10px 8px;border-radius:0 0 8px 8px}.header img{height:64px!important;width:64px!important;display:block;margin:0 auto 8px}}.banner:after{content:"";display:block;position:absolute;top:0;left:0;right:0;height:50%;background:#ffffff2e;border-radius:8px;pointer-events:none}.cta-btn{background-color:#83efaa;color:#000;font-weight:700;border:none;border-radius:12px;padding:10px 20px;margin-left:16px;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s;display:inline-block;white-space:nowrap}.cta-btn:hover{background-color:#6bcc8c;transform:scale(1.05)}.hamburger{display:none;background:none;border:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;margin-left:12px;z-index:20}.hamburger-bar{width:28px;height:4px;background:#83efaa;margin:3px 0;border-radius:2px;display:block;transition:all .3s}.hamburger-img{width:32px;height:32px;display:block}@media (max-width: 768px){.hamburger{display:flex}.menu{position:absolute;top:64px;left:0;right:0;background:#1a1a1a;border-bottom:2px solid #83efaa;display:none;z-index:10}.menu.open{display:block;animation:fadeInMenu .2s}.menu ul{flex-direction:column;gap:0;align-items:stretch;padding:0;margin:0}.menu ul li{display:block;width:100%;text-align:center;border-bottom:1px solid #222}.menu ul li:last-child{border-bottom:none}.menu ul li a{display:block;padding:16px 0;font-size:1.1rem}.header{position:relative;flex-direction:row;align-items:center;justify-content:space-between}}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.header{padding:10px}.menu ul{gap:12px;font-size:.95rem}.cta-btn{margin-left:8px;padding:8px 14px;font-size:.95rem}}@media (max-width: 768px){.header{flex-direction:column;align-items:center;padding:8px}.menu{margin-top:8px;width:100%}.menu ul{flex-direction:column;gap:8px;align-items:center;width:100%}.menu ul li{display:block;width:100%;text-align:center}.cta-btn{margin:12px 0 0;width:90%;max-width:300px;display:block}.container,.about-container,.contact-container{max-width:100%;width:100%;padding:10px;margin:12px auto}.layout{flex-direction:column;gap:12px;padding:8px}.tool-container{flex-direction:column;gap:10px;align-items:center}}@media (max-width: 480px){.header img{height:56px!important;width:56px!important;display:block;margin:0 auto 8px}.header h1{font-size:1.1rem}.cta-btn{font-size:.9rem;padding:8px 10px}.container,.about-container,.contact-container{padding:6px;margin:8px auto}.banner{font-size:.9rem;padding:6px 0}}.container,.about-scumbag-steve,.contact-container{background:#1a1a1ab3;box-shadow:0 8px 32px #1f26872e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(255,255,255,.08);transition:box-shadow .3s}button,.cta-btn,label[for=file-upload]{box-shadow:0 2px 8px #0000001a,0 1.5px 4px #00ff0014;transition:box-shadow .2s,background-color .3s,transform .2s}button:hover,.cta-btn:hover,label[for=file-upload]:hover{box-shadow:0 4px 16px #00ff0026,0 2px 8px #0000001f}input[type=range]::-webkit-slider-thumb{background:linear-gradient(135deg,#83efaa 60%,#6bcc8c);border:2px solid #fff}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#83efaa 60%,#6bcc8c);border:2px solid #fff}input[type=range]::-ms-thumb{background:linear-gradient(135deg,#83efaa 60%,#6bcc8c);border:2px solid #fff}.banner{background:linear-gradient(90deg,#fff700,#ffe066);color:#222;border-radius:0 0 16px 16px;box-shadow:0 2px 12px #ffff0014;font-weight:600;letter-spacing:.01em}body{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;color:#f5f5f7;background:linear-gradient(120deg,#181818,#232526)}@keyframes fadeInSection{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.container,.about-scumbag-steve,.contact-container{animation:fadeInSection .7s cubic-bezier(.4,0,.2,1)}.menu ul li a{color:#83efaa;transition:color .2s}.menu ul li a:hover{color:#6bcc8c;text-shadow:0 0 8px #83efaa88}.hamburger-bar{background:#83efaa}.user-info-form{max-width:500px;margin:24px auto;background:#1a1a1a;padding:24px;border-radius:12px;box-shadow:0 4px 10px #00000080;color:#fff}.user-info-form h2{font-size:1.5rem;margin-bottom:16px;color:#83efaa}.user-info-form form{display:flex;flex-direction:column;gap:16px}.user-info-form label{display:flex;flex-direction:column;font-size:1rem}.user-info-form input,.user-info-form textarea{padding:8px;font-size:1rem;border:1px solid #333;border-radius:8px;background:#222;color:#fff}.user-info-form button{padding:12px;font-size:1rem;font-weight:700;background-color:#83efaa;color:#000;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s}.user-info-form button:hover{background-color:#6bcc8c;transform:scale(1.05)}