:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}nav{z-index:100;height:var(--nav-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #00000012;align-items:center;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.logo{font-family:var(--font-head);letter-spacing:-.5px;color:var(--ink);align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;display:inline-block}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:var(--ink-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--ink);color:#fff;border-radius:40px;padding:10px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,transform .15s}.nav-cta:hover{background:var(--accent);transform:translateY(-1px)}footer{background:var(--ink);color:#fff9;padding:60px 5% 30px}.footer-inner{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:52px;display:grid}.footer-brand .logo{color:#fff;margin-bottom:16px;display:inline-flex}.footer-brand p{max-width:260px;font-size:14px;line-height:1.7}footer h4{font-family:var(--font-head);color:#fff;margin-bottom:18px;font-size:14px;font-weight:700}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:#ffffff8c;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.footer-bottom p{font-size:13px}.footer-socials{gap:12px;display:flex}.social-btn{color:#fff9;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.social-btn:hover{background:var(--accent);color:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0d0f14;--ink-muted:#4a4f5e;--ink-faint:#9198ab;--surface:#fff;--surface-2:#f5f6f9;--surface-3:#eceef4;--accent:#1a56e8;--accent-2:#0f3aab;--accent-glow:#e8eefb;--gold:#e8a020;--radius:14px;--radius-sm:8px;--nav-h:72px;--font-head:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}html{scroll-behavior:smooth}html,body,#app{width:100%;height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--surface);font-size:16px;line-height:1.65;overflow-x:hidden}section{width:100%;padding:100px 5%}.section-inner{max-width:1200px;margin:0 auto}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:12px;font-weight:600}.main-content{padding-top:var(--nav-h)}h2{font-family:var(--font-head);letter-spacing:-1.5px;color:var(--ink);margin-bottom:16px;font-size:clamp(28px,3.5vw,46px);font-weight:800;line-height:1.15}.section-sub{color:var(--ink-muted);max-width:520px;font-size:17px;line-height:1.7}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.testi-grid,.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.why-grid,.contact-grid,.services-grid,.testi-grid{grid-template-columns:1fr}.contact-grid{gap:48px}.process-steps{grid-template-columns:1fr 1fr;gap:40px}.process-steps:before{display:none}.form-row{grid-template-columns:1fr}.nav-links{display:none}.footer-grid{grid-template-columns:1fr 1fr}}.hero{min-height:100vh;padding:calc(var(--nav-h) + 60px) 5% 80px;background:var(--surface);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(70% 60% at 70%,#dde8fd 0%,#0000 70%),radial-gradient(40% 40% at 20% 80%,#f0e8fd 0%,#0000 60%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-tag{background:var(--accent-glow);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border:1px solid #1a56e833;border-radius:40px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.hero-tag-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}h1{font-family:var(--font-head);letter-spacing:-2px;color:var(--ink);margin-bottom:24px;font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1.1}h1 em{color:var(--accent);font-style:normal}.hero-desc{color:var(--ink-muted);max-width:480px;margin-bottom:40px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:40px;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px #1a56e84d}.btn-primary:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:0 8px 28px #1a56e866}.btn-ghost{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;transition:gap .2s;display:flex}.btn-ghost:hover{gap:14px}.btn-ghost-arrow{font-size:18px}.hero-visual{gap:16px;animation:.8s .3s both floatIn;display:grid}@keyframes floatIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.stat-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--surface-3);border-radius:var(--radius);padding:22px;box-shadow:0 2px 20px #0000000f}.stat-card .num{font-family:var(--font-head);color:var(--ink);font-size:36px;font-weight:800;line-height:1}.stat-card .num span{color:var(--accent)}.stat-card .label{color:var(--ink-muted);margin-top:6px;font-size:13px}.tech-badge{background:var(--surface);border:1px solid var(--surface-3);border-radius:var(--radius);align-items:center;gap:14px;padding:18px 22px;display:flex;box-shadow:0 2px 20px #0000000f}.tech-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.tech-badge p{color:var(--ink);margin:0;font-size:13px;font-weight:500}.tech-badge small{color:var(--ink-faint);font-size:12px}.hero-text{animation:.8s .1s both floatIn}.clients-strip{background:var(--surface);border-top:1px solid var(--surface-3);border-bottom:1px solid var(--surface-3);padding:48px 5%}.clients-inner{flex-wrap:wrap;align-items:center;gap:52px;max-width:1200px;margin:0 auto;display:flex}.clients-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;font-size:12px;font-weight:600}.clients-logos{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.client-logo{font-family:var(--font-head);color:var(--surface-3);letter-spacing:-.5px;cursor:default;font-size:18px;font-weight:800;transition:color .25s}.client-logo:hover{color:var(--ink-faint)}#services{background:var(--surface-2)}.services-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:60px;display:flex}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--surface-3);padding:36px 32px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 16px 40px #0000001a}.service-card:hover:before{transform:scaleX(1)}.service-icon{background:var(--accent-glow);border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;font-size:24px;display:flex}.service-card h3{font-family:var(--font-head);letter-spacing:-.4px;margin-bottom:12px;font-size:19px;font-weight:700}.service-card p{color:var(--ink-muted);font-size:14px;line-height:1.7}.service-card .learn{color:var(--accent);align-items:center;gap:6px;margin-top:18px;font-size:13px;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}.service-card .learn:hover{gap:10px}#why{background:var(--surface)}.why-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.why-visual{background:var(--ink);color:#fff;border-radius:24px;padding:40px;position:relative;overflow:hidden}.why-visual:after{content:"";background:radial-gradient(circle,#1a56e899 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-40px;right:-40px}.why-visual h3{font-family:var(--font-head);margin-bottom:28px;font-size:22px;font-weight:700}.why-item{z-index:1;gap:16px;margin-bottom:22px;display:flex;position:relative}.why-check{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:12px;display:flex}.why-item p{color:#ffffffbf;font-size:14px;line-height:1.6}.why-item strong{color:#fff;margin-bottom:4px;font-size:15px;display:block}.why-list{flex-direction:column;gap:24px;list-style:none;display:flex}.why-list li{align-items:flex-start;gap:16px;display:flex}.why-num{font-family:var(--font-head);color:var(--accent);min-width:28px;padding-top:2px;font-size:14px;font-weight:700}.why-list h4{margin-bottom:4px;font-size:16px;font-weight:600}.why-list p{color:var(--ink-muted);font-size:14px;line-height:1.65}#process{background:var(--surface-2)}.process-header{text-align:center;margin-bottom:64px}.process-header .section-sub{margin:0 auto}.process-steps{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.process-steps:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, var(--surface-3) 100%);height:1px;position:absolute;top:36px;left:12.5%;right:12.5%}.step{text-align:center;padding:0 16px}.step-circle{border:2px solid var(--surface-3);background:var(--surface);z-index:1;width:72px;height:72px;font-family:var(--font-head);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:20px;font-weight:800;transition:background .3s,color .3s,border-color .3s;display:flex;position:relative}.step:first-child .step-circle{background:var(--accent);color:#fff;border-color:var(--accent)}.step h4{font-family:var(--font-head);margin-bottom:8px;font-size:16px;font-weight:700}.step p{color:var(--ink-muted);font-size:13px;line-height:1.6}#testimonials{background:var(--surface)}.testi-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:52px;display:flex}.testi-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testi-card{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--surface-3);padding:32px}.testi-card.featured{background:var(--ink);border-color:var(--ink)}.stars{color:var(--gold);letter-spacing:2px;margin-bottom:18px;font-size:14px}.testi-card p{color:var(--ink-muted);margin-bottom:24px;font-size:15px;line-height:1.75}.testi-card.featured p{color:#ffffffb3}.testi-author{align-items:center;gap:12px;display:flex}.avatar{width:42px;height:42px;font-family:var(--font-head);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.testi-author strong{color:var(--ink);font-size:14px;font-weight:600;display:block}.testi-card.featured .testi-author strong{color:#fff}.testi-author small{color:var(--ink-faint);font-size:12px}.testi-card.featured .testi-author small{color:#ffffff73}#contact{background:var(--surface-2)}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;display:grid}.contact-info h2{margin-bottom:16px}.contact-info p{color:var(--ink-muted);margin-bottom:36px;font-size:16px;line-height:1.7}.contact-detail{flex-direction:column;gap:20px;display:flex}.c-item{align-items:flex-start;gap:14px;display:flex}.c-icon{background:var(--accent-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.c-item strong{color:var(--ink-faint);margin-bottom:2px;font-size:13px;display:block}.c-item span{color:var(--ink);font-size:15px;font-weight:500}.contact-form{flex-direction:column;gap:18px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--ink-muted);font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--surface-3);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--ink);background:var(--surface);resize:vertical;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a56e81f}.form-group textarea{min-height:120px}.btn-submit{background:var(--accent);color:#fff;cursor:pointer;font-family:var(--font-body);border:none;border-radius:40px;align-self:flex-start;padding:15px 36px;font-size:15px;font-weight:500;transition:background .2s,transform .15s}.btn-submit:hover{background:var(--accent-2);transform:translateY(-2px)}.body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s;display:flex}.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:15px;width:100%;max-width:800px;margin-bottom:30px;padding:20px;box-shadow:0 10px 30px #0000001a}.controls h3{color:#333;text-align:center;margin-bottom:15px;font-size:18px}.control-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:15px;display:grid}.control-group{flex-direction:column;gap:8px;display:flex}.control-group label{color:#666;font-size:12px;font-weight:500}.control-group input,.control-group select{border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s}.control-group input:focus,.control-group select:focus{border-color:#667eea;outline:none}.color-input{cursor:pointer;border:none;border-radius:6px;width:100%;height:40px}.btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn:hover{background:#5a6fd8;transform:translateY(-2px)}.btn-download{background:#28a745;grid-column:1/-1;justify-self:center;margin-top:10px}.btn-download:hover{background:#218838}.screenshot-container{justify-content:center;width:100%;max-width:400px;display:flex}.screenshot-frame{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;width:100%;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.screenshot-frame:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.screenshot-frame:before{content:"";background:linear-gradient(90deg, var(--accent-color,#ff6b6b), var(--secondary-color,#4ecdc4));background-size:300% 100%;height:3px;animation:3s infinite gradient;position:absolute;top:0;left:0;right:0}@keyframes gradient{0%,to{background-position:0%}50%{background-position:100%}}.phone-mockup{background:#1a1a1a;border-radius:25px;width:240px;margin:0 auto 20px;padding:8px;position:relative;box-shadow:0 15px 35px #0000004d}.phone-mockup:before{content:"";background:#333;border-radius:2px;width:60px;height:4px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.phone-screen{cursor:pointer;background:#f8f9fa;border-radius:18px;justify-content:center;align-items:center;height:420px;transition:all .2s;display:flex;position:relative;overflow:hidden}.phone-screen:hover{transform:scale(1.02)}.screenshot-placeholder{color:#666;text-align:center;background:linear-gradient(45deg,#e3f2fd,#f3e5f5);border:2px dashed #ccc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;transition:all .2s;display:flex}.screenshot-placeholder:hover{background:linear-gradient(45deg,#e8f0fe,#f8e6ff);border-color:#667eea}.screenshot-img{object-fit:cover;border-radius:16px;width:100%;height:100%}.feature-title{color:#fff;text-align:center;text-shadow:0 2px 4px #0000004d;margin-bottom:12px;font-size:24px;font-weight:600}.feature-description{color:#ffffffe6;text-align:center;text-shadow:0 1px 2px #0003;font-size:16px;line-height:1.6}.app-icon{background:linear-gradient(135deg, var(--accent-color,#667eea), var(--secondary-color,#764ba2));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 20px;font-size:24px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 8px 16px #0003}.app-icon img{object-fit:cover;border-radius:12px;width:100%;height:100%}.file-input{display:none}.hide-controls{display:none!important}.screenshot-mode{padding-top:40px}.service-card[data-v-57127729]{cursor:pointer;background:#fff;border-radius:24px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.service-card[data-v-57127729]:hover{transform:translateY(-8px);box-shadow:0 20px 25px -12px #00000026}.card-icon[data-v-57127729]{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;transition:transform .2s;display:flex}.service-card:hover .card-icon[data-v-57127729]{transform:scale(1.05)}.icon-large[data-v-57127729]{font-size:2rem}.card-title[data-v-57127729]{color:#1e293b;margin-bottom:8px;font-size:1.25rem;font-weight:600}.card-description[data-v-57127729]{color:#64748b;margin-bottom:20px;font-size:.875rem;line-height:1.5}.card-footer[data-v-57127729]{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.category-badge[data-v-57127729]{text-transform:capitalize;color:#475569;background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:500}.launch-link[data-v-57127729]{color:#4f46e5;align-items:center;gap:4px;font-size:.875rem;font-weight:500;transition:gap .2s;display:flex}.link-arrow[data-v-57127729]{transition:transform .2s}.service-card:hover .link-arrow[data-v-57127729]{transform:translate(4px)}.card-hover-effect[data-v-57127729]{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.service-card:hover .card-hover-effect[data-v-57127729]{transform:scaleX(1)}.free-services-page[data-v-6853aa90]{background:linear-gradient(135deg,#f5f7fa 0%,#eef2f6 100%);min-height:100vh}.hero-section[data-v-6853aa90]{text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:80px 24px;position:relative;overflow:hidden}.hero-section[data-v-6853aa90]:before{content:"";opacity:.3;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234f46e5' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-title[data-v-6853aa90]{color:#fff;letter-spacing:-.02em;margin-bottom:20px;font-size:3.5rem;font-weight:800;animation:.6s ease-out fadeInUp-6853aa90;position:relative}.hero-subtitle[data-v-6853aa90]{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6;animation:.6s ease-out .1s both fadeInUp-6853aa90;position:relative}@keyframes fadeInUp-6853aa90{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container[data-v-6853aa90]{max-width:1280px;margin:0 auto;padding:0 24px}.section-header[data-v-6853aa90]{text-align:center;margin-bottom:48px}.section-header h2[data-v-6853aa90]{color:#1e293b;margin-bottom:12px;font-size:2.25rem;font-weight:700}.section-header p[data-v-6853aa90]{color:#64748b;font-size:1.1rem}.services-section[data-v-6853aa90]{padding:60px 0 80px}.services-grid[data-v-6853aa90]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;display:grid}.modal-overlay[data-v-6853aa90]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn-6853aa90;display:flex;position:fixed;inset:0}@keyframes fadeIn-6853aa90{0%{opacity:0}to{opacity:1}}.modal-container[data-v-6853aa90]{background:#fff;border-radius:24px;width:90%;max-width:500px;animation:.3s ease-out slideUp-6853aa90;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp-6853aa90{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-6853aa90]{border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:24px 24px 16px;display:flex;position:relative}.modal-icon[data-v-6853aa90]{background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.modal-header h3[data-v-6853aa90]{color:#1e293b;margin:0;font-size:1.5rem;font-weight:600}.modal-close[data-v-6853aa90]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:20px;right:20px}.modal-close[data-v-6853aa90]:hover{color:#1e293b}.modal-body[data-v-6853aa90]{padding:24px}.modal-description[data-v-6853aa90]{color:#475569;margin-bottom:20px;line-height:1.6}.modal-features h4[data-v-6853aa90]{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:12px;font-size:.875rem;font-weight:600}.modal-features ul[data-v-6853aa90]{margin:0;padding:0;list-style:none}.modal-features li[data-v-6853aa90]{color:#334155;padding:8px 0 8px 28px;position:relative}.modal-features li[data-v-6853aa90]:before{content:"✓";color:#10b981;font-weight:600;position:absolute;left:0}.modal-footer[data-v-6853aa90]{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.btn-primary[data-v-6853aa90],.btn-secondary[data-v-6853aa90]{cursor:pointer;border-radius:40px;padding:10px 24px;font-size:.95rem;font-weight:500;transition:all .2s}.btn-primary[data-v-6853aa90]{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;align-items:center;gap:8px;display:flex}.btn-primary[data-v-6853aa90]:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #6366f166}.arrow-icon[data-v-6853aa90]{transition:transform .2s}.btn-primary:hover .arrow-icon[data-v-6853aa90]{transform:translate(4px)}.btn-secondary[data-v-6853aa90]{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.btn-secondary[data-v-6853aa90]:hover{background:#e2e8f0}.toast-notification[data-v-6853aa90]{color:#fff;z-index:1100;background:#1e293b;border-radius:48px;padding:12px 24px;animation:.3s ease-out slideUp-6853aa90;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0003}.toast-content[data-v-6853aa90]{align-items:center;gap:12px;display:flex}.spinner[data-v-6853aa90]{border:2px solid #4f46e5;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-6853aa90}@keyframes spin-6853aa90{to{transform:rotate(360deg)}}@media (width<=768px){.hero-title[data-v-6853aa90]{font-size:2.25rem}.hero-subtitle[data-v-6853aa90]{font-size:1rem}.services-grid[data-v-6853aa90]{grid-template-columns:1fr;gap:20px}.section-header h2[data-v-6853aa90]{font-size:1.75rem}.modal-container[data-v-6853aa90]{width:95%}.modal-header h3[data-v-6853aa90]{font-size:1.25rem}}.app-card[data-v-78a62dea]{cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;padding:25px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #0003}.app-card[data-v-78a62dea]:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.app-header[data-v-78a62dea]{align-items:center;gap:15px;margin-bottom:15px;display:flex}.app-icon[data-v-78a62dea]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5em;font-weight:700;display:flex}.app-title[data-v-78a62dea]{flex:1}.app-title h3[data-v-78a62dea]{color:#333;margin-bottom:5px;font-size:1.3em}.app-category[data-v-78a62dea]{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:.85em}.app-description[data-v-78a62dea]{color:#555;flex-grow:1;margin-bottom:20px;line-height:1.6}.app-link[data-v-78a62dea]{color:#fff;pointer-events:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.play-icon[data-v-78a62dea]{width:20px;height:20px}.app-card:hover .app-link[data-v-78a62dea]{transform:scale(1.05);box-shadow:0 5px 15px #667eea66}.android-apps-page[data-v-cd73dee2]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.container[data-v-cd73dee2]{max-width:1200px;margin:0 auto}header[data-v-cd73dee2]{text-align:center;color:#fff;margin-bottom:40px;padding:40px 20px}header h1[data-v-cd73dee2]{text-shadow:2px 2px 4px #0000004d;margin-bottom:10px;font-size:3em}header p[data-v-cd73dee2]{opacity:.95;font-size:1.2em}.stats[data-v-cd73dee2]{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:30px;display:flex}.stat-item[data-v-cd73dee2]{text-align:center}.stat-number[data-v-cd73dee2]{font-size:2.5em;font-weight:700;display:block}.stat-label[data-v-cd73dee2]{opacity:.9;font-size:.9em}.filter-bar[data-v-cd73dee2]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;margin-bottom:30px;padding:20px}.search-box[data-v-cd73dee2]{margin-bottom:20px;position:relative}.search-icon[data-v-cd73dee2]{color:#cbd5e1;width:20px;height:20px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-input[data-v-cd73dee2]{background:#fff;border:none;border-radius:50px;outline:none;width:100%;padding:14px 20px 14px 45px;font-size:1rem;transition:box-shadow .2s}.search-input[data-v-cd73dee2]:focus{box-shadow:0 0 0 3px #667eea80}.category-filters[data-v-cd73dee2]{flex-wrap:wrap;gap:10px;display:flex}.filter-chip[data-v-cd73dee2]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50px;padding:8px 18px;font-size:.9rem;transition:all .2s}.filter-chip[data-v-cd73dee2]:hover{background:#ffffff4d;transform:translateY(-1px)}.filter-chip.active[data-v-cd73dee2]{color:#667eea;background:#fff;font-weight:600}.filter-chip.clear-btn[data-v-cd73dee2]{background:#ef4444}.filter-chip.clear-btn[data-v-cd73dee2]:hover{background:#dc2626}.apps-grid[data-v-cd73dee2]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:50px;display:grid}.empty-state[data-v-cd73dee2]{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:24px;margin:40px 0;padding:60px 20px}.empty-icon[data-v-cd73dee2]{margin-bottom:20px;font-size:4rem}.empty-state h3[data-v-cd73dee2]{color:#fff;margin-bottom:10px;font-size:1.5rem}.empty-state p[data-v-cd73dee2]{color:#fffc;margin-bottom:20px}.reset-btn[data-v-cd73dee2]{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:10px 24px;font-weight:600;transition:transform .2s}.reset-btn[data-v-cd73dee2]:hover{transform:translateY(-2px)}footer[data-v-cd73dee2]{text-align:center;color:#fff;padding:30px;font-size:.95em}.copyright[data-v-cd73dee2]{opacity:.8;margin-top:10px}@media (width<=768px){header h1[data-v-cd73dee2]{font-size:2em}.stats[data-v-cd73dee2]{gap:20px}.stat-number[data-v-cd73dee2]{font-size:2em}.apps-grid[data-v-cd73dee2]{grid-template-columns:1fr}.category-filters[data-v-cd73dee2]{justify-content:center}}.pdf-converter-page[data-v-e3734a9b]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:40px 20px}.container[data-v-e3734a9b]{max-width:1200px;margin:0 auto}.hero-section[data-v-e3734a9b]{text-align:center;color:#fff;margin-bottom:40px}.hero-section h1[data-v-e3734a9b]{margin-bottom:10px;font-size:2.5rem}.hero-section p[data-v-e3734a9b]{opacity:.9;font-size:1.1rem}.feature-tabs[data-v-e3734a9b]{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.tab-btn[data-v-e3734a9b]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;transition:all .3s;display:flex}.tab-btn[data-v-e3734a9b]:hover{background:#ffffff4d;transform:translateY(-2px)}.tab-btn.active[data-v-e3734a9b]{color:#667eea;background:#fff;font-weight:600}.tab-icon[data-v-e3734a9b]{font-size:1.2rem}.feature-panel[data-v-e3734a9b]{background:#fff;border-radius:24px;padding:30px;box-shadow:0 20px 40px #0000001a}.panel-header[data-v-e3734a9b]{text-align:center;margin-bottom:30px}.panel-header h2[data-v-e3734a9b]{color:#333;margin-bottom:8px}.panel-header p[data-v-e3734a9b]{color:#666}.upload-area[data-v-e3734a9b]{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:40px;transition:all .3s}.upload-area.drag-over[data-v-e3734a9b]{background:#eef2ff;border-color:#667eea}.upload-icon[data-v-e3734a9b]{margin-bottom:15px;font-size:3rem}.upload-content h3[data-v-e3734a9b]{color:#333;margin-bottom:10px}.upload-content p[data-v-e3734a9b]{color:#666;margin-bottom:20px;font-size:.9rem}.btn-primary[data-v-e3734a9b]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;padding:12px 30px;font-size:1rem;transition:transform .2s}.btn-primary[data-v-e3734a9b]:hover:not(:disabled){transform:translateY(-2px)}.btn-primary[data-v-e3734a9b]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-e3734a9b]{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:50px;padding:12px 30px;font-size:1rem;transition:background .2s}.btn-secondary[data-v-e3734a9b]:hover{background:#cbd5e1}.file-list[data-v-e3734a9b]{margin-top:30px}.file-list h3[data-v-e3734a9b]{color:#333;margin-bottom:15px}.sort-hint[data-v-e3734a9b]{color:#888;margin-bottom:15px;font-size:.8rem}.file-item[data-v-e3734a9b]{background:#f8fafc;border-radius:12px;align-items:center;gap:15px;margin-bottom:10px;padding:12px;display:flex}.drag-handle[data-v-e3734a9b]{cursor:grab;color:#94a3b8;-webkit-user-select:none;user-select:none;font-size:1.5rem}.drag-handle[data-v-e3734a9b]:active{cursor:grabbing}.file-info[data-v-e3734a9b]{flex:1;align-items:center;gap:12px;display:flex}.file-icon[data-v-e3734a9b]{font-size:1.5rem}.file-details[data-v-e3734a9b]{flex-direction:column;display:flex}.file-name[data-v-e3734a9b]{color:#333;font-weight:500}.file-size[data-v-e3734a9b]{color:#888;font-size:.75rem}.btn-remove[data-v-e3734a9b]{cursor:pointer;color:#ef4444;background:#fee2e2;border:none;border-radius:50%;width:30px;height:30px;font-size:1rem;transition:all .2s}.btn-remove[data-v-e3734a9b]:hover{background:#fecaca}.action-buttons[data-v-e3734a9b]{justify-content:flex-end;gap:15px;margin-top:20px;display:flex}.result-area[data-v-e3734a9b]{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;margin-top:30px;padding:20px}.result-header[data-v-e3734a9b]{color:#166534;align-items:center;gap:10px;margin-bottom:15px;font-weight:600;display:flex}.result-file[data-v-e3734a9b]{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex}.btn-download[data-v-e3734a9b]{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:20px;padding:6px 15px}.btn-download-sm[data-v-e3734a9b]{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:20px;padding:4px 12px;font-size:.8rem}.image-gallery[data-v-e3734a9b]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:20px;display:grid}.image-card[data-v-e3734a9b]{text-align:center;background:#fff;border-radius:12px;padding:10px;box-shadow:0 2px 8px #0000001a}.image-card img[data-v-e3734a9b]{object-fit:cover;border-radius:8px;width:100%;height:120px;margin-bottom:8px}.compress-options[data-v-e3734a9b]{background:#f1f5f9;border-radius:12px;margin-bottom:20px;padding:15px}.compress-options label[data-v-e3734a9b]{margin-right:15px;font-weight:500}.compress-options select[data-v-e3734a9b]{border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px}.compression-info[data-v-e3734a9b]{flex-direction:column;gap:5px;display:flex}.size-reduction[data-v-e3734a9b]{color:#16a34a;font-size:.8rem}.processing-modal[data-v-e3734a9b]{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.processing-content[data-v-e3734a9b]{text-align:center;background:#fff;border-radius:24px;padding:40px}.spinner[data-v-e3734a9b]{border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin-e3734a9b}@keyframes spin-e3734a9b{to{transform:rotate(360deg)}}.drag-list[data-v-e3734a9b]{min-height:100px}@media (width<=768px){.feature-panel[data-v-e3734a9b],.upload-area[data-v-e3734a9b]{padding:20px}.tab-btn span[data-v-e3734a9b]:last-child{display:none}.tab-btn[data-v-e3734a9b]{padding:12px}.tab-icon[data-v-e3734a9b]{font-size:1.5rem}}.date-converter[data-v-ff42c3df]{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:28px;max-width:1000px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 10px 30px #0000001a}.converter-header[data-v-ff42c3df]{text-align:center;margin-bottom:30px}.converter-header h2[data-v-ff42c3df]{color:#2c3e50;margin:0;font-weight:600}.subtitle[data-v-ff42c3df]{color:#34495e;margin-top:8px;font-size:.9rem}.converter-panels[data-v-ff42c3df]{flex-wrap:wrap;gap:24px;display:flex}.panel[data-v-ff42c3df]{background:#fff;border-radius:20px;flex:1;padding:20px;transition:transform .2s;box-shadow:0 8px 20px #00000014}.panel[data-v-ff42c3df]:hover{transform:translateY(-2px)}.panel-header[data-v-ff42c3df]{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.panel-header h3[data-v-ff42c3df]{color:#2d3748;margin:0}.calendar-select[data-v-ff42c3df]{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e0;border-radius:12px;padding:8px 12px;font-weight:500}.date-inputs[data-v-ff42c3df]{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.input-group[data-v-ff42c3df]{flex:1;min-width:80px}.input-group label[data-v-ff42c3df]{color:#4a5568;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.input-group input[data-v-ff42c3df],.input-group select[data-v-ff42c3df]{background:#fefefe;border:1px solid #e2e8f0;border-radius:14px;width:100%;padding:10px;font-size:1rem;transition:all .2s}.input-group input[data-v-ff42c3df]:focus,.input-group select[data-v-ff42c3df]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.today-btn[data-v-ff42c3df]{cursor:pointer;color:#2d3748;background:#edf2f7;border:none;border-radius:40px;width:100%;padding:12px;font-weight:600;transition:all .2s}.today-btn[data-v-ff42c3df]:hover{background:#e2e8f0;transform:scale(.98)}.result-card[data-v-ff42c3df]{background:#f8fafc;border-left:6px solid;border-radius:18px;align-items:center;gap:16px;margin-bottom:16px;padding:16px;transition:all .2s;display:flex}.gregorian-result[data-v-ff42c3df]{border-left-color:#3b82f6}.solar-result[data-v-ff42c3df]{border-left-color:#f59e0b}.lunar-result[data-v-ff42c3df]{border-left-color:#10b981}.result-icon[data-v-ff42c3df]{font-size:2rem}.result-details h4[data-v-ff42c3df]{color:#1e293b;margin:0 0 6px;font-size:1rem}.date-display[data-v-ff42c3df]{letter-spacing:1px;font-family:monospace;font-size:1.3rem;font-weight:700}.weekday[data-v-ff42c3df]{color:#64748b;margin-top:4px;font-size:.85rem}.info-bar[data-v-ff42c3df]{color:#1e40af;background:#eef2ff;border-radius:40px;flex-wrap:wrap;justify-content:space-between;margin-top:24px;padding:12px 20px;font-family:monospace;font-size:.8rem;display:flex}@media (width<=720px){.converter-panels[data-v-ff42c3df],.date-inputs[data-v-ff42c3df]{flex-direction:column}}.passport-size-app[data-v-81317faa]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);max-width:1400px;min-height:100vh;margin:80px auto 0;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-header[data-v-81317faa]{text-align:center;color:#fff;margin-bottom:30px}.app-header h1[data-v-81317faa]{color:#fff;text-shadow:2px 2px 4px #0003;margin:0;font-size:2.5rem}.app-header p[data-v-81317faa]{color:#ffffffe6;margin-top:8px;font-size:1.1rem}.main-grid[data-v-81317faa]{grid-template-columns:320px 1fr;gap:24px;display:grid}.controls-panel[data-v-81317faa]{flex-direction:column;gap:20px;display:flex}.card[data-v-81317faa]{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 12px #00000014}.card h3[data-v-81317faa]{color:#2d3748;margin:0 0 16px;font-size:1.1rem}.standard-select[data-v-81317faa]{border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:16px;padding:10px;font-size:.9rem}.standard-details[data-v-81317faa]{background:#f8fafc;border-radius:12px;gap:16px;padding:12px;font-size:.85rem;display:flex}.detail-item[data-v-81317faa]{flex-direction:column;gap:4px;display:flex}.detail-item span[data-v-81317faa]{color:#64748b;font-size:.75rem}.detail-item strong[data-v-81317faa]{color:#1e293b;font-size:.9rem}.slider-group[data-v-81317faa]{margin-bottom:18px}.slider-group label[data-v-81317faa]{color:#4a5568;margin-bottom:8px;font-size:.85rem;display:block}.slider-group input[data-v-81317faa]{cursor:pointer;width:100%}.bg-options[data-v-81317faa]{gap:16px;margin-bottom:16px;display:flex}.bg-option[data-v-81317faa]{cursor:pointer;background:#f1f5f9;border-radius:30px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.bg-option.active[data-v-81317faa]{color:#fff;background:#3b82f6}.color-picker-row[data-v-81317faa]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.color-input[data-v-81317faa]{cursor:pointer;border:2px solid #e2e8f0;border-radius:12px;width:50px;height:40px}.bg-presets[data-v-81317faa]{flex-wrap:wrap;gap:10px;display:flex}.preset-btn[data-v-81317faa]{cursor:pointer;border:2px solid #ddd;border-radius:50%;width:40px;height:40px;transition:transform .2s}.preset-btn[data-v-81317faa]:hover{transform:scale(1.1)}.white-bg[data-v-81317faa],.offwhite-bg[data-v-81317faa]{border-radius:30px;width:auto;padding:0 12px;font-size:.8rem}.layout-options[data-v-81317faa]{gap:20px;margin-bottom:20px;display:flex}.layout-options label[data-v-81317faa]{cursor:pointer;align-items:center;gap:8px;display:flex}.action-btn[data-v-81317faa]{cursor:pointer;border:none;border-radius:40px;width:100%;padding:14px;font-weight:600;transition:all .2s}.download-btn[data-v-81317faa]{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.download-btn[data-v-81317faa]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.download-btn[data-v-81317faa]:disabled{cursor:not-allowed;opacity:.6;background:#cbd5e0}.canvas-panel[data-v-81317faa]{background:#fff;border-radius:24px;padding:24px;box-shadow:0 8px 24px #0000001a}.upload-area[data-v-81317faa]{cursor:pointer;background:#fafbfc;border:2px dashed #cbd5e0;border-radius:20px;justify-content:center;align-items:center;min-height:500px;transition:all .2s;display:flex}.upload-area[data-v-81317faa]:hover{background:#f8fafc;border-color:#3b82f6}.upload-placeholder[data-v-81317faa]{text-align:center;color:#94a3b8;font-size:1.2rem}.upload-icon[data-v-81317faa]{margin-bottom:10px;font-size:3rem}.upload-hint[data-v-81317faa]{margin-top:12px;font-size:.8rem}.photo-canvas[data-v-81317faa]{border-radius:16px;max-width:100%;height:auto;margin:0 auto;display:block;box-shadow:0 4px 12px #0000001a}.info-bar[data-v-81317faa]{background:#f1f5f9;border-radius:16px;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;padding:12px 16px;font-size:.8rem;display:flex}.info-item[data-v-81317faa]{color:#334155}.app-footer[data-v-81317faa]{text-align:center;background:#fff;border-radius:20px;margin-top:30px;padding:20px}.compliance-badge[data-v-81317faa]{color:#065f46;background:#d1fae5;border-radius:40px;margin-bottom:12px;padding:10px 20px;font-size:.85rem;display:inline-block}.tips[data-v-81317faa]{color:#6b7280;font-size:.8rem}@media (width<=900px){.main-grid[data-v-81317faa]{grid-template-columns:1fr}.app-header h1[data-v-81317faa]{font-size:1.8rem}}[data-v-50d7a7f4]{box-sizing:border-box;margin:0;padding:0}.qr-code-generator[data-v-50d7a7f4]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:40px 24px}.container[data-v-50d7a7f4]{max-width:1400px;margin:0 auto}.header[data-v-50d7a7f4]{text-align:center;margin-bottom:48px}.header-badge[data-v-50d7a7f4]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.badge-icon[data-v-50d7a7f4]{width:18px;height:18px}.header h1[data-v-50d7a7f4]{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:3rem;font-weight:700}.subtitle[data-v-50d7a7f4]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.125rem}.two-column-grid[data-v-50d7a7f4]{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=968px){.two-column-grid[data-v-50d7a7f4]{grid-template-columns:1fr}}.card[data-v-50d7a7f4]{background:#fff;border-radius:24px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 20px 60px #00000026}.card[data-v-50d7a7f4]:hover{transform:translateY(-4px);box-shadow:0 24px 72px #0003}.card-header[data-v-50d7a7f4]{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:24px 28px;display:flex}.card-icon[data-v-50d7a7f4]{color:#667eea;width:24px;height:24px}.card-header h2[data-v-50d7a7f4]{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.card-body[data-v-50d7a7f4]{padding:28px}.form-group[data-v-50d7a7f4]{margin-bottom:20px}.form-label[data-v-50d7a7f4]{color:#374151;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-input[data-v-50d7a7f4],.form-select[data-v-50d7a7f4]{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:10px 14px;font-size:.875rem;transition:all .2s}.form-input[data-v-50d7a7f4]:focus,.form-select[data-v-50d7a7f4]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-input[data-v-50d7a7f4]:hover,.form-select[data-v-50d7a7f4]:hover{border-color:#9ca3af}.button-group[data-v-50d7a7f4]{gap:8px;display:flex}.type-btn[data-v-50d7a7f4]{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.type-btn svg[data-v-50d7a7f4]{transition:stroke .2s}.type-btn[data-v-50d7a7f4]:hover{color:#667eea;border-color:#667eea}.type-btn.active[data-v-50d7a7f4]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}.type-btn.active svg[data-v-50d7a7f4]{stroke:#fff}.color-picker-group[data-v-50d7a7f4]{gap:16px;display:flex}.color-item[data-v-50d7a7f4]{flex:1}.color-label[data-v-50d7a7f4]{color:#6b7280;margin-bottom:6px;font-size:.75rem}.color-input[data-v-50d7a7f4]{cursor:pointer;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;height:48px;padding:4px}.upload-area[data-v-50d7a7f4]{cursor:pointer;border:2px dashed #e5e7eb;border-radius:16px;transition:all .2s;overflow:hidden}.upload-area[data-v-50d7a7f4]:hover{background:#f8f9ff;border-color:#667eea}.upload-placeholder[data-v-50d7a7f4]{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px;display:flex}.upload-placeholder svg[data-v-50d7a7f4]{color:#9ca3af}.upload-placeholder span[data-v-50d7a7f4]{color:#4b5563;font-size:.875rem;font-weight:500}.upload-placeholder small[data-v-50d7a7f4]{color:#9ca3af;font-size:.75rem}.upload-preview[data-v-50d7a7f4]{text-align:center;background:#f9fafb;padding:16px;position:relative}.preview-image[data-v-50d7a7f4]{object-fit:contain;max-width:80px;max-height:80px}.remove-logo[data-v-50d7a7f4]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;transition:transform .1s;position:absolute;top:8px;right:8px}.remove-logo[data-v-50d7a7f4]:hover{transform:scale(1.1)}.section-divider[data-v-50d7a7f4]{text-align:center;margin:28px 0 20px;position:relative}.section-divider[data-v-50d7a7f4]:before{content:"";background:linear-gradient(90deg,#0000,#e5e7eb,#0000);width:100%;height:1px;position:absolute;top:50%;left:0}.section-divider span[data-v-50d7a7f4]{text-transform:uppercase;letter-spacing:1px;color:#9ca3af;background:#fff;padding:0 12px;font-size:.75rem;font-weight:600;position:relative}.btn-generate[data-v-50d7a7f4]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #667eea4d}.btn-generate[data-v-50d7a7f4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-generate[data-v-50d7a7f4]:disabled{opacity:.5;cursor:not-allowed}.qr-container[data-v-50d7a7f4]{justify-content:center;align-items:center;min-height:340px;margin-bottom:28px;display:flex}.qr-wrapper[data-v-50d7a7f4]{display:inline-block;position:relative}.qr-image[data-v-50d7a7f4]{border-radius:16px;box-shadow:0 8px 24px #0000001f}.qr-overlay[data-v-50d7a7f4]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#000000bf;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:500;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.qr-placeholder[data-v-50d7a7f4]{text-align:center;color:#9ca3af;background:#f9fafb;border-radius:20px;padding:48px}.qr-placeholder svg[data-v-50d7a7f4]{color:#d1d5db;margin-bottom:16px}.qr-placeholder p[data-v-50d7a7f4]{color:#6b7280;margin-top:8px;font-size:.875rem}.qr-placeholder small[data-v-50d7a7f4]{color:#9ca3af;font-size:.75rem}.download-buttons[data-v-50d7a7f4]{gap:12px;margin-bottom:28px;display:flex}.btn-download[data-v-50d7a7f4]{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-download.svg[data-v-50d7a7f4]{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b9814d}.btn-download.png[data-v-50d7a7f4]{color:#fff;background:#8b5cf6;box-shadow:0 2px 8px #8b5cf64d}.btn-download[data-v-50d7a7f4]:hover:not(:disabled){transform:translateY(-2px)}.btn-download[data-v-50d7a7f4]:disabled{opacity:.5;cursor:not-allowed}.bulk-section[data-v-50d7a7f4]{background:#f9fafb;border-radius:16px;margin-bottom:24px;padding:20px}.section-header[data-v-50d7a7f4]{align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-header h3[data-v-50d7a7f4]{color:#1f2937;font-size:.9375rem;font-weight:600}.bulk-textarea[data-v-50d7a7f4]{resize:vertical;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:12px;font-family:Courier New,monospace;font-size:.8125rem;transition:all .2s}.bulk-textarea[data-v-50d7a7f4]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-bulk[data-v-50d7a7f4]{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-bulk[data-v-50d7a7f4]:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.btn-bulk[data-v-50d7a7f4]:disabled{opacity:.5;cursor:not-allowed}.info-card[data-v-50d7a7f4]{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #f59e0b;border-radius:16px;padding:16px}.info-header[data-v-50d7a7f4]{color:#92400e;align-items:center;gap:8px;margin-bottom:8px;display:flex}.info-card p[data-v-50d7a7f4]{color:#78350f;font-size:.8125rem;line-height:1.5}.info-note[data-v-50d7a7f4]{color:#1e40af;background:#eff6ff;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:.75rem;display:flex}.two-col-grid-small[data-v-50d7a7f4]{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.two-col-grid-small[data-v-50d7a7f4]{grid-template-columns:1fr}.header h1[data-v-50d7a7f4]{font-size:2rem}.card-body[data-v-50d7a7f4]{padding:20px}}[data-v-d394a276]{box-sizing:border-box;margin:0;padding:0}.image-compressor[data-v-d394a276]{background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%);min-height:100vh;padding:40px 24px}.container[data-v-d394a276]{max-width:1400px;margin:0 auto}.header[data-v-d394a276]{text-align:center;margin-bottom:48px}.header-badge[data-v-d394a276]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.badge-icon[data-v-d394a276]{width:18px;height:18px}.header h1[data-v-d394a276]{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:3rem;font-weight:700}.subtitle[data-v-d394a276]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.125rem}.two-column-grid[data-v-d394a276]{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=968px){.two-column-grid[data-v-d394a276]{grid-template-columns:1fr}}.card[data-v-d394a276]{background:#fff;border-radius:24px;transition:transform .2s;overflow:hidden;box-shadow:0 20px 60px #0003}.card[data-v-d394a276]:hover{transform:translateY(-4px)}.card-header[data-v-d394a276]{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:24px 28px;display:flex}.card-icon[data-v-d394a276]{color:#2c5364;width:24px;height:24px}.card-header h2[data-v-d394a276]{color:#1f2937;flex:1;margin:0;font-size:1.25rem;font-weight:600}.result-badge[data-v-d394a276]{color:#fff;background:#10b981;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.card-body[data-v-d394a276]{padding:28px}.upload-area[data-v-d394a276]{cursor:pointer;border:2px dashed #cbd5e1;border-radius:20px;margin-bottom:28px;transition:all .2s}.upload-area[data-v-d394a276]:hover{background:#f8fafc;border-color:#2c5364}.upload-area.drag-over[data-v-d394a276]{background:#f0fdf4;border-color:#10b981}.upload-placeholder[data-v-d394a276]{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px;display:flex}.upload-placeholder svg[data-v-d394a276]{color:#94a3b8}.upload-placeholder span[data-v-d394a276]{color:#475569;font-size:1rem;font-weight:500}.upload-placeholder small[data-v-d394a276]{color:#94a3b8;font-size:.75rem}.upload-stats[data-v-d394a276]{background:#f8fafc;border-radius:18px;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.stats-info[data-v-d394a276]{align-items:center;gap:12px;display:flex}.stats-info svg[data-v-d394a276]{color:#10b981}.stats-info strong[data-v-d394a276]{color:#1e293b;font-size:.875rem;display:block}.stats-info span[data-v-d394a276]{color:#64748b;font-size:.75rem}.clear-btn[data-v-d394a276]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:6px 16px;font-size:.75rem;font-weight:500;transition:all .2s}.clear-btn[data-v-d394a276]:hover{background:#dc2626;transform:scale(.98)}.settings-section[data-v-d394a276]{border-bottom:1px solid #e5e7eb;margin-bottom:28px;padding-bottom:24px}.settings-section[data-v-d394a276]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header[data-v-d394a276]{align-items:center;gap:8px;margin-bottom:20px;display:flex}.section-header svg[data-v-d394a276]{color:#2c5364}.section-header h3[data-v-d394a276]{color:#1f2937;font-size:.9375rem;font-weight:600}.form-group[data-v-d394a276]{margin-bottom:20px}.form-label[data-v-d394a276]{color:#374151;margin-bottom:10px;font-size:.875rem;font-weight:500;display:block}.form-label-sm[data-v-d394a276]{color:#6b7280;margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.checkbox[data-v-d394a276]{cursor:pointer;margin-right:8px}.button-group[data-v-d394a276]{flex-wrap:wrap;gap:12px;display:flex}.type-btn[data-v-d394a276],.format-btn[data-v-d394a276]{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.type-btn .badge[data-v-d394a276],.format-btn .badge-sm[data-v-d394a276]{color:#475569;background:#f1f5f9;border-radius:12px;padding:2px 8px;font-size:.7rem}.type-btn.active[data-v-d394a276],.format-btn.active[data-v-d394a276]{color:#fff;background:linear-gradient(135deg,#0f2027 0%,#2c5364 100%);border-color:#0000}.type-btn.active svg[data-v-d394a276],.format-btn.active svg[data-v-d394a276]{stroke:#fff}.type-btn.active .badge[data-v-d394a276]{color:#fff;background:#fff3}.quality-slider[data-v-d394a276]{-webkit-appearance:none;background:#e5e7eb;border-radius:5px;outline:none;width:100%;height:6px}.quality-slider[data-v-d394a276]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#2c5364;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0003}.quality-value[data-v-d394a276]{color:#2c5364;font-size:1rem;font-weight:700}.quality-labels[data-v-d394a276]{color:#94a3b8;justify-content:space-between;margin-top:8px;font-size:.7rem;display:flex}.resize-group[data-v-d394a276]{background:#f8fafc;border-radius:12px;margin-top:12px;padding:12px}.two-col-grid-small[data-v-d394a276]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-input[data-v-d394a276]{border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:8px 12px;font-size:.875rem;transition:all .2s}.form-input[data-v-d394a276]:focus{border-color:#2c5364;outline:none;box-shadow:0 0 0 3px #2c53641a}.action-buttons[data-v-d394a276]{gap:12px;margin-top:24px;display:flex}.btn-compress[data-v-d394a276],.btn-download-all[data-v-d394a276]{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-compress[data-v-d394a276]{color:#fff;background:linear-gradient(135deg,#0f2027 0%,#2c5364 100%)}.btn-compress[data-v-d394a276]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2c53644d}.btn-compress[data-v-d394a276]:disabled{opacity:.5;cursor:not-allowed}.btn-download-all[data-v-d394a276]{color:#fff;background:#10b981}.btn-download-all[data-v-d394a276]:hover{background:#059669;transform:translateY(-2px)}.spinner[data-v-d394a276]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin-d394a276}@keyframes spin-d394a276{to{transform:rotate(360deg)}}.empty-state[data-v-d394a276]{text-align:center;color:#94a3b8;padding:60px 20px}.empty-state svg[data-v-d394a276]{color:#cbd5e1;margin-bottom:16px}.empty-state p[data-v-d394a276]{color:#64748b;margin-top:8px;font-size:.875rem}.empty-state small[data-v-d394a276]{font-size:.75rem}.results-grid[data-v-d394a276]{flex-direction:column;gap:20px;max-height:600px;padding-right:8px;display:flex;overflow-y:auto}.results-grid[data-v-d394a276]::-webkit-scrollbar{width:6px}.results-grid[data-v-d394a276]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.results-grid[data-v-d394a276]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.result-card[data-v-d394a276]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:16px;transition:all .2s}.result-card.compressed[data-v-d394a276]{border-left:4px solid #10b981}.image-preview[data-v-d394a276]{width:80px;height:80px;margin-bottom:12px;display:inline-block;position:relative}.image-preview img[data-v-d394a276]{object-fit:cover;border-radius:10px;width:100%;height:100%}.image-overlay[data-v-d394a276]{opacity:0;background:#0009;border-radius:10px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-preview:hover .image-overlay[data-v-d394a276]{opacity:1}.compare-btn[data-v-d394a276]{cursor:pointer;background:#fff;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:500;display:flex}.comparison-view[data-v-d394a276]{background:#fff;border-radius:12px;align-items:center;gap:16px;margin:16px 0;padding:16px;display:flex}.comparison-item[data-v-d394a276]{text-align:center;flex:1}.comparison-label[data-v-d394a276]{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.7rem;font-weight:600;display:block}.comparison-item img[data-v-d394a276]{border-radius:8px;width:100%;max-width:150px;height:auto;margin-bottom:8px}.size-info[data-v-d394a276]{color:#475569;font-size:.75rem}.savings-badge[data-v-d394a276]{color:#fff;background:#10b981;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-block}.comparison-arrow[data-v-d394a276]{color:#cbd5e1;font-size:1.5rem}.file-info[data-v-d394a276]{margin-top:12px}.file-name[data-v-d394a276]{color:#1e293b;margin-bottom:4px;font-size:.8125rem;font-weight:500}.file-stats[data-v-d394a276]{align-items:center;gap:8px;font-size:.7rem;display:flex}.original-size[data-v-d394a276]{color:#94a3b8}.compressed-size[data-v-d394a276]{color:#10b981;font-weight:500}.pending-badge[data-v-d394a276]{color:#d97706;background:#fef3c7;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:600}.file-actions[data-v-d394a276]{gap:8px;margin-top:12px;display:flex}.action-btn[data-v-d394a276]{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.action-btn.download[data-v-d394a276]{color:#fff;background:#2c5364}.action-btn.download[data-v-d394a276]:hover{background:#1f3a47}.action-btn.remove[data-v-d394a276]{color:#ef4444;background:#fee2e2}.action-btn.remove[data-v-d394a276]:hover{background:#fecaca}.summary-stats[data-v-d394a276]{border-top:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;padding-top:24px;display:grid}.stat-card[data-v-d394a276]{text-align:center;background:#f8fafc;border-radius:12px;padding:12px}.stat-value[data-v-d394a276]{color:#1e293b;margin-bottom:4px;font-size:1.125rem;font-weight:700}.stat-label[data-v-d394a276]{color:#64748b;font-size:.7rem}@media (width<=640px){.summary-stats[data-v-d394a276]{grid-template-columns:repeat(2,1fr)}.comparison-view[data-v-d394a276]{flex-direction:column}.comparison-arrow[data-v-d394a276]{transform:rotate(90deg)}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}[data-v-91dc6768]{box-sizing:border-box;margin:0;padding:0}.json-formatter[data-v-91dc6768]{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);min-height:100vh;padding:40px 24px}.container[data-v-91dc6768]{max-width:1600px;margin:0 auto}.header[data-v-91dc6768]{text-align:center;margin-bottom:48px}.header-badge[data-v-91dc6768]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.badge-icon[data-v-91dc6768]{width:18px;height:18px}.header h1[data-v-91dc6768]{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:3rem;font-weight:700}.subtitle[data-v-91dc6768]{color:#fffc;max-width:600px;margin:0 auto;font-size:1.125rem}.main-layout[data-v-91dc6768]{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=968px){.main-layout[data-v-91dc6768]{grid-template-columns:1fr}}.card[data-v-91dc6768]{background:#fff;border-radius:24px;flex-direction:column;height:fit-content;min-height:600px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.card-header[data-v-91dc6768]{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.header-left[data-v-91dc6768]{align-items:center;gap:12px;display:flex}.card-icon[data-v-91dc6768]{color:#3b82f6;width:22px;height:22px}.card-header h2[data-v-91dc6768]{color:#1e293b;margin:0;font-size:1.125rem;font-weight:600}.header-actions[data-v-91dc6768]{gap:8px;display:flex}.icon-btn[data-v-91dc6768]{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.icon-btn[data-v-91dc6768]:hover{background:#f1f5f9;border-color:#cbd5e1}.view-toggle[data-v-91dc6768]{background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:flex}.toggle-btn[data-v-91dc6768]{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.toggle-btn.active[data-v-91dc6768]{color:#3b82f6;background:#fff;box-shadow:0 1px 3px #0000001a}.card-body[data-v-91dc6768]{flex:1;padding:24px}.input-wrapper[data-v-91dc6768]{margin-bottom:20px;position:relative}.json-input[data-v-91dc6768]{resize:vertical;background:#fafbfc;border:2px solid #e2e8f0;border-radius:16px;width:100%;min-height:300px;padding:16px;font-family:Courier New,Monaco,monospace;font-size:13px;line-height:1.5;transition:all .2s}.json-input[data-v-91dc6768]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper.has-error .json-input[data-v-91dc6768]{border-color:#ef4444}.error-message[data-v-91dc6768]{color:#ef4444;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;display:flex;position:absolute;bottom:-24px;left:0}.success-message[data-v-91dc6768]{color:#10b981;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;display:flex;position:absolute;bottom:-24px;right:0}.action-buttons[data-v-91dc6768]{flex-wrap:wrap;gap:12px;margin:32px 0 20px;display:flex}.btn-primary[data-v-91dc6768],.btn-secondary[data-v-91dc6768]{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-primary[data-v-91dc6768]{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f64d}.btn-primary[data-v-91dc6768]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-secondary[data-v-91dc6768]{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.btn-secondary[data-v-91dc6768]:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.btn-secondary[data-v-91dc6768]:disabled{opacity:.5;cursor:not-allowed}.stats-card[data-v-91dc6768]{background:#f8fafc;border-radius:16px;flex-wrap:wrap;gap:16px;margin-top:20px;padding:16px;display:flex}.stat-item[data-v-91dc6768]{text-align:center;flex:1}.stat-label[data-v-91dc6768]{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.7rem;display:block}.stat-value[data-v-91dc6768]{color:#1e293b;font-size:1rem;font-weight:600;display:block}.output-wrapper[data-v-91dc6768]{background:#0f172a;border-radius:16px;max-height:500px;overflow:auto}.json-output[data-v-91dc6768]{color:#e2e8f0;white-space:pre-wrap;word-wrap:break-word;margin:0;padding:20px;font-family:Courier New,Monaco,monospace;font-size:13px;line-height:1.5}.output-placeholder[data-v-91dc6768]{text-align:center;color:#94a3b8;padding:60px 20px}.output-placeholder svg[data-v-91dc6768]{color:#cbd5e1;margin-bottom:16px}.output-placeholder p[data-v-91dc6768]{margin-top:8px;font-size:.875rem}.tree-wrapper[data-v-91dc6768]{background:#f8fafc;border-radius:16px;max-height:500px;padding:16px;overflow:auto}.tree-view[data-v-91dc6768]{font-family:Courier New,Monaco,monospace;font-size:13px}.tree-node[data-v-91dc6768]{-webkit-user-select:none;user-select:none}.tree-node-header[data-v-91dc6768]{cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.tree-node-header[data-v-91dc6768]:hover{background:#e2e8f0;border-radius:6px}.tree-toggle[data-v-91dc6768]{color:#64748b;width:16px;font-size:10px;display:inline-block}.tree-key[data-v-91dc6768]{color:#3b82f6;font-weight:500}.tree-value[data-v-91dc6768]{color:#10b981}.tree-value.string[data-v-91dc6768]{color:#f59e0b}.tree-value.number[data-v-91dc6768]{color:#8b5cf6}.tree-value.boolean[data-v-91dc6768]{color:#ec489a}.tree-value.null[data-v-91dc6768]{color:#94a3b8}.tree-info[data-v-91dc6768]{color:#94a3b8;font-size:11px}.tree-children[data-v-91dc6768]{margin-left:20px}.modal[data-v-91dc6768]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-91dc6768]{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:80vh;animation:.3s slideUp-91dc6768;overflow:auto}@keyframes slideUp-91dc6768{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-91dc6768]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3[data-v-91dc6768]{color:#1e293b;font-size:1.125rem;font-weight:600}.modal-close[data-v-91dc6768]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:28px;transition:color .2s}.modal-close[data-v-91dc6768]:hover{color:#ef4444}.modal-body[data-v-91dc6768]{padding:24px}.form-group[data-v-91dc6768]{margin-bottom:20px}.form-label[data-v-91dc6768]{color:#374151;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-select[data-v-91dc6768]{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:10px 12px;font-size:.875rem}.checkbox[data-v-91dc6768]{margin-right:8px}.modal-actions[data-v-91dc6768]{gap:12px;margin-top:24px;display:flex}.modal-actions button[data-v-91dc6768]{flex:1}[data-v-91dc6768]::-webkit-scrollbar{width:8px;height:8px}[data-v-91dc6768]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}[data-v-91dc6768]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}[data-v-91dc6768]::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-v-d22db663]{box-sizing:border-box;margin:0;padding:0}.color-palette-generator[data-v-d22db663]{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;padding:40px 24px}.container[data-v-d22db663]{max-width:1400px;margin:0 auto}.header[data-v-d22db663]{text-align:center;margin-bottom:48px}.header-badge[data-v-d22db663]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.badge-icon[data-v-d22db663]{width:18px;height:18px}.header h1[data-v-d22db663]{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:3rem;font-weight:700}.subtitle[data-v-d22db663]{color:#fffc;max-width:600px;margin:0 auto;font-size:1.125rem}.main-layout[data-v-d22db663]{grid-template-columns:400px 1fr;gap:32px;display:grid}@media (width<=968px){.main-layout[data-v-d22db663]{grid-template-columns:1fr}}.card[data-v-d22db663]{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.card-header[data-v-d22db663]{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:20px 24px;display:flex}.card-icon[data-v-d22db663]{color:#8b5cf6;width:22px;height:22px}.card-header h2[data-v-d22db663]{color:#1f2937;flex:1;margin:0;font-size:1.125rem;font-weight:600}.card-body[data-v-d22db663]{padding:24px}.tabs[data-v-d22db663]{background:#f1f5f9;border-radius:14px;gap:8px;margin-bottom:24px;padding:4px;display:flex}.tab-btn[data-v-d22db663]{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.tab-btn.active[data-v-d22db663]{color:#8b5cf6;background:#fff;box-shadow:0 2px 8px #0000001a}.section[data-v-d22db663]{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.section[data-v-d22db663]:first-child{border-top:none;margin-top:0;padding-top:0}.section-header[data-v-d22db663]{align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-header h3[data-v-d22db663]{color:#1f2937;font-size:.9375rem;font-weight:600}.form-group[data-v-d22db663]{margin-bottom:20px}.form-label[data-v-d22db663]{color:#374151;margin-bottom:10px;font-size:.875rem;font-weight:500;display:block}.color-input-group[data-v-d22db663]{align-items:center;gap:12px;display:flex}.color-picker[data-v-d22db663]{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;width:50px;height:50px}.color-hex-input[data-v-d22db663]{border:1.5px solid #e5e7eb;border-radius:12px;flex:1;padding:10px 14px;font-family:monospace;font-size:.875rem}.random-btn[data-v-d22db663]{cursor:pointer;background:#f1f5f9;border:1.5px solid #e5e7eb;border-radius:12px;padding:10px;transition:all .2s}.random-btn[data-v-d22db663]:hover{background:#e2e8f0}.scheme-buttons[data-v-d22db663]{flex-wrap:wrap;gap:8px;display:flex}.scheme-btn[data-v-d22db663]{cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s}.scheme-btn.active[data-v-d22db663]{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.number-control[data-v-d22db663]{justify-content:center;align-items:center;gap:16px;display:flex}.num-btn[data-v-d22db663]{cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:10px;width:36px;height:36px;font-size:1.25rem;font-weight:600;transition:all .2s}.num-btn[data-v-d22db663]:hover{background:#e2e8f0}.num-value[data-v-d22db663]{text-align:center;min-width:40px;font-size:1.125rem;font-weight:600}.upload-area[data-v-d22db663]{cursor:pointer;border:2px dashed #cbd5e1;border-radius:16px;margin-bottom:16px;transition:all .2s}.upload-area[data-v-d22db663]:hover{background:#f8fafc;border-color:#8b5cf6}.upload-placeholder[data-v-d22db663]{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px;display:flex}.upload-placeholder svg[data-v-d22db663]{color:#94a3b8}.upload-placeholder span[data-v-d22db663]{color:#475569;font-size:.875rem}.upload-preview[data-v-d22db663]{text-align:center;padding:16px;position:relative}.preview-image[data-v-d22db663]{border-radius:12px;max-width:100%;max-height:200px}.clear-image-btn[data-v-d22db663]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;position:absolute;top:8px;right:8px}.slider[data-v-d22db663]{-webkit-appearance:none;background:#e5e7eb;border-radius:5px;outline:none;width:100%;height:6px}.slider[data-v-d22db663]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#8b5cf6;border-radius:50%;width:18px;height:18px}.slider-value[data-v-d22db663]{text-align:center;color:#64748b;margin-top:8px;font-size:.75rem}.blindness-buttons[data-v-d22db663]{flex-wrap:wrap;gap:8px;display:flex}.blind-btn[data-v-d22db663]{cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:8px 12px;font-size:.75rem;font-weight:500;transition:all .2s}.blind-btn.active[data-v-d22db663]{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.btn-generate[data-v-d22db663]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-generate[data-v-d22db663]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-generate[data-v-d22db663]:disabled{opacity:.5;cursor:not-allowed}.export-buttons[data-v-d22db663]{gap:8px;display:flex}.export-btn[data-v-d22db663]{cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.export-btn[data-v-d22db663]:hover:not(:disabled){background:#e2e8f0}.export-btn[data-v-d22db663]:disabled{opacity:.5;cursor:not-allowed}.palette-container[data-v-d22db663]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.color-card[data-v-d22db663]{aspect-ratio:1;cursor:pointer;border-radius:16px;transition:transform .2s;position:relative;box-shadow:0 4px 12px #0000001a}.color-card[data-v-d22db663]:hover{transform:scale(.98)}.color-info[data-v-d22db663]{color:#fff;background:linear-gradient(#0000,#000000b3);border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.color-code[data-v-d22db663]{font-family:monospace;font-size:.75rem;font-weight:600}.color-actions[data-v-d22db663]{gap:8px;display:flex}.color-action-btn[data-v-d22db663]{cursor:pointer;background:#fff3;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex}.color-action-btn[data-v-d22db663]:hover{background:#fff6}.color-action-btn.locked[data-v-d22db663]{background:#f59e0b}.empty-palette[data-v-d22db663]{text-align:center;color:#94a3b8;padding:60px 20px}.empty-palette svg[data-v-d22db663]{color:#cbd5e1;margin-bottom:16px}.css-preview[data-v-d22db663]{background:#f8fafc;border-radius:16px;margin-top:24px;padding:20px}.preview-header[data-v-d22db663]{color:#1f2937;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem;font-weight:600;display:flex}.preview-examples[data-v-d22db663]{flex-direction:column;gap:12px;display:flex}.preview-box[data-v-d22db663]{text-align:center;border-radius:10px;padding:12px;font-size:.875rem;font-weight:500}.gradient-preview[data-v-d22db663]{text-align:center;color:#fff;border-radius:10px;padding:24px;font-weight:500}.modal[data-v-d22db663]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-d22db663]{background:#fff;border-radius:24px;width:90%;max-width:500px;animation:.3s slideUp-d22db663}@keyframes slideUp-d22db663{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-d22db663]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3[data-v-d22db663]{color:#1f2937;font-size:1.125rem;font-weight:600}.modal-close[data-v-d22db663]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:28px}.modal-body[data-v-d22db663]{padding:24px}.export-options[data-v-d22db663]{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.export-option-btn[data-v-d22db663]{cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.export-option-btn[data-v-d22db663]:hover{background:#e2e8f0;transform:translateY(-2px)}.toast[data-v-d22db663]{color:#fff;z-index:10000;border-radius:12px;padding:12px 20px;font-size:.875rem;font-weight:500;animation:.3s slideIn-d22db663;position:fixed;bottom:24px;right:24px}.toast.success[data-v-d22db663]{background:#10b981}.toast.error[data-v-d22db663]{background:#ef4444}@keyframes slideIn-d22db663{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-v-2e0100fd]{box-sizing:border-box;margin:0;padding:0}.text-to-speech[data-v-2e0100fd]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:40px 24px}.container[data-v-2e0100fd]{max-width:1400px;margin:0 auto}.header[data-v-2e0100fd]{text-align:center;margin-bottom:48px}.header-badge[data-v-2e0100fd]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.badge-icon[data-v-2e0100fd]{width:18px;height:18px}.header h1[data-v-2e0100fd]{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:3rem;font-weight:700}.subtitle[data-v-2e0100fd]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.125rem}.main-layout[data-v-2e0100fd]{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=968px){.main-layout[data-v-2e0100fd]{grid-template-columns:1fr}}.card[data-v-2e0100fd]{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000026}.card-header[data-v-2e0100fd]{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:20px 24px;display:flex}.card-icon[data-v-2e0100fd]{color:#667eea;width:22px;height:22px}.card-header h2[data-v-2e0100fd]{color:#1f2937;margin:0;font-size:1.125rem;font-weight:600}.card-body[data-v-2e0100fd]{padding:24px}.text-input-wrapper[data-v-2e0100fd]{margin-bottom:16px;position:relative}.text-input[data-v-2e0100fd]{resize:vertical;border:2px solid #e5e7eb;border-radius:16px;width:100%;min-height:200px;padding:16px;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:all .2s}.text-input[data-v-2e0100fd]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.char-counter[data-v-2e0100fd]{color:#9ca3af;background:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;position:absolute;bottom:12px;right:16px}.char-counter.warning[data-v-2e0100fd]{color:#f59e0b}.quick-examples[data-v-2e0100fd]{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.example-btn[data-v-2e0100fd]{cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;padding:6px 14px;font-size:.75rem;font-weight:500;transition:all .2s}.example-btn[data-v-2e0100fd]:hover{background:#e2e8f0;transform:translateY(-1px)}.example-btn.clear[data-v-2e0100fd]{color:#ef4444;background:#fee2e2;border-color:#fecaca}.example-btn.clear[data-v-2e0100fd]:hover{background:#fecaca}.settings-section[data-v-2e0100fd]{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.section-header[data-v-2e0100fd]{align-items:center;gap:8px;margin-bottom:20px;display:flex}.section-header svg[data-v-2e0100fd]{color:#667eea}.section-header h3[data-v-2e0100fd]{color:#1f2937;font-size:.9375rem;font-weight:600}.form-group[data-v-2e0100fd]{margin-bottom:20px}.form-label[data-v-2e0100fd]{color:#374151;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-select[data-v-2e0100fd]{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:10px 14px;font-size:.875rem;transition:all .2s}.form-select[data-v-2e0100fd]:focus{border-color:#667eea;outline:none}.value-indicator[data-v-2e0100fd]{color:#667eea;font-weight:600}.slider[data-v-2e0100fd]{-webkit-appearance:none;background:#e5e7eb;border-radius:5px;outline:none;width:100%;height:6px}.slider[data-v-2e0100fd]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0003}.slider-labels[data-v-2e0100fd]{color:#94a3b8;justify-content:space-between;margin-top:8px;font-size:.7rem;display:flex}.ssml-section[data-v-2e0100fd]{background:#f8fafc;border-radius:16px;margin-top:24px;padding:16px}.checkbox-label[data-v-2e0100fd]{cursor:pointer;color:#1f2937;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.checkbox[data-v-2e0100fd]{cursor:pointer;width:18px;height:18px}.info-icon[data-v-2e0100fd]{color:#fff;cursor:help;background:#cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:inline-flex}.ssml-info[data-v-2e0100fd]{background:#fff;border-radius:12px;margin-top:12px;padding:12px}.ssml-badge[data-v-2e0100fd]{color:#667eea;margin-bottom:8px;font-size:.7rem;font-weight:600}.ssml-tags[data-v-2e0100fd]{flex-wrap:wrap;gap:8px;display:flex}.ssml-tags code[data-v-2e0100fd]{color:#8b5cf6;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.7rem}.playback-controls[data-v-2e0100fd]{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.control-btn[data-v-2e0100fd]{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.control-btn.play[data-v-2e0100fd]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.control-btn.pause[data-v-2e0100fd]{color:#fff;background:#f59e0b}.control-btn.resume[data-v-2e0100fd]{color:#fff;background:#3b82f6}.control-btn.stop[data-v-2e0100fd]{color:#fff;background:#ef4444}.control-btn[data-v-2e0100fd]:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.control-btn[data-v-2e0100fd]:disabled{opacity:.5;cursor:not-allowed}.download-section[data-v-2e0100fd]{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:16px}.download-buttons[data-v-2e0100fd]{gap:12px;margin-top:12px;display:flex}.download-btn[data-v-2e0100fd]{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.download-btn.mp3[data-v-2e0100fd]{color:#fff;background:#8b5cf6}.download-btn.wav[data-v-2e0100fd]{color:#fff;background:#ec489a}.download-btn[data-v-2e0100fd]:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.download-btn[data-v-2e0100fd]:disabled{opacity:.5;cursor:not-allowed}.visualizer[data-v-2e0100fd]{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin:24px 0;padding:20px}.visualizer-bars[data-v-2e0100fd]{justify-content:center;align-items:center;gap:4px;height:60px;margin-bottom:12px;display:flex}.bar[data-v-2e0100fd]{background:#fff;border-radius:2px;width:4px;height:20px;animation:.5s infinite alternate bounce-2e0100fd}@keyframes bounce-2e0100fd{0%{height:20px}to{height:60px}}.visualizer-text[data-v-2e0100fd]{color:#fff;font-size:.875rem;font-weight:500}.ssml-preview[data-v-2e0100fd]{background:#f1f5f9;border-radius:12px;margin:16px 0;padding:16px}.preview-header[data-v-2e0100fd]{color:#64748b;align-items:center;gap:8px;margin-bottom:8px;font-size:.75rem;font-weight:600;display:flex}.ssml-code[data-v-2e0100fd]{color:#334155;white-space:pre-wrap;word-wrap:break-word;font-family:monospace;font-size:.75rem;display:block}.info-card[data-v-2e0100fd]{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:16px;margin-top:16px;padding:16px}.info-header[data-v-2e0100fd]{color:#92400e;align-items:center;gap:8px;margin-bottom:8px;display:flex}.info-card p[data-v-2e0100fd]{color:#78350f;font-size:.8125rem;line-height:1.5}.toast[data-v-2e0100fd]{color:#fff;z-index:10000;border-radius:12px;padding:12px 20px;font-size:.875rem;font-weight:500;animation:.3s slideIn-2e0100fd;position:fixed;bottom:24px;right:24px}.toast.success[data-v-2e0100fd]{background:#10b981}.toast.error[data-v-2e0100fd]{background:#ef4444}@keyframes slideIn-2e0100fd{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-v-2e0100fd]::-webkit-scrollbar{width:8px;height:8px}[data-v-2e0100fd]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}[data-v-2e0100fd]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}[data-v-2e0100fd]::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-v-8bb3b304]{box-sizing:border-box;margin:0;padding:0}.base-encoder[data-v-8bb3b304]{background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%);min-height:100vh;padding:40px 24px}.container[data-v-8bb3b304]{max-width:1400px;margin:0 auto}.header[data-v-8bb3b304]{text-align:center;margin-bottom:48px}.header-badge[data-v-8bb3b304]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.badge-icon[data-v-8bb3b304]{width:18px;height:18px}.header h1[data-v-8bb3b304]{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:3rem;font-weight:700}.subtitle[data-v-8bb3b304]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.125rem}.main-layout[data-v-8bb3b304]{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=968px){.main-layout[data-v-8bb3b304]{grid-template-columns:1fr}}.card[data-v-8bb3b304]{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0003}.card-header[data-v-8bb3b304]{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 24px;display:flex}.card-icon[data-v-8bb3b304]{color:#2c5364;width:22px;height:22px}.card-header h2[data-v-8bb3b304]{color:#1f2937;flex:1;margin:0;font-size:1.125rem;font-weight:600}.card-body[data-v-8bb3b304]{padding:24px}.mode-toggle[data-v-8bb3b304]{background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:flex}.mode-btn[data-v-8bb3b304]{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 16px;font-size:.75rem;font-weight:500;transition:all .2s}.mode-btn.active[data-v-8bb3b304]{color:#2c5364;background:#fff;box-shadow:0 1px 3px #0000001a}.input-tabs[data-v-8bb3b304]{border-bottom:1px solid #e5e7eb;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.input-tab[data-v-8bb3b304]{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.input-tab.active[data-v-8bb3b304]{color:#fff;background:#2c5364}.input-tab[data-v-8bb3b304]:hover:not(.active){background:#f1f5f9}.text-input[data-v-8bb3b304]{resize:vertical;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:14px;font-family:Courier New,monospace;font-size:.875rem;transition:all .2s}.text-input[data-v-8bb3b304]:focus{border-color:#2c5364;outline:none;box-shadow:0 0 0 3px #2c53641a}.input-actions[data-v-8bb3b304]{gap:8px;margin-top:12px;display:flex}.action-btn[data-v-8bb3b304]{cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.action-btn[data-v-8bb3b304]:hover{background:#e2e8f0;transform:translateY(-1px)}.file-upload-area[data-v-8bb3b304]{cursor:pointer;border:2px dashed #cbd5e1;border-radius:16px;transition:all .2s}.file-upload-area[data-v-8bb3b304]:hover{background:#f8fafc;border-color:#2c5364}.upload-placeholder[data-v-8bb3b304]{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px;display:flex}.upload-placeholder svg[data-v-8bb3b304]{color:#94a3b8}.upload-placeholder span[data-v-8bb3b304]{color:#475569;font-size:.875rem}.upload-placeholder small[data-v-8bb3b304]{color:#94a3b8;font-size:.75rem}.file-preview[data-v-8bb3b304]{padding:20px}.file-info[data-v-8bb3b304]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.file-name[data-v-8bb3b304]{color:#1f2937;font-size:.875rem;font-weight:500}.file-size[data-v-8bb3b304]{color:#6b7280;font-size:.7rem}.remove-file[data-v-8bb3b304]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:24px;height:24px;margin-left:auto;font-size:14px}.image-preview[data-v-8bb3b304]{border-radius:8px;max-width:100%;max-height:200px}.url-options[data-v-8bb3b304]{margin-top:12px}.checkbox-label[data-v-8bb3b304]{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:.8125rem;display:flex}.checkbox[data-v-8bb3b304]{cursor:pointer;width:16px;height:16px}.convert-btn[data-v-8bb3b304]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2c5364 0%,#203a43 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:14px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.convert-btn[data-v-8bb3b304]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2c53644d}.output-area[data-v-8bb3b304]{min-height:300px;margin-bottom:20px}.output-textarea[data-v-8bb3b304]{resize:vertical;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:14px;font-family:Courier New,monospace;font-size:.8125rem}.output-image[data-v-8bb3b304]{border-radius:12px;max-width:100%;max-height:300px;box-shadow:0 4px 12px #0000001a}.image-info[data-v-8bb3b304]{text-align:center;color:#6b7280;margin-top:12px;font-size:.75rem}.file-output[data-v-8bb3b304]{text-align:center;background:#f8fafc;border-radius:12px;padding:40px}.file-download-info[data-v-8bb3b304]{flex-direction:column;align-items:center;gap:16px;display:flex}.download-file-btn[data-v-8bb3b304]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:10px 20px;font-size:.875rem;font-weight:500}.output-placeholder[data-v-8bb3b304]{text-align:center;color:#94a3b8;padding:60px 20px}.output-placeholder svg[data-v-8bb3b304]{color:#cbd5e1;margin-bottom:16px}.output-actions[data-v-8bb3b304]{gap:8px;display:flex}.icon-btn[data-v-8bb3b304]{cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.icon-btn[data-v-8bb3b304]:hover:not(:disabled){background:#e2e8f0}.icon-btn[data-v-8bb3b304]:disabled{opacity:.5;cursor:not-allowed}.stats-section[data-v-8bb3b304]{background:#f8fafc;border-radius:16px;gap:16px;margin-bottom:20px;padding:16px;display:flex}.stat-card[data-v-8bb3b304]{text-align:center;flex:1}.stat-label[data-v-8bb3b304]{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.7rem}.stat-value[data-v-8bb3b304]{color:#1f2937;font-size:1rem;font-weight:600}.info-cards[data-v-8bb3b304]{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.info-card[data-v-8bb3b304]{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;padding:16px}.info-header[data-v-8bb3b304]{color:#92400e;align-items:center;gap:8px;margin-bottom:8px;display:flex}.info-card p[data-v-8bb3b304]{color:#78350f;font-size:.75rem;line-height:1.4}.toast[data-v-8bb3b304]{color:#fff;z-index:10000;border-radius:12px;padding:12px 20px;font-size:.875rem;font-weight:500;animation:.3s slideIn-8bb3b304;position:fixed;bottom:24px;right:24px}.toast.success[data-v-8bb3b304]{background:#10b981}.toast.error[data-v-8bb3b304]{background:#ef4444}@keyframes slideIn-8bb3b304{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-v-8bb3b304]::-webkit-scrollbar{width:8px;height:8px}[data-v-8bb3b304]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}[data-v-8bb3b304]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.code-diff-checker[data-v-25e80465]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section[data-v-25e80465]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border-bottom:1px solid #ffffff1a;position:relative}.hero-content[data-v-25e80465]{text-align:center;max-width:1200px;margin:0 auto;padding:60px 24px}.hero-icon[data-v-25e80465]{color:#fff;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.hero-title[data-v-25e80465]{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description[data-v-25e80465]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.main-container[data-v-25e80465]{z-index:20;max-width:1400px;margin:0 auto;padding:40px 24px 48px;position:relative}.toolbar[data-v-25e80465]{background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:12px 20px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.toolbar-group[data-v-25e80465]{align-items:center;gap:8px;display:flex}.toolbar-divider[data-v-25e80465]{background:#e5e7eb;width:1px;height:32px}.toolbar-btn[data-v-25e80465]{color:#374151;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.toolbar-btn[data-v-25e80465]:hover{background:#f3f4f6;border-color:#e5e7eb}.toolbar-btn.active[data-v-25e80465]{color:#fff;background:#667eea}.btn-icon[data-v-25e80465]{width:18px;height:18px}.language-selector[data-v-25e80465]{display:inline-block;position:relative}.select-icon[data-v-25e80465]{color:#6b7280;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.language-select[data-v-25e80465]{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 32px 8px 36px;font-size:14px;transition:all .2s}.language-select[data-v-25e80465]:hover{border-color:#667eea}.language-select[data-v-25e80465]:focus{border-color:#667eea;outline:none}.analysis-panel[data-v-25e80465]{background:#fff;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.analysis-header[data-v-25e80465]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.analysis-header h3[data-v-25e80465]{margin:0;font-size:18px;font-weight:600}.analysis-toggle[data-v-25e80465]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;padding:6px 12px;font-size:14px;transition:background .2s}.analysis-toggle[data-v-25e80465]:hover{background:#ffffff4d}.analysis-content[data-v-25e80465]{max-height:400px;padding:16px;overflow-y:auto}.analysis-item[data-v-25e80465]{background:#f9fafb;border-left:4px solid;border-radius:12px;gap:16px;margin-bottom:12px;padding:16px;transition:transform .2s;display:flex}.analysis-item[data-v-25e80465]:hover{transform:translate(4px)}.analysis-item.addition[data-v-25e80465]{background:#f0fdf4;border-left-color:#10b981}.analysis-item.deletion[data-v-25e80465]{background:#fef2f2;border-left-color:#ef4444}.analysis-icon[data-v-25e80465]{font-size:24px}.analysis-details[data-v-25e80465]{flex:1}.analysis-title[data-v-25e80465]{color:#1f2937;margin-bottom:6px;font-weight:700}.analysis-description[data-v-25e80465]{color:#6b7280;margin-bottom:8px;font-size:14px}.analysis-location[data-v-25e80465]{color:#9ca3af;margin-bottom:8px;font-family:monospace;font-size:12px}.analysis-code[data-v-25e80465]{background:#1f2937;border-radius:8px;padding:8px 12px;overflow-x:auto}.analysis-code code[data-v-25e80465]{color:#e5e7eb;font-family:Courier New,monospace;font-size:12px}.side-by-side-view[data-v-25e80465]{grid-template-columns:1fr auto 1fr;gap:24px;margin-bottom:32px;display:grid}.editor-panel[data-v-25e80465]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.panel-header[data-v-25e80465]{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title[data-v-25e80465]{align-items:center;gap:12px;display:flex}.title-badge[data-v-25e80465]{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.title-badge.original[data-v-25e80465]{color:#1e40af;background:#dbeafe}.title-badge.modified[data-v-25e80465]{color:#92400e;background:#fef3c7}.title-text[data-v-25e80465]{color:#1f2937;font-weight:600}.panel-actions[data-v-25e80465]{gap:8px;display:flex}.action-btn[data-v-25e80465]{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.action-btn[data-v-25e80465]:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.action-icon[data-v-25e80465]{width:16px;height:16px}.hidden[data-v-25e80465]{display:none}.editor-container[data-v-25e80465]{height:500px;display:flex;overflow:hidden}.line-numbers[data-v-25e80465]{text-align:right;color:#9ca3af;-webkit-user-select:none;user-select:none;background:#f9fafb;border-right:1px solid #e5e7eb;flex-shrink:0;width:50px;padding:16px 12px;font-family:Courier New,monospace;font-size:13px;overflow-y:auto}.line-number[data-v-25e80465]{min-height:24px;line-height:1.6}.line-number.highlight-addition[data-v-25e80465]{color:#166534;background:#dcfce7;font-weight:600}.line-number.highlight-deletion[data-v-25e80465]{color:#991b1b;background:#fee2e2;font-weight:600}.editor-textarea[data-v-25e80465]{resize:none;color:#1f2937;background:#fff;border:none;outline:none;flex:1;padding:16px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.editor-textarea[data-v-25e80465]::placeholder{color:#d1d5db;font-style:italic}.panel-footer[data-v-25e80465]{background:#f9fafb;border-top:1px solid #e5e7eb;gap:16px;padding:12px 20px;display:flex}.stats-badge[data-v-25e80465]{color:#6b7280;font-family:monospace;font-size:12px}.diff-divider[data-v-25e80465]{justify-content:center;align-items:center;display:flex}.divider-icon[data-v-25e80465]{color:#667eea;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 6px -1px #0000001a}.inline-view[data-v-25e80465]{background:#fff;border-radius:16px;margin-bottom:32px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.inline-header[data-v-25e80465]{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.inline-header-left[data-v-25e80465]{gap:12px;display:flex}.inline-badge[data-v-25e80465]{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.inline-badge.removed[data-v-25e80465]{color:#991b1b;background:#fee2e2}.inline-badge.added[data-v-25e80465]{color:#166534;background:#dcfce7}.inline-badge.unchanged[data-v-25e80465]{color:#374151;background:#f3f4f6}.inline-content[data-v-25e80465]{max-height:600px;font-family:Courier New,monospace;font-size:13px;overflow-y:auto}.diff-lines[data-v-25e80465]{padding:0}.diff-line[data-v-25e80465]{border-bottom:1px solid #f3f4f6;line-height:1.6;display:flex;position:relative}.diff-line.added[data-v-25e80465]{background:#f0fdf4}.diff-line.removed[data-v-25e80465]{background:#fef2f2}.diff-line.unchanged[data-v-25e80465]{background:#fff}.diff-gutter[data-v-25e80465]{text-align:center;-webkit-user-select:none;user-select:none;border-right:1px solid #e5e7eb;width:40px;padding:4px 8px;font-weight:600}.diff-line.added .diff-gutter[data-v-25e80465]{color:#166534;background:#dcfce7}.diff-line.removed .diff-gutter[data-v-25e80465]{color:#991b1b;background:#fee2e2}.diff-line.unchanged .diff-gutter[data-v-25e80465]{color:#9ca3af;background:#f9fafb}.diff-content[data-v-25e80465]{white-space:pre-wrap;word-break:break-word;flex:1;padding:4px 12px;position:relative}.change-tooltip[data-v-25e80465]{color:#fff;white-space:nowrap;z-index:100;background:#1f2937;border-radius:6px;margin-right:8px;padding:4px 8px;font-size:11px;display:none;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.diff-line:hover .change-tooltip[data-v-25e80465]{display:block}.empty-state[data-v-25e80465]{text-align:center;color:#9ca3af;padding:60px 20px;font-size:14px}.stats-dashboard[data-v-25e80465]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card[data-v-25e80465]{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 1px 3px #0000001a}.stat-card[data-v-25e80465]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.stat-icon[data-v-25e80465]{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.green[data-v-25e80465]{color:#166534;background:#dcfce7}.stat-icon.red[data-v-25e80465]{color:#991b1b;background:#fee2e2}.stat-icon.blue[data-v-25e80465]{color:#1e40af;background:#dbeafe}.stat-icon.purple[data-v-25e80465]{color:#6b21a5;background:#f3e8ff}.stat-info[data-v-25e80465]{flex:1}.stat-value[data-v-25e80465]{color:#1f2937;margin-bottom:4px;font-size:28px;font-weight:800;line-height:1}.stat-label[data-v-25e80465]{color:#6b7280;font-size:13px;font-weight:500}.action-buttons[data-v-25e80465]{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary[data-v-25e80465],.btn-secondary[data-v-25e80465]{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary[data-v-25e80465]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 6px -1px #0000001a}.btn-primary[data-v-25e80465]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn-secondary[data-v-25e80465]{color:#374151;background:#fff;border:1px solid #e5e7eb}.btn-secondary[data-v-25e80465]:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.modal-overlay[data-v-25e80465]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container[data-v-25e80465]{background:#fff;border-radius:20px;width:90%;max-width:500px;animation:.3s ease-out modalSlideIn-25e80465;overflow:hidden}@keyframes modalSlideIn-25e80465{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-25e80465]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title[data-v-25e80465]{color:#1f2937;font-size:20px;font-weight:700}.modal-close[data-v-25e80465]{cursor:pointer;color:#9ca3af;background:0 0;border:none;transition:color .2s}.modal-close[data-v-25e80465]:hover{color:#374151}.modal-body[data-v-25e80465]{padding:24px}.modal-text[data-v-25e80465]{color:#6b7280;margin-bottom:16px}.share-url-container[data-v-25e80465]{gap:12px;display:flex}.share-url-input[data-v-25e80465]{color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:10px 12px;font-family:monospace;font-size:13px}.copy-url-btn[data-v-25e80465]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:background .2s}.copy-url-btn[data-v-25e80465]:hover{background:#5a67d8}.toast-notification[data-v-25e80465]{color:#fff;z-index:1100;background:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn-25e80465;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.toast-icon[data-v-25e80465]{width:20px;height:20px}@keyframes toastSlideIn-25e80465{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-enter-active[data-v-25e80465],.toast-leave-active[data-v-25e80465]{transition:all .3s}.toast-enter-from[data-v-25e80465],.toast-leave-to[data-v-25e80465]{opacity:0;transform:translate(100%)}[data-v-25e80465]::-webkit-scrollbar{width:8px;height:8px}[data-v-25e80465]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}[data-v-25e80465]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-v-25e80465]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.side-by-side-view[data-v-25e80465]{grid-template-columns:1fr;gap:20px}.diff-divider[data-v-25e80465]{display:none}.hero-title[data-v-25e80465]{font-size:36px}.stats-dashboard[data-v-25e80465]{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero-content[data-v-25e80465]{padding:40px 20px}.hero-title[data-v-25e80465]{font-size:28px}.hero-description[data-v-25e80465]{font-size:16px}.main-container[data-v-25e80465]{padding:20px 16px 32px}.toolbar[data-v-25e80465]{flex-direction:column;align-items:stretch}.toolbar-group[data-v-25e80465]{justify-content:center}.toolbar-divider[data-v-25e80465]{display:none}.stats-dashboard[data-v-25e80465]{grid-template-columns:1fr}.action-buttons[data-v-25e80465]{flex-direction:column}.btn-primary[data-v-25e80465],.btn-secondary[data-v-25e80465]{justify-content:center;width:100%}.editor-container[data-v-25e80465]{height:300px}.analysis-item[data-v-25e80465]{flex-direction:column}}.svg-optimizer[data-v-ce790942]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section[data-v-ce790942]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border-bottom:1px solid #ffffff1a;position:relative}.hero-content[data-v-ce790942]{text-align:center;max-width:1200px;margin:0 auto;padding:60px 24px}.hero-icon[data-v-ce790942]{color:#fff;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.hero-title[data-v-ce790942]{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description[data-v-ce790942]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.main-container[data-v-ce790942]{z-index:20;max-width:1400px;margin:0 auto;padding:40px 24px 48px;position:relative}.options-card[data-v-ce790942]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.options-header[data-v-ce790942]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.options-header h3[data-v-ce790942]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.options-actions[data-v-ce790942]{gap:12px;display:flex}.option-btn[data-v-ce790942]{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.option-btn[data-v-ce790942]:hover{background:#e5e7eb;transform:translateY(-1px)}.options-grid[data-v-ce790942]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.option-item[data-v-ce790942]{cursor:pointer;background:#f9fafb;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.option-item[data-v-ce790942]:hover{background:#f3f4f6;transform:translate(4px)}.option-item input[type=checkbox][data-v-ce790942]{cursor:pointer;width:18px;height:18px}.option-name[data-v-ce790942]{color:#1f2937;font-size:14px;font-weight:600}.option-desc[data-v-ce790942]{color:#6b7280;margin-left:auto;font-size:12px}.content-grid[data-v-ce790942]{grid-template-columns:1fr auto 1fr;gap:24px;margin-bottom:32px;display:grid}.input-section[data-v-ce790942],.output-section[data-v-ce790942]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.section-header[data-v-ce790942]{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.section-header h3[data-v-ce790942]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.section-actions[data-v-ce790942]{gap:8px;display:flex}.upload-btn[data-v-ce790942],.action-btn[data-v-ce790942],.clear-btn[data-v-ce790942]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.upload-btn[data-v-ce790942]:hover,.action-btn[data-v-ce790942]:hover,.clear-btn[data-v-ce790942]:hover{background:#f3f4f6;transform:translateY(-1px)}.hidden[data-v-ce790942]{display:none}.btn-icon[data-v-ce790942]{width:16px;height:16px}.editor-container[data-v-ce790942]{height:400px;overflow:auto}.svg-editor[data-v-ce790942]{resize:none;color:#1f2937;background:#fff;border:none;outline:none;width:100%;height:100%;padding:16px;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.svg-editor.output[data-v-ce790942]{color:#374151;background:#f9fafb}.svg-editor[data-v-ce790942]::placeholder{color:#d1d5db;font-style:italic}.section-footer[data-v-ce790942]{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px}.size-info[data-v-ce790942]{gap:16px;margin-bottom:12px;display:flex}.size-badge[data-v-ce790942]{color:#6b7280;font-family:monospace;font-size:12px}.preview-container[data-v-ce790942]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.preview-header[data-v-ce790942]{color:#374151;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.preview-download[data-v-ce790942]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:4px 8px;font-size:11px;transition:background .2s}.preview-download[data-v-ce790942]:hover{background:#5a67d8}.svg-preview[data-v-ce790942]{background:#f9fafb;border-radius:8px;justify-content:center;align-items:center;max-height:200px;padding:16px;display:flex}.svg-preview svg[data-v-ce790942]{max-width:100%;max-height:150px}.error-message[data-v-ce790942]{color:#991b1b;background:#fee2e2;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:13px}.optimization-controls[data-v-ce790942]{justify-content:center;align-items:center;display:flex}.controls-card[data-v-ce790942]{text-align:center}.optimize-btn[data-v-ce790942]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a}.optimize-btn[data-v-ce790942]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}.optimization-stats[data-v-ce790942]{background:#f9fafb;border-radius:10px;margin-top:16px;padding:12px}.stat[data-v-ce790942]{justify-content:space-between;gap:16px;margin-bottom:8px;font-size:14px;display:flex}.stat[data-v-ce790942]:last-child{margin-bottom:0}.stat-label[data-v-ce790942]{color:#6b7280}.stat-value[data-v-ce790942]{font-weight:700}.stat-value.success[data-v-ce790942]{color:#10b981}.stat-value.neutral[data-v-ce790942]{color:#6b7280}.comparison-card[data-v-ce790942]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.comparison-card h3[data-v-ce790942]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.comparison-bars[data-v-ce790942]{flex-direction:column;gap:16px;display:flex}.bar-container[data-v-ce790942]{align-items:center;gap:16px;display:flex}.bar-label[data-v-ce790942]{color:#374151;width:60px;font-weight:600}.bar-wrapper[data-v-ce790942]{background:#f3f4f6;border-radius:8px;flex:1;overflow:hidden}.bar[data-v-ce790942]{color:#fff;text-align:right;padding:8px 12px;font-size:13px;font-weight:600;transition:width .3s}.input-bar[data-v-ce790942]{background:linear-gradient(90deg,#ef4444,#f97316)}.output-bar[data-v-ce790942]{background:linear-gradient(90deg,#10b981,#34d399)}.saved-bar[data-v-ce790942]{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.tips-card[data-v-ce790942]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.tips-card h3[data-v-ce790942]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.tips-grid[data-v-ce790942]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tip-item[data-v-ce790942]{background:#f9fafb;border-radius:10px;gap:12px;padding:12px;transition:transform .2s;display:flex}.tip-item[data-v-ce790942]:hover{transform:translate(4px)}.tip-icon[data-v-ce790942]{font-size:24px}.tip-content[data-v-ce790942]{flex:1}.tip-content strong[data-v-ce790942]{color:#1f2937;margin-bottom:4px;display:block}.tip-content p[data-v-ce790942]{color:#6b7280;margin:0;font-size:13px}.toast-notification[data-v-ce790942]{color:#fff;z-index:1100;background:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn-ce790942;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.toast-icon[data-v-ce790942]{width:20px;height:20px}@keyframes toastSlideIn-ce790942{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-enter-active[data-v-ce790942],.toast-leave-active[data-v-ce790942]{transition:all .3s}.toast-enter-from[data-v-ce790942],.toast-leave-to[data-v-ce790942]{opacity:0;transform:translate(100%)}[data-v-ce790942]::-webkit-scrollbar{width:8px;height:8px}[data-v-ce790942]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}[data-v-ce790942]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-v-ce790942]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.content-grid[data-v-ce790942]{grid-template-columns:1fr;gap:20px}.optimization-controls[data-v-ce790942]{order:-1}.hero-title[data-v-ce790942]{font-size:36px}}@media (width<=640px){.hero-content[data-v-ce790942]{padding:40px 20px}.hero-title[data-v-ce790942]{font-size:28px}.hero-description[data-v-ce790942]{font-size:16px}.main-container[data-v-ce790942]{padding:20px 16px 32px}.options-header[data-v-ce790942]{flex-direction:column;align-items:stretch}.options-actions[data-v-ce790942]{justify-content:center}.options-grid[data-v-ce790942]{grid-template-columns:1fr}.section-header[data-v-ce790942]{flex-direction:column;align-items:stretch;gap:12px}.section-actions[data-v-ce790942]{justify-content:center}.editor-container[data-v-ce790942]{height:300px}.tips-grid[data-v-ce790942]{grid-template-columns:1fr}.bar-container[data-v-ce790942]{flex-direction:column;align-items:stretch}.bar-label[data-v-ce790942]{width:auto}}.password-generator[data-v-f38ea723]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section[data-v-f38ea723]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border-bottom:1px solid #ffffff1a;position:relative}.hero-content[data-v-f38ea723]{text-align:center;max-width:1200px;margin:0 auto;padding:60px 24px}.hero-icon[data-v-f38ea723]{color:#fff;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.hero-title[data-v-f38ea723]{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description[data-v-f38ea723]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.main-container[data-v-f38ea723]{z-index:20;max-width:1200px;margin:0 auto;padding:40px 24px 48px;position:relative}.password-card[data-v-f38ea723]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.password-header[data-v-f38ea723]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.password-header h3[data-v-f38ea723]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.password-actions[data-v-f38ea723]{gap:12px;display:flex}.action-btn[data-v-f38ea723]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.action-btn[data-v-f38ea723]:hover{background:#f3f4f6;transform:translateY(-1px)}.action-btn.primary[data-v-f38ea723]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.action-btn.primary[data-v-f38ea723]:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.action-btn.copied[data-v-f38ea723]{color:#fff;background:#10b981;border-color:#10b981}.btn-icon[data-v-f38ea723]{width:18px;height:18px}.password-display[data-v-f38ea723]{background:#f9fafb;border-radius:12px;padding:20px}.password-text[data-v-f38ea723]{color:#1f2937;text-align:center;word-break:break-all;letter-spacing:1px;margin-bottom:16px;font-family:Courier New,monospace;font-size:24px;font-weight:600}.password-strength[data-v-f38ea723]{margin-top:16px}.strength-bar[data-v-f38ea723]{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.strength-fill[data-v-f38ea723]{height:100%;transition:width .3s,background .3s}.strength-fill.weak[data-v-f38ea723]{background:#ef4444}.strength-fill.fair[data-v-f38ea723]{background:#f59e0b}.strength-fill.good[data-v-f38ea723]{background:#3b82f6}.strength-fill.strong[data-v-f38ea723]{background:#10b981}.strength-text[data-v-f38ea723]{justify-content:space-between;font-size:13px;display:flex}.strength-label[data-v-f38ea723]{color:#6b7280}.strength-value[data-v-f38ea723]{font-weight:600}.strength-value.weak[data-v-f38ea723]{color:#ef4444}.strength-value.fair[data-v-f38ea723]{color:#f59e0b}.strength-value.good[data-v-f38ea723]{color:#3b82f6}.strength-value.strong[data-v-f38ea723]{color:#10b981}.bulk-section[data-v-f38ea723]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;animation:.3s ease-out slideDown-f38ea723;box-shadow:0 10px 15px -3px #0000001a}@keyframes slideDown-f38ea723{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bulk-header[data-v-f38ea723]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.bulk-header h3[data-v-f38ea723]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.bulk-actions[data-v-f38ea723]{gap:12px;display:flex}.bulk-list[data-v-f38ea723]{max-height:400px;overflow-y:auto}.bulk-item[data-v-f38ea723]{background:#f9fafb;border-radius:10px;align-items:center;gap:16px;margin-bottom:8px;padding:12px;transition:transform .2s;display:flex}.bulk-item[data-v-f38ea723]:hover{background:#f3f4f6;transform:translate(4px)}.bulk-number[data-v-f38ea723]{color:#fff;background:#667eea;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex}.bulk-password[data-v-f38ea723]{color:#1f2937;word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:14px}.bulk-copy[data-v-f38ea723]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px;transition:all .2s}.bulk-copy[data-v-f38ea723]:hover{background:#667eea;border-color:#667eea}.bulk-copy:hover .btn-icon[data-v-f38ea723]{color:#fff}.options-card[data-v-f38ea723]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.options-header[data-v-f38ea723]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.options-header h3[data-v-f38ea723]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.reset-btn[data-v-f38ea723]{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.reset-btn[data-v-f38ea723]:hover{background:#e5e7eb}.option-group[data-v-f38ea723]{margin-bottom:24px}.option-label[data-v-f38ea723]{color:#374151;justify-content:space-between;margin-bottom:12px;font-weight:500;display:flex}.length-value[data-v-f38ea723]{color:#667eea;font-size:18px;font-weight:700}.length-slider[data-v-f38ea723]{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;outline:none;width:100%;height:6px}.length-slider[data-v-f38ea723]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0000001a}.length-slider[data-v-f38ea723]::-webkit-slider-thumb:hover{transform:scale(1.1)}.length-limits[data-v-f38ea723]{color:#9ca3af;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.options-grid[data-v-f38ea723]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.option-item[data-v-f38ea723]{cursor:pointer;background:#f9fafb;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.option-item[data-v-f38ea723]:hover{background:#f3f4f6;transform:translate(4px)}.option-item input[type=checkbox][data-v-f38ea723]{cursor:pointer;width:18px;height:18px}.option-content[data-v-f38ea723]{flex:1}.option-name[data-v-f38ea723]{color:#1f2937;margin-bottom:2px;font-weight:600;display:block}.option-example[data-v-f38ea723]{color:#6b7280;font-size:11px}.advanced-options[data-v-f38ea723]{border-top:1px solid #e5e7eb;padding-top:24px}.action-buttons[data-v-f38ea723]{gap:12px;margin-top:16px;display:flex}.bulk-generate-btn[data-v-f38ea723],.view-bulk-btn[data-v-f38ea723]{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.bulk-generate-btn[data-v-f38ea723]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex:1}.bulk-generate-btn[data-v-f38ea723]:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.view-bulk-btn[data-v-f38ea723]{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.view-bulk-btn[data-v-f38ea723]:hover{background:#e5e7eb}.stats-card[data-v-f38ea723]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.stats-card h3[data-v-f38ea723]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.stats-grid[data-v-f38ea723]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.stat-item[data-v-f38ea723]{text-align:center;background:#f9fafb;border-radius:10px;padding:12px}.stat-value[data-v-f38ea723]{color:#667eea;margin-bottom:4px;font-size:24px;font-weight:800}.stat-label[data-v-f38ea723]{color:#6b7280;font-size:12px}.tips-card[data-v-f38ea723]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.tips-card h3[data-v-f38ea723]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.tips-grid[data-v-f38ea723]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tip-item[data-v-f38ea723]{background:#f9fafb;border-radius:10px;gap:12px;padding:12px;transition:transform .2s;display:flex}.tip-item[data-v-f38ea723]:hover{transform:translate(4px)}.tip-icon[data-v-f38ea723]{font-size:24px}.tip-content[data-v-f38ea723]{flex:1}.tip-content strong[data-v-f38ea723]{color:#1f2937;margin-bottom:4px;display:block}.tip-content p[data-v-f38ea723]{color:#6b7280;margin:0;font-size:13px}.toast-notification[data-v-f38ea723]{color:#fff;z-index:1100;background:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn-f38ea723;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.toast-icon[data-v-f38ea723]{width:20px;height:20px}@keyframes toastSlideIn-f38ea723{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-enter-active[data-v-f38ea723],.toast-leave-active[data-v-f38ea723]{transition:all .3s}.toast-enter-from[data-v-f38ea723],.toast-leave-to[data-v-f38ea723]{opacity:0;transform:translate(100%)}[data-v-f38ea723]::-webkit-scrollbar{width:8px;height:8px}[data-v-f38ea723]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}[data-v-f38ea723]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-v-f38ea723]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){.hero-title[data-v-f38ea723]{font-size:36px}.hero-description[data-v-f38ea723]{font-size:16px}.password-text[data-v-f38ea723]{font-size:18px}.password-header[data-v-f38ea723],.bulk-header[data-v-f38ea723],.options-header[data-v-f38ea723]{flex-direction:column;align-items:stretch}.password-actions[data-v-f38ea723],.bulk-actions[data-v-f38ea723]{justify-content:center}.action-buttons[data-v-f38ea723]{flex-direction:column}.stats-grid[data-v-f38ea723]{grid-template-columns:repeat(2,1fr)}.tips-grid[data-v-f38ea723]{grid-template-columns:1fr}}@media (width<=640px){.hero-content[data-v-f38ea723]{padding:40px 20px}.hero-title[data-v-f38ea723]{font-size:28px}.main-container[data-v-f38ea723]{padding:20px 16px 32px}.options-grid[data-v-f38ea723],.stats-grid[data-v-f38ea723]{grid-template-columns:1fr}}.screen-recorder[data-v-62720c62]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section[data-v-62720c62]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border-bottom:1px solid #ffffff1a;position:relative}.hero-content[data-v-62720c62]{text-align:center;max-width:1200px;margin:0 auto;padding:60px 24px}.hero-icon[data-v-62720c62]{color:#fff;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.hero-title[data-v-62720c62]{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description[data-v-62720c62]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.main-container[data-v-62720c62]{z-index:20;max-width:1200px;margin:0 auto;padding:40px 24px 48px;position:relative}.controls-card[data-v-62720c62]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.controls-header[data-v-62720c62]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.controls-header h3[data-v-62720c62]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.recording-status[data-v-62720c62]{background:#f3f4f6;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:flex}.recording-status.recording[data-v-62720c62]{background:#fee2e2}.status-dot[data-v-62720c62]{background:#9ca3af;border-radius:50%;width:8px;height:8px}.recording-status.recording .status-dot[data-v-62720c62]{background:#ef4444;animation:1s infinite pulse-62720c62}@keyframes pulse-62720c62{0%,to{opacity:1}50%{opacity:.5}}.timer[data-v-62720c62]{font-family:monospace;font-weight:600}.controls-grid[data-v-62720c62]{gap:24px;margin-bottom:24px;display:grid}.control-group[data-v-62720c62]{flex-direction:column;gap:12px;display:flex}.control-label[data-v-62720c62]{color:#374151;font-weight:600}.source-buttons[data-v-62720c62],.format-buttons[data-v-62720c62]{flex-wrap:wrap;gap:12px;display:flex}.source-btn[data-v-62720c62],.format-btn[data-v-62720c62]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.source-btn[data-v-62720c62]:hover,.format-btn[data-v-62720c62]:hover{background:#f3f4f6;transform:translateY(-1px)}.source-btn.active[data-v-62720c62],.format-btn.active[data-v-62720c62]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}.quality-slider[data-v-62720c62]{align-items:center;gap:16px;display:flex}.quality-range[data-v-62720c62]{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;outline:none;flex:1;height:6px}.quality-range[data-v-62720c62]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:20px;height:20px}.quality-value[data-v-62720c62]{color:#667eea;min-width:60px;font-weight:600}.recording-buttons[data-v-62720c62]{justify-content:center;margin-top:16px;display:flex}.record-btn[data-v-62720c62]{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.record-btn.start[data-v-62720c62]{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.record-btn.start[data-v-62720c62]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.record-btn.stop[data-v-62720c62]{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.processing-indicator[data-v-62720c62]{color:#374151;background:#f3f4f6;border-radius:12px;align-items:center;gap:12px;padding:14px 32px;display:flex}.spinner[data-v-62720c62]{border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-62720c62}@keyframes spin-62720c62{to{transform:rotate(360deg)}}.preview-card[data-v-62720c62]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.preview-header[data-v-62720c62]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.preview-header h3[data-v-62720c62]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.preview-actions[data-v-62720c62]{gap:12px;display:flex}.download-btn[data-v-62720c62],.clear-btn[data-v-62720c62]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.download-btn[data-v-62720c62]:hover{color:#fff;background:#10b981;border-color:#10b981}.clear-btn[data-v-62720c62]:hover{color:#fff;background:#ef4444;border-color:#ef4444}.video-preview[data-v-62720c62]{background:#000;border-radius:12px;width:100%;margin-bottom:24px}.trimming-tools[data-v-62720c62]{border-top:1px solid #e5e7eb;padding-top:20px}.trimming-tools h4[data-v-62720c62]{color:#1f2937;margin-bottom:16px}.trim-controls[data-v-62720c62]{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.trim-input[data-v-62720c62]{flex-direction:column;gap:4px;display:flex}.trim-input label[data-v-62720c62]{color:#6b7280;font-size:12px}.trim-input input[data-v-62720c62]{border:1px solid #e5e7eb;border-radius:8px;width:120px;padding:8px 12px;font-size:14px}.trim-btn[data-v-62720c62],.reset-trim-btn[data-v-62720c62]{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.trim-btn[data-v-62720c62]{color:#fff;background:#667eea}.trim-btn[data-v-62720c62]:hover{background:#5a67d8}.reset-trim-btn[data-v-62720c62]{color:#374151;background:#f3f4f6}.reset-trim-btn[data-v-62720c62]:hover{background:#e5e7eb}.timeline[data-v-62720c62]{margin-top:20px}.timeline-track[data-v-62720c62]{cursor:pointer;background:#e5e7eb;border-radius:20px;height:40px;position:relative}.timeline-progress[data-v-62720c62]{pointer-events:none;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px;height:100%;position:absolute}.timeline-handle[data-v-62720c62]{cursor:ew-resize;background:#fff;border:2px solid #667eea;border-radius:8px;width:16px;height:56px;position:absolute;top:-8px;transform:translate(-50%);box-shadow:0 2px 4px #0000001a}.timeline-handle[data-v-62720c62]:hover{background:#667eea}.timeline-labels[data-v-62720c62]{color:#6b7280;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.recordings-card[data-v-62720c62]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.recordings-header[data-v-62720c62]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.recordings-header h3[data-v-62720c62]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.clear-all-btn[data-v-62720c62]{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.clear-all-btn[data-v-62720c62]:hover{background:#e5e7eb}.recordings-list[data-v-62720c62]{max-height:400px;overflow-y:auto}.recording-item[data-v-62720c62]{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;transition:transform .2s;display:flex}.recording-item[data-v-62720c62]:hover{background:#f3f4f6;transform:translate(4px)}.recording-info[data-v-62720c62]{align-items:center;gap:12px;display:flex}.recording-icon[data-v-62720c62]{font-size:24px}.recording-details[data-v-62720c62]{flex-direction:column;display:flex}.recording-name[data-v-62720c62]{color:#1f2937;font-weight:600}.recording-meta[data-v-62720c62]{color:#6b7280;font-size:12px}.recording-actions[data-v-62720c62]{gap:8px;display:flex}.preview-rec-btn[data-v-62720c62],.download-rec-btn[data-v-62720c62],.delete-rec-btn[data-v-62720c62]{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.preview-rec-btn[data-v-62720c62]{color:#fff;background:#667eea}.download-rec-btn[data-v-62720c62]{color:#fff;background:#10b981}.delete-rec-btn[data-v-62720c62]{color:#fff;background:#ef4444}.tips-card[data-v-62720c62]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.tips-card h3[data-v-62720c62]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.tips-grid[data-v-62720c62]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tip-item[data-v-62720c62]{background:#f9fafb;border-radius:10px;gap:12px;padding:12px;transition:transform .2s;display:flex}.tip-item[data-v-62720c62]:hover{transform:translate(4px)}.tip-icon[data-v-62720c62]{font-size:24px}.tip-content[data-v-62720c62]{flex:1}.tip-content strong[data-v-62720c62]{color:#1f2937;margin-bottom:4px;display:block}.tip-content p[data-v-62720c62]{color:#6b7280;margin:0;font-size:13px}.toast-notification[data-v-62720c62]{color:#fff;z-index:1100;background:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn-62720c62;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.toast-icon[data-v-62720c62]{width:20px;height:20px}@keyframes toastSlideIn-62720c62{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.hero-title[data-v-62720c62]{font-size:36px}.controls-header[data-v-62720c62]{flex-direction:column;align-items:stretch}.source-buttons[data-v-62720c62],.format-buttons[data-v-62720c62]{flex-direction:column}.source-btn[data-v-62720c62],.format-btn[data-v-62720c62]{justify-content:center;width:100%}.trim-controls[data-v-62720c62]{flex-direction:column;align-items:stretch}.trim-input input[data-v-62720c62]{width:100%}.recording-item[data-v-62720c62]{flex-direction:column;gap:12px}.recording-actions[data-v-62720c62]{justify-content:center;width:100%}.tips-grid[data-v-62720c62]{grid-template-columns:1fr}}@media (width<=640px){.hero-content[data-v-62720c62]{padding:40px 20px}.hero-title[data-v-62720c62]{font-size:28px}.main-container[data-v-62720c62]{padding:20px 16px 32px}}.lorem-generator[data-v-24368e00]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section[data-v-24368e00]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border-bottom:1px solid #ffffff1a;position:relative}.hero-content[data-v-24368e00]{text-align:center;max-width:1200px;margin:0 auto;padding:60px 24px}.hero-icon[data-v-24368e00]{color:#fff;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.hero-title[data-v-24368e00]{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description[data-v-24368e00]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.main-container[data-v-24368e00]{z-index:20;max-width:1200px;margin:0 auto;padding:40px 24px 48px;position:relative}.controls-card[data-v-24368e00]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.controls-header[data-v-24368e00]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.controls-header h3[data-v-24368e00]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.reset-btn[data-v-24368e00]{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.reset-btn[data-v-24368e00]:hover{background:#e5e7eb}.controls-grid[data-v-24368e00]{gap:24px;margin-bottom:24px;display:grid}.control-group[data-v-24368e00]{flex-direction:column;gap:12px;display:flex}.control-label[data-v-24368e00]{color:#374151;font-weight:600}.type-buttons[data-v-24368e00],.length-buttons[data-v-24368e00],.format-buttons[data-v-24368e00]{flex-wrap:wrap;gap:12px;display:flex}.type-btn[data-v-24368e00],.length-btn[data-v-24368e00],.format-option[data-v-24368e00]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.type-btn[data-v-24368e00]:hover,.length-btn[data-v-24368e00]:hover,.format-option[data-v-24368e00]:hover{background:#f3f4f6;transform:translateY(-1px)}.type-btn.active[data-v-24368e00],.length-btn.active[data-v-24368e00],.format-option.active[data-v-24368e00]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}.btn-icon[data-v-24368e00]{width:18px;height:18px}.count-control[data-v-24368e00]{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.count-slider[data-v-24368e00]{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;outline:none;flex:1;height:6px}.count-slider[data-v-24368e00]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:20px;height:20px}.count-value[data-v-24368e00]{background:#f9fafb;border-radius:10px;align-items:center;gap:12px;padding:4px;display:flex}.count-btn[data-v-24368e00]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:32px;height:32px;font-size:18px;font-weight:600;transition:all .2s}.count-btn[data-v-24368e00]:hover{color:#fff;background:#667eea;border-color:#667eea}.count-number[data-v-24368e00]{text-align:center;color:#1f2937;min-width:40px;font-size:18px;font-weight:700}.slider-limits[data-v-24368e00]{color:#9ca3af;justify-content:space-between;font-size:11px;display:flex}.generate-button[data-v-24368e00]{justify-content:center;margin-top:16px;display:flex}.generate-btn[data-v-24368e00]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.generate-btn[data-v-24368e00]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}.output-card[data-v-24368e00]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.output-header[data-v-24368e00]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.output-header h3[data-v-24368e00]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.output-actions[data-v-24368e00]{gap:12px;display:flex}.copy-btn[data-v-24368e00],.download-btn[data-v-24368e00],.clear-btn[data-v-24368e00]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.copy-btn[data-v-24368e00]:hover{color:#fff;background:#10b981;border-color:#10b981}.download-btn[data-v-24368e00]:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}.clear-btn[data-v-24368e00]:hover{color:#fff;background:#ef4444;border-color:#ef4444}.output-content[data-v-24368e00]{color:#1f2937;background:#f9fafb;border-radius:12px;min-height:200px;max-height:500px;padding:20px;font-family:Georgia,serif;line-height:1.6;overflow-y:auto}.output-content.html-output[data-v-24368e00]{font-family:Courier New,monospace;font-size:13px}.empty-state[data-v-24368e00]{text-align:center;color:#9ca3af;padding:40px}.empty-icon[data-v-24368e00]{color:#d1d5db;width:64px;height:64px;margin:0 auto 16px}.output-stats[data-v-24368e00]{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:24px;margin-top:20px;padding-top:20px;display:flex}.stat-item[data-v-24368e00]{gap:8px;font-size:13px;display:flex}.stat-label[data-v-24368e00]{color:#6b7280}.stat-value[data-v-24368e00]{color:#667eea;font-weight:600}.examples-card[data-v-24368e00]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.examples-card h3[data-v-24368e00]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.examples-grid[data-v-24368e00]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.example-item[data-v-24368e00]{cursor:pointer;background:#f9fafb;border-radius:12px;gap:12px;padding:16px;transition:all .2s;display:flex}.example-item[data-v-24368e00]:hover{background:#f3f4f6;transform:translate(4px)}.example-icon[data-v-24368e00]{font-size:24px}.example-content[data-v-24368e00]{flex:1}.example-content strong[data-v-24368e00]{color:#1f2937;margin-bottom:4px;display:block}.example-content p[data-v-24368e00]{color:#6b7280;margin:0;font-size:13px}.tips-card[data-v-24368e00]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.tips-card h3[data-v-24368e00]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.tips-grid[data-v-24368e00]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tip-item[data-v-24368e00]{background:#f9fafb;border-radius:10px;gap:12px;padding:12px;transition:transform .2s;display:flex}.tip-item[data-v-24368e00]:hover{transform:translate(4px)}.tip-icon[data-v-24368e00]{font-size:24px}.tip-content[data-v-24368e00]{flex:1}.tip-content strong[data-v-24368e00]{color:#1f2937;margin-bottom:4px;display:block}.tip-content p[data-v-24368e00]{color:#6b7280;margin:0;font-size:13px}.toast-notification[data-v-24368e00]{color:#fff;z-index:1100;background:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn-24368e00;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.toast-icon[data-v-24368e00]{width:20px;height:20px}@keyframes toastSlideIn-24368e00{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.hero-title[data-v-24368e00]{font-size:36px}.controls-header[data-v-24368e00]{flex-direction:column;align-items:stretch}.type-buttons[data-v-24368e00],.length-buttons[data-v-24368e00],.format-buttons[data-v-24368e00]{flex-direction:column}.type-btn[data-v-24368e00],.length-btn[data-v-24368e00],.format-option[data-v-24368e00]{justify-content:center;width:100%}.count-control[data-v-24368e00]{flex-direction:column}.count-slider[data-v-24368e00]{width:100%}.output-header[data-v-24368e00]{flex-direction:column;align-items:stretch}.output-actions[data-v-24368e00]{justify-content:center}.examples-grid[data-v-24368e00],.tips-grid[data-v-24368e00]{grid-template-columns:1fr}.output-stats[data-v-24368e00]{justify-content:center}}@media (width<=640px){.hero-content[data-v-24368e00]{padding:40px 20px}.hero-title[data-v-24368e00]{font-size:28px}.main-container[data-v-24368e00]{padding:20px 16px 32px}}.favicon-generator[data-v-97575be5]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section[data-v-97575be5]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border-bottom:1px solid #ffffff1a;position:relative}.hero-content[data-v-97575be5]{text-align:center;max-width:1200px;margin:0 auto;padding:60px 24px}.hero-icon[data-v-97575be5]{color:#fff;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.hero-title[data-v-97575be5]{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description[data-v-97575be5]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.main-container[data-v-97575be5]{z-index:20;max-width:1200px;margin:0 auto;padding:40px 24px 48px;position:relative}.upload-card[data-v-97575be5]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.upload-area[data-v-97575be5]{text-align:center;cursor:pointer;border:2px dashed #e5e7eb;border-radius:12px;justify-content:center;align-items:center;min-height:300px;padding:40px;transition:all .3s;display:flex}.upload-area[data-v-97575be5]:hover{background:#f9fafb;border-color:#667eea}.upload-placeholder[data-v-97575be5]{text-align:center}.upload-icon[data-v-97575be5]{color:#9ca3af;width:64px;height:64px;margin:0 auto 16px}.upload-text[data-v-97575be5]{color:#374151;margin-bottom:8px;font-size:18px}.upload-hint[data-v-97575be5]{color:#9ca3af;font-size:13px}.upload-preview[data-v-97575be5]{display:inline-block;position:relative}.preview-image[data-v-97575be5]{border-radius:12px;max-width:200px;max-height:200px;box-shadow:0 4px 6px -1px #0000001a}.remove-image-btn[data-v-97575be5]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:-10px;right:-10px}.remove-image-btn[data-v-97575be5]:hover{background:#dc2626;transform:scale(1.1)}.hidden[data-v-97575be5]{display:none}.options-card[data-v-97575be5]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.options-header[data-v-97575be5]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.options-header h3[data-v-97575be5]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.reset-btn[data-v-97575be5]{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.reset-btn[data-v-97575be5]:hover{background:#e5e7eb}.options-grid[data-v-97575be5]{gap:24px;margin-bottom:24px;display:grid}.option-group[data-v-97575be5]{flex-direction:column;gap:12px;display:flex}.option-label[data-v-97575be5]{color:#374151;font-weight:600}.size-buttons[data-v-97575be5],.format-buttons[data-v-97575be5],.background-buttons[data-v-97575be5]{flex-wrap:wrap;gap:12px;display:flex}.size-checkbox[data-v-97575be5],.format-checkbox[data-v-97575be5]{cursor:pointer;background:#f9fafb;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:inline-flex}.size-checkbox[data-v-97575be5]:hover,.format-checkbox[data-v-97575be5]:hover{background:#f3f4f6}.size-checkbox input[data-v-97575be5],.format-checkbox input[data-v-97575be5]{cursor:pointer}.bg-btn[data-v-97575be5]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.bg-btn[data-v-97575be5]:hover{background:#f3f4f6}.bg-btn.active[data-v-97575be5]{color:#fff;background:#667eea;border-color:#667eea}.generate-button[data-v-97575be5]{justify-content:center;display:flex}.generate-btn[data-v-97575be5]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.generate-btn[data-v-97575be5]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}.generate-btn[data-v-97575be5]:disabled{opacity:.7;cursor:not-allowed}.spinner-small[data-v-97575be5]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin-97575be5}@keyframes spin-97575be5{to{transform:rotate(360deg)}}.preview-card[data-v-97575be5]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.preview-header[data-v-97575be5]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.preview-header h3[data-v-97575be5]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.preview-actions[data-v-97575be5]{gap:12px;display:flex}.download-all-btn[data-v-97575be5],.clear-all-btn[data-v-97575be5]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.download-all-btn[data-v-97575be5]:hover{color:#fff;background:#10b981;border-color:#10b981}.clear-all-btn[data-v-97575be5]:hover{color:#fff;background:#ef4444;border-color:#ef4444}.preview-background-toggle[data-v-97575be5]{gap:12px;margin-bottom:20px;display:flex}.preview-bg-btn[data-v-97575be5]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.preview-bg-btn.active[data-v-97575be5]{color:#fff;background:#667eea;border-color:#667eea}.favicon-grid[data-v-97575be5]{border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-bottom:24px;padding:20px;transition:background .3s;display:grid}.favicon-grid.bg-light[data-v-97575be5]{background:#f9fafb}.favicon-grid.bg-dark[data-v-97575be5]{background:#1f2937}.favicon-grid.bg-transparent[data-v-97575be5]{background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 50%/20px 20px}.favicon-item[data-v-97575be5]{text-align:center;background:#fff;border-radius:12px;padding:16px;transition:transform .2s;box-shadow:0 1px 3px #0000001a}.favicon-item[data-v-97575be5]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.favicon-preview[data-v-97575be5]{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.favicon-preview img[data-v-97575be5]{max-width:64px;max-height:64px;image-rendering:crisp-edges}.favicon-info[data-v-97575be5]{text-align:center}.favicon-name[data-v-97575be5]{color:#1f2937;word-break:break-all;margin-bottom:4px;font-size:12px;font-weight:600}.favicon-size[data-v-97575be5],.favicon-dimensions[data-v-97575be5]{color:#6b7280;margin-bottom:2px;font-size:11px}.download-single-btn[data-v-97575be5]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;margin-top:8px;padding:4px 12px;font-size:11px;transition:all .2s}.download-single-btn[data-v-97575be5]:hover{background:#5a67d8}.code-snippet[data-v-97575be5]{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.code-header[data-v-97575be5]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.copy-code-btn[data-v-97575be5]{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s}.copy-code-btn[data-v-97575be5]:hover{background:#e5e7eb}.code-block[data-v-97575be5]{color:#e5e7eb;background:#1f2937;border-radius:8px;padding:16px;font-family:Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.tips-card[data-v-97575be5]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.tips-card h3[data-v-97575be5]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.tips-grid[data-v-97575be5]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tip-item[data-v-97575be5]{background:#f9fafb;border-radius:10px;gap:12px;padding:12px;transition:transform .2s;display:flex}.tip-item[data-v-97575be5]:hover{transform:translate(4px)}.tip-icon[data-v-97575be5]{font-size:24px}.tip-content[data-v-97575be5]{flex:1}.tip-content strong[data-v-97575be5]{color:#1f2937;margin-bottom:4px;display:block}.tip-content p[data-v-97575be5]{color:#6b7280;margin:0;font-size:13px}.toast-notification[data-v-97575be5]{color:#fff;z-index:1100;background:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn-97575be5;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.toast-icon[data-v-97575be5]{width:20px;height:20px}@keyframes toastSlideIn-97575be5{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.hero-title[data-v-97575be5]{font-size:36px}.options-header[data-v-97575be5]{flex-direction:column;align-items:stretch}.size-buttons[data-v-97575be5],.format-buttons[data-v-97575be5]{flex-direction:column}.size-checkbox[data-v-97575be5],.format-checkbox[data-v-97575be5]{width:100%}.preview-header[data-v-97575be5]{flex-direction:column;align-items:stretch}.preview-actions[data-v-97575be5]{justify-content:center}.favicon-grid[data-v-97575be5]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.tips-grid[data-v-97575be5]{grid-template-columns:1fr}}@media (width<=640px){.hero-content[data-v-97575be5]{padding:40px 20px}.hero-title[data-v-97575be5]{font-size:28px}.main-container[data-v-97575be5]{padding:20px 16px 32px}.upload-area[data-v-97575be5]{padding:20px}.preview-image[data-v-97575be5]{max-width:150px}}.yaml-json-converter[data-v-15cea2d0]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section[data-v-15cea2d0]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border-bottom:1px solid #ffffff1a;position:relative}.hero-content[data-v-15cea2d0]{text-align:center;max-width:1200px;margin:0 auto;padding:60px 24px}.hero-icon[data-v-15cea2d0]{color:#fff;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.hero-title[data-v-15cea2d0]{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description[data-v-15cea2d0]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.main-container[data-v-15cea2d0]{z-index:20;max-width:1400px;margin:0 auto;padding:40px 24px 48px;position:relative}.controls-card[data-v-15cea2d0]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.controls-header[data-v-15cea2d0]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.controls-header h3[data-v-15cea2d0]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.direction-buttons[data-v-15cea2d0]{gap:12px;display:flex}.direction-btn[data-v-15cea2d0]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.direction-btn[data-v-15cea2d0]:hover{background:#f3f4f6}.direction-btn.active[data-v-15cea2d0]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}.controls-grid[data-v-15cea2d0]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.control-group[data-v-15cea2d0]{flex-direction:column;gap:12px;display:flex}.control-label[data-v-15cea2d0]{color:#374151;font-weight:600}.format-buttons[data-v-15cea2d0]{gap:12px;display:flex}.format-btn[data-v-15cea2d0]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.format-btn[data-v-15cea2d0]:hover{background:#f3f4f6}.format-btn.active[data-v-15cea2d0]{color:#fff;background:#667eea;border-color:#667eea}.btn-icon[data-v-15cea2d0]{width:18px;height:18px}.editor-container[data-v-15cea2d0]{grid-template-columns:1fr auto 1fr;gap:24px;margin-bottom:24px;display:grid}.input-section[data-v-15cea2d0],.output-section[data-v-15cea2d0]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.section-header[data-v-15cea2d0]{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.section-header h3[data-v-15cea2d0]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.section-actions[data-v-15cea2d0]{gap:8px;display:flex}.upload-btn[data-v-15cea2d0],.clear-btn[data-v-15cea2d0],.copy-btn[data-v-15cea2d0],.download-btn[data-v-15cea2d0]{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.upload-btn[data-v-15cea2d0]:hover,.clear-btn[data-v-15cea2d0]:hover,.copy-btn[data-v-15cea2d0]:hover,.download-btn[data-v-15cea2d0]:hover{background:#f3f4f6;transform:translateY(-1px)}.hidden[data-v-15cea2d0]{display:none}.editor-wrapper[data-v-15cea2d0]{position:relative}.editor-input[data-v-15cea2d0],.editor-output[data-v-15cea2d0]{resize:none;color:#1f2937;background:#fff;border:none;outline:none;width:100%;height:500px;padding:16px;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.editor-output[data-v-15cea2d0]{color:#374151;background:#f9fafb}.editor-input[data-v-15cea2d0]::placeholder{color:#d1d5db;font-style:italic}.error-message[data-v-15cea2d0]{color:#991b1b;background:#fee2e2;border-top:1px solid #fecaca;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.error-icon[data-v-15cea2d0]{width:16px;height:16px}.section-footer[data-v-15cea2d0]{background:#f9fafb;border-top:1px solid #e5e7eb;gap:16px;padding:12px 20px;display:flex}.stats-badge[data-v-15cea2d0]{color:#6b7280;font-family:monospace;font-size:12px}.conversion-arrow[data-v-15cea2d0]{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.swap-btn[data-v-15cea2d0]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.swap-btn[data-v-15cea2d0]:hover{background:#f3f4f6;transform:scale(1.05)}.arrow-icon[data-v-15cea2d0]{color:#667eea;font-size:32px;font-weight:700}.examples-card[data-v-15cea2d0]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.examples-card h3[data-v-15cea2d0]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.examples-grid[data-v-15cea2d0]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.example-item[data-v-15cea2d0]{cursor:pointer;background:#f9fafb;border-radius:12px;gap:12px;padding:16px;transition:all .2s;display:flex}.example-item[data-v-15cea2d0]:hover{background:#f3f4f6;transform:translate(4px)}.example-icon[data-v-15cea2d0]{font-size:24px}.example-content[data-v-15cea2d0]{flex:1}.example-content strong[data-v-15cea2d0]{color:#1f2937;margin-bottom:4px;display:block}.example-content p[data-v-15cea2d0]{color:#6b7280;margin:0;font-size:13px}.tips-card[data-v-15cea2d0]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.tips-card h3[data-v-15cea2d0]{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.tips-grid[data-v-15cea2d0]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tip-item[data-v-15cea2d0]{background:#f9fafb;border-radius:10px;gap:12px;padding:12px;transition:transform .2s;display:flex}.tip-item[data-v-15cea2d0]:hover{transform:translate(4px)}.tip-icon[data-v-15cea2d0]{font-size:24px}.tip-content[data-v-15cea2d0]{flex:1}.tip-content strong[data-v-15cea2d0]{color:#1f2937;margin-bottom:4px;display:block}.tip-content p[data-v-15cea2d0]{color:#6b7280;margin:0;font-size:13px}.toast-notification[data-v-15cea2d0]{color:#fff;z-index:1100;background:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn-15cea2d0;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.toast-icon[data-v-15cea2d0]{width:20px;height:20px}@keyframes toastSlideIn-15cea2d0{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-v-15cea2d0]::-webkit-scrollbar{width:8px;height:8px}[data-v-15cea2d0]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}[data-v-15cea2d0]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-v-15cea2d0]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.editor-container[data-v-15cea2d0]{grid-template-columns:1fr;gap:20px}.conversion-arrow[data-v-15cea2d0]{flex-direction:row;padding:10px 0}.arrow-icon[data-v-15cea2d0]{transform:rotate(90deg)}.hero-title[data-v-15cea2d0]{font-size:36px}}@media (width<=768px){.controls-header[data-v-15cea2d0]{flex-direction:column;align-items:stretch}.direction-buttons[data-v-15cea2d0]{justify-content:center}.controls-grid[data-v-15cea2d0]{flex-direction:column;align-items:stretch}.format-buttons[data-v-15cea2d0]{justify-content:center}.section-header[data-v-15cea2d0]{flex-direction:column;align-items:stretch;gap:12px}.section-actions[data-v-15cea2d0]{justify-content:center}.examples-grid[data-v-15cea2d0],.tips-grid[data-v-15cea2d0]{grid-template-columns:1fr}}@media (width<=640px){.hero-content[data-v-15cea2d0]{padding:40px 20px}.hero-title[data-v-15cea2d0]{font-size:28px}.main-container[data-v-15cea2d0]{padding:20px 16px 32px}.editor-input[data-v-15cea2d0],.editor-output[data-v-15cea2d0]{height:300px}}.unit-converter[data-v-c194e5fb]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section[data-v-c194e5fb]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border-bottom:1px solid #ffffff1a;position:relative}.hero-content[data-v-c194e5fb]{text-align:center;max-width:1200px;margin:0 auto;padding:60px 24px}.hero-icon[data-v-c194e5fb]{color:#fff;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.hero-title[data-v-c194e5fb]{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description[data-v-c194e5fb]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.main-container[data-v-c194e5fb]{z-index:20;max-width:1000px;margin:0 auto;padding:40px 24px 48px;position:relative}.category-card[data-v-c194e5fb]{background:#fff;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 10px 15px -3px #0000001a}.category-header h3[data-v-c194e5fb]{color:#1f2937;margin-bottom:16px;font-size:18px;font-weight:700}.category-buttons[data-v-c194e5fb]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.category-btn[data-v-c194e5fb]{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.category-btn[data-v-c194e5fb]:hover{background:#f3f4f6;transform:translateY(-2px)}.category-btn.active[data-v-c194e5fb]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}.category-icon[data-v-c194e5fb]{font-size:24px}.category-name[data-v-c194e5fb]{font-size:12px;font-weight:500}.converter-card[data-v-c194e5fb]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.converter-header[data-v-c194e5fb]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.converter-header h3[data-v-c194e5fb]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.swap-btn[data-v-c194e5fb]{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.swap-btn[data-v-c194e5fb]:hover{background:#e5e7eb;transform:scale(1.05)}.btn-icon[data-v-c194e5fb]{width:20px;height:20px}.converter-inputs[data-v-c194e5fb]{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:24px;display:grid}.input-group[data-v-c194e5fb]{flex:1}.input-label[data-v-c194e5fb]{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-wrapper[data-v-c194e5fb]{gap:12px;display:flex}.value-input[data-v-c194e5fb]{color:#1f2937;border:1px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:14px 16px;font-size:18px;font-weight:600;transition:all .2s}.value-input[data-v-c194e5fb]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.unit-select[data-v-c194e5fb]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;padding:14px 12px;font-size:14px}.unit-select[data-v-c194e5fb]:focus{border-color:#667eea}.converter-arrow[data-v-c194e5fb]{justify-content:center;align-items:center;display:flex}.arrow-icon[data-v-c194e5fb]{color:#667eea;width:32px;height:32px}.conversion-info[data-v-c194e5fb]{border-top:1px solid #e5e7eb;justify-content:center;gap:32px;padding-top:20px;display:flex}.info-card[data-v-c194e5fb]{text-align:center;background:#f9fafb;border-radius:10px;padding:8px 16px}.info-label[data-v-c194e5fb]{color:#6b7280;margin-right:8px;font-size:12px}.info-value[data-v-c194e5fb]{color:#667eea;font-size:14px;font-weight:600}.currency-card[data-v-c194e5fb]{background:#fff;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.currency-header[data-v-c194e5fb]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.currency-header h3[data-v-c194e5fb]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.currency-status[data-v-c194e5fb]{align-items:center;gap:8px;display:flex}.status-dot[data-v-c194e5fb]{background:#10b981;border-radius:50%;width:8px;height:8px}.status-dot.updating[data-v-c194e5fb]{animation:1s infinite pulse-c194e5fb}@keyframes pulse-c194e5fb{0%,to{opacity:1}50%{opacity:.5}}.status-text[data-v-c194e5fb]{color:#6b7280;font-size:12px}.refresh-btn[data-v-c194e5fb]{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.refresh-btn[data-v-c194e5fb]:hover:not(:disabled){background:#e5e7eb;transform:rotate(180deg)}.refresh-btn[data-v-c194e5fb]:disabled{opacity:.5;cursor:not-allowed}.currency-note[data-v-c194e5fb]{color:#6b7280;margin-bottom:16px;font-size:12px}.popular-header[data-v-c194e5fb]{color:#374151;margin-bottom:12px;font-size:14px;font-weight:600}.rates-grid[data-v-c194e5fb]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.rate-item[data-v-c194e5fb]{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.rate-code[data-v-c194e5fb]{color:#1f2937;font-weight:600}.rate-value[data-v-c194e5fb]{color:#667eea;font-family:monospace;font-size:13px}.common-card[data-v-c194e5fb]{background:#fff;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.common-card h3[data-v-c194e5fb]{color:#1f2937;margin-bottom:16px;font-size:18px;font-weight:700}.common-grid[data-v-c194e5fb]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.common-item[data-v-c194e5fb]{cursor:pointer;background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.common-item[data-v-c194e5fb]:hover{background:#f3f4f6;transform:translate(4px)}.common-label[data-v-c194e5fb]{color:#374151;font-size:13px}.common-value[data-v-c194e5fb]{color:#667eea;font-family:monospace;font-size:13px;font-weight:600}.tips-card[data-v-c194e5fb]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.tips-card h3[data-v-c194e5fb]{color:#1f2937;margin-bottom:16px;font-size:18px;font-weight:700}.tips-grid[data-v-c194e5fb]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.tip-item[data-v-c194e5fb]{background:#f9fafb;border-radius:10px;gap:12px;padding:12px;transition:transform .2s;display:flex}.tip-item[data-v-c194e5fb]:hover{transform:translate(4px)}.tip-icon[data-v-c194e5fb]{font-size:24px}.tip-content[data-v-c194e5fb]{flex:1}.tip-content strong[data-v-c194e5fb]{color:#1f2937;margin-bottom:4px;display:block}.tip-content p[data-v-c194e5fb]{color:#6b7280;margin:0;font-size:12px}.toast-notification[data-v-c194e5fb]{color:#fff;z-index:1100;background:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn-c194e5fb;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.toast-icon[data-v-c194e5fb]{width:20px;height:20px}@keyframes toastSlideIn-c194e5fb{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.hero-title[data-v-c194e5fb]{font-size:36px}.converter-inputs[data-v-c194e5fb]{grid-template-columns:1fr;gap:16px}.converter-arrow[data-v-c194e5fb]{transform:rotate(90deg)}.category-buttons[data-v-c194e5fb]{grid-template-columns:repeat(4,1fr)}.conversion-info[data-v-c194e5fb]{flex-direction:column;align-items:center;gap:12px}.rates-grid[data-v-c194e5fb]{grid-template-columns:repeat(2,1fr)}.common-grid[data-v-c194e5fb],.tips-grid[data-v-c194e5fb]{grid-template-columns:1fr}}@media (width<=640px){.hero-content[data-v-c194e5fb]{padding:40px 20px}.hero-title[data-v-c194e5fb]{font-size:28px}.main-container[data-v-c194e5fb]{padding:20px 16px 32px}.category-buttons[data-v-c194e5fb]{grid-template-columns:repeat(2,1fr)}.input-wrapper[data-v-c194e5fb]{flex-direction:column}.unit-select[data-v-c194e5fb]{width:100%}}.countdown-timer[data-v-039424fc]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section[data-v-039424fc]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border-bottom:1px solid #ffffff1a;position:relative}.hero-content[data-v-039424fc]{text-align:center;max-width:1200px;margin:0 auto;padding:60px 24px}.hero-icon[data-v-039424fc]{color:#fff;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.hero-title[data-v-039424fc]{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description[data-v-039424fc]{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.main-container[data-v-039424fc]{z-index:20;max-width:900px;margin:0 auto;padding:40px 24px 48px;position:relative}.setup-card[data-v-039424fc]{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a}.setup-header[data-v-039424fc]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.setup-header h3[data-v-039424fc]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.preset-buttons[data-v-039424fc]{flex-wrap:wrap;gap:10px;display:flex}.preset-btn[data-v-039424fc]{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.preset-btn[data-v-039424fc]:hover{background:#e5e7eb;transform:translateY(-1px)}.setup-grid[data-v-039424fc]{flex-direction:column;gap:20px;display:flex}.date-inputs[data-v-039424fc]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.input-group[data-v-039424fc]{flex-direction:column;gap:8px;display:flex}.input-group label[data-v-039424fc]{color:#374151;font-size:13px;font-weight:600}.input-group input[data-v-039424fc]{border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:12px;font-size:14px;transition:all .2s}.input-group input[data-v-039424fc]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.action-buttons[data-v-039424fc]{justify-content:center;gap:12px;display:flex}.start-btn[data-v-039424fc],.stop-btn[data-v-039424fc],.reset-btn[data-v-039424fc]{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.start-btn[data-v-039424fc]{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.start-btn[data-v-039424fc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.start-btn[data-v-039424fc]:disabled{opacity:.5;cursor:not-allowed}.stop-btn[data-v-039424fc]{color:#fff;background:#ef4444}.reset-btn[data-v-039424fc]{color:#fff;background:#6b7280}.stop-btn[data-v-039424fc]:hover,.reset-btn[data-v-039424fc]:hover{transform:translateY(-2px)}.btn-icon[data-v-039424fc]{width:18px;height:18px}.countdown-card[data-v-039424fc]{text-align:center;background:#fff;border-radius:16px;margin-bottom:24px;padding:40px;transition:all .3s;box-shadow:0 10px 15px -3px #0000001a}.countdown-card.expired[data-v-039424fc]{background:linear-gradient(135deg,#fef3c7,#fde68a)}.event-info h2[data-v-039424fc]{color:#1f2937;margin-bottom:8px;font-size:28px;font-weight:800}.target-date[data-v-039424fc]{color:#6b7280;font-size:14px}.timer-display[data-v-039424fc]{justify-content:center;align-items:center;gap:20px;margin:30px 0;display:flex}.timer-block[data-v-039424fc]{text-align:center}.timer-value[data-v-039424fc]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:100px;font-size:48px;font-weight:800}.timer-label[data-v-039424fc]{color:#6b7280;margin-top:8px;font-size:14px}.timer-separator[data-v-039424fc]{color:#667eea;font-size:48px;font-weight:800}.expired-message[data-v-039424fc]{text-align:center}.expired-icon[data-v-039424fc]{margin-bottom:20px;font-size:64px}.expired-message h2[data-v-039424fc]{color:#dc2626;margin-bottom:12px;font-size:36px;font-weight:800}.expired-message p[data-v-039424fc]{color:#6b7280;margin-bottom:24px}.new-timer-btn[data-v-039424fc]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;padding:10px 24px;font-weight:600;transition:all .2s}.new-timer-btn[data-v-039424fc]:hover{background:#5a67d8;transform:translateY(-2px)}.progress-section[data-v-039424fc]{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.progress-bar[data-v-039424fc]{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill[data-v-039424fc]{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .3s}.progress-text[data-v-039424fc]{color:#6b7280;font-size:12px}.share-card[data-v-039424fc]{background:#fff;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.share-header[data-v-039424fc]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.share-header h3[data-v-039424fc]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.copy-link-btn[data-v-039424fc]{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.copy-link-btn[data-v-039424fc]:hover{background:#e5e7eb}.share-url[data-v-039424fc]{margin-bottom:16px}.url-input[data-v-039424fc]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px;font-family:monospace;font-size:12px}.share-buttons[data-v-039424fc]{justify-content:center;gap:12px;display:flex}.social-btn[data-v-039424fc]{cursor:pointer;color:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.social-btn.twitter[data-v-039424fc]{background:#1da1f2}.social-btn.facebook[data-v-039424fc]{background:#4267b2}.social-btn.whatsapp[data-v-039424fc]{background:#25d366}.social-btn[data-v-039424fc]:hover{filter:brightness(.9);transform:translateY(-2px)}.sound-card[data-v-039424fc]{background:#fff;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.sound-header[data-v-039424fc]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sound-header h3[data-v-039424fc]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.sound-toggle[data-v-039424fc]{cursor:pointer;align-items:center;gap:12px;display:flex}.sound-toggle input[data-v-039424fc]{display:none}.toggle-slider[data-v-039424fc]{background:#e5e7eb;border-radius:12px;width:44px;height:24px;transition:all .3s;position:relative}.toggle-slider[data-v-039424fc]:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px}.sound-toggle input:checked+.toggle-slider[data-v-039424fc]{background:#667eea}.sound-toggle input:checked+.toggle-slider[data-v-039424fc]:before{transform:translate(20px)}.toggle-label[data-v-039424fc]{color:#374151;font-size:14px}.sound-options[data-v-039424fc]{align-items:center;gap:12px;display:flex}.sound-select[data-v-039424fc]{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:8px 12px;font-size:14px}.test-sound-btn[data-v-039424fc]{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;transition:all .2s}.test-sound-btn[data-v-039424fc]:hover{background:#e5e7eb}.recent-card[data-v-039424fc]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.recent-header[data-v-039424fc]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.recent-header h3[data-v-039424fc]{color:#1f2937;margin:0;font-size:18px;font-weight:700}.clear-recent-btn[data-v-039424fc]{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 12px;font-size:12px}.recent-list[data-v-039424fc]{max-height:300px;overflow-y:auto}.recent-item[data-v-039424fc]{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.recent-info[data-v-039424fc]{flex:1}.recent-name[data-v-039424fc]{color:#1f2937;margin-bottom:4px;font-weight:600}.recent-date[data-v-039424fc]{color:#6b7280;font-size:12px}.recent-actions[data-v-039424fc]{gap:8px;display:flex}.load-recent-btn[data-v-039424fc],.delete-recent-btn[data-v-039424fc]{cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:12px}.load-recent-btn[data-v-039424fc]{color:#fff;background:#667eea}.delete-recent-btn[data-v-039424fc]{color:#fff;background:#ef4444}.toast-notification[data-v-039424fc]{color:#fff;z-index:1100;background:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn-039424fc;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.toast-icon[data-v-039424fc]{width:20px;height:20px}@keyframes toastSlideIn-039424fc{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.hero-title[data-v-039424fc]{font-size:36px}.setup-header[data-v-039424fc]{flex-direction:column;align-items:stretch}.preset-buttons[data-v-039424fc]{justify-content:center}.timer-display[data-v-039424fc]{flex-direction:column;gap:15px}.timer-separator[data-v-039424fc]{display:none}.timer-value[data-v-039424fc]{min-width:auto;font-size:36px}.action-buttons[data-v-039424fc],.share-buttons[data-v-039424fc],.sound-options[data-v-039424fc]{flex-direction:column}.sound-select[data-v-039424fc]{width:100%}.recent-item[data-v-039424fc]{flex-direction:column;gap:10px}.recent-actions[data-v-039424fc]{justify-content:center;width:100%}}@media (width<=640px){.hero-content[data-v-039424fc]{padding:40px 20px}.hero-title[data-v-039424fc]{font-size:28px}.main-container[data-v-039424fc]{padding:20px 16px 32px}.countdown-card[data-v-039424fc]{padding:24px}.date-inputs[data-v-039424fc]{grid-template-columns:1fr}}