:root{--primary-color:#6c5ce7;--secondary-color:#a29bfe;--accent-color:#00cec9;--accent-glow:rgba(0, 206, 201, 0.4);--success-color:#00b894;--success-glow:rgba(0, 184, 148, 0.4);--error-color:#d63031;--text-color:#dfe6e9;--text-muted:#b2bec3;--background-dark:#0f0f1a;--background-darker:#08080f;--background-card:rgba(30, 30, 46, 0.7);--border-color:rgba(108, 92, 231, 0.2);--header-gradient:linear-gradient(135deg, var(--primary-color), var(--secondary-color));--border-radius:16px;--small-radius:8px;--box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);--hover-shadow:0 8px 28px rgba(0, 0, 0, 0.15);--button-shadow:0 2px 5px rgba(0, 0, 0, 0.1);--bg-color:#0f0e13;--card-bg:#1a1a25;--results-bg:#16162e;--placeholder-bg:#16162e;--placeholder-text:#8e8ea0;--transition-speed:0.3s}[data-theme=light]{--primary-color:#4834d4;--secondary-color:#686de0;--accent-color:#22a6b3;--accent-glow:rgba(34, 166, 179, 0.2);--success-color:#6ab04c;--success-glow:rgba(106, 176, 76, 0.2);--error-color:#eb4d4b;--text-color:#2d3436;--text-muted:#636e72;--background-dark:#f5f6fa;--background-darker:#dfe6e9;--background-card:rgba(255, 255, 255, 0.85);--border-color:rgba(72, 52, 212, 0.15);--bg-color:#f5f6fa;--card-bg:#ffffff;--results-bg:#f5f6fa;--placeholder-bg:#edf2f7;--placeholder-text:#718096;--box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);--hover-shadow:0 8px 30px rgba(0, 0, 0, 0.1);--button-shadow:0 2px 10px rgba(0, 0, 0, 0.05);--header-gradient:linear-gradient(135deg, #4834d4, #686de0);--neon-glow:none;--card-glow:none}*{margin:0;padding:0;box-sizing:border-box;transition:all .3s ease}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--background-dark);color:var(--text-color);line-height:1.6;padding:0;margin:0;min-height:100vh;position:relative;background:radial-gradient(circle at 10% 20%,var(--background-darker) 0,var(--background-dark) 90%)}.page-layout{display:block;max-width:1200px;margin:0 auto}.container{max-width:1000px;margin:0 auto;padding:20px}.theme-toggle{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:var(--background-card);border:1px solid var(--border-color);color:var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.2)}.theme-toggle:hover{transform:rotate(30deg);box-shadow:0 0 15px var(--accent-glow);border-color:var(--accent-color)}.ad-container,.ad-placeholder,.ad-placeholder p,.left-ad,.right-ad{display:none}.info-section,.tool-container{background:var(--background-card);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;padding:20px;margin-bottom:25px;box-shadow:0 8px 20px rgba(0,0,0,.15);position:relative}.info-section:hover,.tool-container:hover{box-shadow:0 10px 25px rgba(0,0,0,.2),0 0 10px var(--accent-glow);border-color:var(--accent-color)}.tabs{display:flex;margin-bottom:20px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background:var(--background-darker);height:44px}.tab-button{flex:1;padding:12px;border:none;background:0 0;color:var(--tab-text);cursor:pointer;font-weight:500;letter-spacing:.5px;text-transform:uppercase;font-size:.9rem;position:relative;overflow:hidden;transition:all .3s ease}.tab-button:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent-color);transform:scaleX(0);transition:transform .3s ease}.tab-button:hover{background:rgba(255,255,255,.1)}.tab-button.active{color:var(--tab-active-text);background-color:var(--tab-active-bg)}.tab-button.active:after{transform:scaleX(1)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}.form-section{margin-bottom:20px}textarea{width:100%;padding:15px;border-radius:8px;border:1px solid var(--border-color);background:rgba(0,0,0,.1);color:var(--text-color);font-size:1rem;margin-bottom:15px;resize:none;min-height:100px;max-height:300px;overflow-y:auto;font-family:Consolas,monospace;transition:height .2s ease}input[type=file],input[type=text]{width:100%;padding:15px;border:1px solid var(--border-color);background:rgba(0,0,0,.1);color:var(--text-color);font-size:1rem;margin-bottom:15px;font-family:Consolas,monospace}[data-theme=light] input[type=file],[data-theme=light] input[type=text],[data-theme=light] textarea{background:rgba(230,230,240,.3)}input[type=text]:focus,textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--accent-glow)}.file-upload-container{border:2px dashed var(--border-color);border-radius:8px;padding:25px;text-align:center;margin-bottom:20px;background:rgba(0,0,0,.05);transition:all .3s ease}[data-theme=light] .file-upload-container{background:rgba(230,230,240,.2)}.file-upload-container.dragover{background:rgba(108,92,231,.1);border-color:var(--primary-color)}.file-upload-container p{margin-bottom:15px;color:var(--text-muted)}.file-upload-btn{display:inline-block;background:var(--accent-color);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.file-upload-btn:hover{background:var(--primary-color);transform:translateY(-2px)}.progress-container{margin:20px 0;display:none}.progress-bar{height:6px;width:100%;background:rgba(0,0,0,.1);border-radius:3px;overflow:hidden;margin-bottom:5px}[data-theme=light] .progress-bar{background:rgba(0,0,0,.05)}.progress-bar>div{height:100%;width:0;background:linear-gradient(to right,var(--primary-color),var(--accent-color));transition:width .3s ease;border-radius:3px}.progress-text{text-align:right;font-size:.85rem;color:var(--text-muted)}.file-info{font-size:.9rem;color:var(--text-muted);margin-bottom:10px}.results-section{background:var(--background-card);padding:20px;border-radius:8px;margin:20px 0;border:1px solid var(--border-color);overflow:visible}.results-header{margin-bottom:15px;color:var(--accent-color);font-weight:500;font-size:1.1rem}.result-container{display:flex;align-items:center;margin-bottom:15px;flex-wrap:nowrap;overflow:visible;position:relative;z-index:1}.result-container label{flex:0 0 150px;color:var(--text-muted);font-size:.9rem;display:flex;align-items:center}.result-container input{flex:1;height:42px;line-height:42px;padding:0 15px;border-radius:6px;border:1px solid var(--border-color);background:rgba(0,0,0,.1);color:var(--text-color);font-family:Consolas,Monaco,monospace;margin-right:10px;box-sizing:border-box;vertical-align:middle;display:flex;align-items:center;overflow:visible}[data-theme=light] .result-container input{background:rgba(230,230,240,.3)}.btn,.copy-btn{padding:0 15px;height:42px;border:none;border-radius:6px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1);position:relative;overflow:hidden;min-width:100px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0}.btn:hover,.copy-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2),0 0 8px var(--accent-glow)}.btn:active,.copy-btn:active{transform:translateY(1px)}.copy-btn{background:linear-gradient(45deg,var(--accent-color),var(--primary-color))}.copy-btn.copied{background:linear-gradient(45deg,var(--success-color),var(--accent-color));box-shadow:0 0 15px var(--success-glow)}footer{text-align:center;padding:20px;background:var(--background-darker);color:var(--footer-text);border-top:1px solid var(--border-color);margin-top:40px}footer p{margin:5px 0;font-size:.9rem;color:var(--footer-text)}footer a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease}footer a:hover{text-decoration:underline;color:var(--accent-color)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}100%{transform:scale(2);opacity:0}}@media (max-width:1200px){.page-layout{max-width:100%;padding:0 20px}}@media (max-width:992px){.page-layout{display:block;grid-template-columns:1fr;grid-template-areas:"main"}}@media (max-width:768px){.container{padding:5px}.page-layout{padding:0 5px}h1{font-size:1.8rem}.result-container{flex-direction:column}.result-container label{margin-bottom:5px}.result-container input{margin-bottom:10px;width:100%}.copy-btn{width:60px}.results-section{padding:15px}.theme-toggle{top:10px;right:10px}.info-card{padding:12px;margin-bottom:15px}.info-section,.tool-container{border-radius:8px;padding:12px;margin-bottom:15px}}header{background:0 0;color:var(--primary-color);padding:30px 0;text-align:center;position:relative;margin-bottom:20px}h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block}h2{font-size:1.4rem;margin-bottom:15px;color:var(--secondary-color);font-weight:500}h3{font-size:1.2rem;margin-bottom:15px;color:var(--accent-color);font-weight:500}header p{font-size:1.25rem;color:var(--text-muted);opacity:.9;max-width:800px;margin:0 auto;transition:color var(--transition-speed) ease}[data-theme=light] header p{color:var(--text-muted)}