:root{--skeleton-surface:#ffffff;--skeleton-base:#e2e8f0;--skeleton-shine:#f1f5f9;--bg-page:#ffffff;--bg-subtle:#f8fafc;--bg-card:#ffffff;--primary:#ff4500;--primary-hover:#d93a00;--text-strong:#0f172a;--text-main:#334155;--text-muted:#64748b;--on-primary:#ffffff;--surface:rgba(15,23,42,0.03);--border:#e2e8f0;--warning:#b45309;--warning-bg:rgba(180,83,9,0.07);--transition:all .3s cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background-color:var(--bg-page);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,.logo-text{font-family:'Inter',sans-serif;color:var(--text-strong)}h1{font-weight:700}h2{font-weight:600}h3{font-weight:500}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.site-header{padding:1rem 0;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.site-header .container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;row-gap:.65rem}.logo-link{text-decoration:none;color:inherit;display:inline-block}.logo-text{font-size:1.5rem;font-weight:600;letter-spacing:-.5px}.logo-ext{font-weight:400;color:var(--primary)}.hero{padding:4rem 0 3rem;text-align:center}.hero h1{font-size:2.75rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}.dl-form{max-width:700px;margin:0 auto}.dl-form-row{display:flex;background:transparent;padding:0;border:none;box-shadow:none;border-radius:0;transition:var(--transition);width:100%}.dl-form-field{position:relative;flex-grow:1;display:flex;align-items:center;background:var(--bg-card);border:2px solid var(--primary);border-inline-end:none;border-start-start-radius:8px;border-end-start-radius:8px;transition:var(--transition)}#dl-url{width:100%;background:transparent;border:none;padding:1.25rem 3.25rem 1.25rem 1.5rem;color:var(--text-strong);font-size:1.1rem;outline:none}.dl-form-clear{position:absolute;inset-inline-end:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;padding:.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;line-height:1;z-index:2;-webkit-tap-highlight-color:transparent;user-select:none;outline:none}.dl-form-clear:hover{color:var(--text-strong)}.btn-primary{background:var(--primary);color:var(--on-primary);border:2px solid var(--primary);padding:0 2rem;border-start-end-radius:8px;border-end-end-radius:8px;font-weight:400;font-size:1.05rem;cursor:pointer;transition:var(--transition);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary svg,.dl-form-clear svg{width:20px;height:20px}.btn-primary svg{transform:translateY(-1px)}[dir="rtl"] .btn-primary svg{transform:translateY(-1px) scaleX(-1)}.about-card{text-align:center;max-width:800px;margin:0 auto}.about-text{font-size:1.05rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.7;text-align:start}.dl-frame-wrap{container-type:inline-size;max-width:700px;margin:0 auto;overflow:hidden;min-height:100px;animation:slideUp .5s ease-out}.dl-frame-skeleton{width:100%}.section{padding:4rem 0}.section-title{font-size:2rem;text-align:center;margin-bottom:2rem}.section-alt{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.feature-item{display:flex;flex-direction:column}.feature-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem}.feature-icon{color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item h3{font-size:1.15rem;margin-bottom:0;color:var(--text-strong)}.feature-item p{color:var(--text-muted);line-height:1.6;font-size:1rem}.feature-icon svg{width:20px;height:20px}.site-footer{padding:2rem 0;border-top:1px solid var(--border)}.footer-info{color:var(--text-muted);font-size:.85rem;display:flex;gap:1rem 1.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.footer-info a{color:var(--text-muted);text-decoration:none;transition:var(--transition)}.footer-info a:hover{color:var(--primary)}.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);transition:var(--transition)}.faq-item h3{font-size:1.15rem;margin-bottom:.75rem;color:var(--text-strong)}.faq-answer p{color:var(--text-muted);line-height:1.6;font-size:1rem}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.hero h1{font-size:2.25rem}.section-title{font-size:1.85rem}}@media(max-width:560px){.site-header .container{gap:.9rem;padding:0 1rem}.logo-text{font-size:1.25rem}}@media(max-width:768px){.hero{padding:4rem 0}.hero h1{font-size:1.75rem;margin-bottom:1.5rem}.about-text{font-size:.95rem}.dl-form-row{flex-direction:column;gap:1rem;background:transparent;padding:0;border:none;box-shadow:none}#dl-url{padding:1rem 3.25rem 1rem 1.25rem;font-size:1.1rem}.dl-form-field{width:100%;margin-bottom:0;border-inline-end:2px solid var(--primary);border-radius:8px}.dl-form-clear{inset-inline-end:.25rem}.btn-primary{width:100%;padding:1rem 1.75rem;border-radius:8px;font-size:1.05rem}.features-grid{grid-template-columns:1fr}.section-title{font-size:1.6rem;margin-bottom:2rem}}.footer-content{display:flex;flex-direction:column;gap:1.25rem}.dl-output{margin-top:1.5rem}.dl-wrap{max-width:700px;margin:0 auto}.dl-result{display:none}.dl-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.dl-ico svg{width:100%;height:100%;display:block}.dl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-align:start;animation:dl-fade .28s ease-out}@keyframes dl-fade{from{opacity:0}to{opacity:1}}.dl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.5rem;padding:1.5rem}.dl-mediacol{min-width:0}.dl-media{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#f1f5f9}.dl-thumb{width:100%;height:100%;object-fit:cover;display:block}.dl-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.dl-thumb-empty .dl-ico{width:clamp(40px,16%,64px);height:auto;aspect-ratio:1;opacity:.5}.dl-title{font-size:.95rem;font-weight:600;color:var(--text-strong);line-height:1.45;margin:.85rem 0 .5rem;text-align:start;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-height:2.9em}.dl-title-url{font-size:.82rem;font-weight:500;color:var(--text-muted);word-break:break-all}.dl-hint{font-size:.85rem;font-weight:500;color:var(--warning);margin:.75rem 0 0}.dl-note{margin:1.5rem 1.5rem 0;padding:.7rem .9rem;border-radius:8px;background:var(--warning-bg);border:1px solid var(--border);color:var(--warning);font-size:.85rem;font-weight:500;line-height:1.55;text-align:center}.dl-tablewrap{border:1px solid var(--border);border-radius:8px;overflow:hidden;align-self:start}.dl-table{width:100%;border-collapse:collapse}.dl-th{padding:.8rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-strong);text-align:start;background:var(--surface);border-bottom:1px solid var(--border)}.dl-th-action{text-align:start;border-inline-start:1px solid var(--border)}.dl-tr-hidden{display:none}.dl-td{padding:.6rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.dl-td-action{border-inline-start:1px solid var(--border);text-align:start;width:1%;white-space:nowrap}.dl-fname{font-size:.95rem;font-weight:600;color:var(--text-strong)}.dl-fmt{font-size:.85rem;font-weight:400;color:var(--text-muted)}.dl-btn{border:0;font-family:inherit;line-height:1.6;cursor:pointer;min-width:8.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--primary);color:var(--on-primary);border-radius:8px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:var(--transition)}.dl-btn:hover{background:var(--primary-hover)}.dl-btn .dl-ico{width:1.05em;height:1.05em;transform:translateY(-1px)}.dl-more{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.7rem 1rem;background:var(--surface);border:none;color:var(--text-strong);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}.dl-more:hover{color:var(--primary-hover);background:rgba(255,69,0,.08)}.dl-more-ico{width:1.05em;height:1.05em;transition:var(--transition)}.dl-more-open .dl-more-ico{transform:rotate(180deg)}@media(max-width:768px){.dl-grid{grid-template-columns:1fr;gap:1.1rem;padding:1rem}.dl-note{margin:1rem 1rem 0;font-size:.82rem}.dl-title{font-size:.9rem;margin-top:.75rem}.dl-th,.dl-td{padding:.6rem .75rem}.dl-btn{padding:.5rem .9rem;font-size:.8rem}}.dl-sk{display:block;border-radius:999px}.dl-skel{pointer-events:none}.dl-sk-media{width:100%;aspect-ratio:16/9;border-radius:8px}.dl-sk-t1{height:1rem;width:100%;margin-top:.9rem}.dl-sk-t2{height:1rem;width:68%;margin-top:.5rem}.dl-sk-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.98rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.dl-sk-th{height:1rem;width:38%}.dl-sk-tha{height:1rem;width:4.25rem;margin-inline-end:4.25rem;flex-shrink:0}.dl-sk-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.dl-sk-head::after,.dl-sk-row::after{content:"";position:absolute;top:0;bottom:0;inset-inline-end:10.5rem;width:1px;background:var(--border)}.dl-sk-fmt{height:1rem;width:45%}.dl-sk-btn{height:2.36rem;width:8.5rem;border-radius:8px;flex-shrink:0}.dl-sk-more{display:flex;justify-content:center;padding:.88rem 1rem;background:var(--surface)}.dl-sk-mt{height:1rem;width:30%}@media(max-width:768px){.dl-sk-head,.dl-sk-row,.dl-sk-more{padding-left:.75rem;padding-right:.75rem}}@media(max-width:530px){.footer-info{gap:.7rem 1.25rem}.footer-info>a{order:1}.footer-info::after{content:"";flex-basis:100%;height:0;order:2}.footer-info>span{order:3}}.dl-btn-busy{background:var(--primary);color:var(--on-primary);cursor:default}.dl-btn-busy:hover{background:var(--primary)}.dl-spin{width:1.05em;height:1.05em;margin-top:-1px;flex-shrink:0;border:2px solid rgba(255,255,255,.35);border-top-color:var(--on-primary);border-radius:50%;animation:dl-spin .7s linear infinite}@keyframes dl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dl-spin{animation-duration:2.4s}}@media(max-width:768px){.dl-sk-btn{height:2.28rem}}.dl-fsk{max-width:700px;margin:0 auto}.dl-fsk-card{display:flex;align-items:stretch;gap:1.125rem;padding:1.125rem;background-color:var(--skeleton-surface);border:1px solid var(--border);border-radius:12px}.dl-fsk-thumb{flex:0 0 240px;min-height:150px;border-radius:8px}.dl-fsk-body{flex:1;display:flex;flex-direction:column;min-width:0;padding-top:0}.dl-fsk-title{height:1.375rem;width:76%;border-radius:999px}.dl-fsk-url{height:1.375rem;width:92%;border-radius:999px;margin-top:.625rem}.dl-fsk-field{height:46px;border-radius:8px;margin-top:1.2375rem}.dl-fsk-btn{height:46px;border-radius:8px;margin-top:.625rem}.dl-sk,.dl-fsk-thumb,.dl-fsk-title,.dl-fsk-url,.dl-fsk-field,.dl-fsk-btn{background-image:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 37%,var(--skeleton-base) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s linear infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.dl-sk,.dl-fsk-thumb,.dl-fsk-title,.dl-fsk-url,.dl-fsk-field,.dl-fsk-btn{animation:none}}@container (max-width:560px){.dl-fsk-thumb{flex:0 0 190px}}@container (max-width:520px){.dl-fsk-card{flex-direction:column;padding:.875rem;gap:.875rem}.dl-fsk-thumb{flex:none;width:100%;aspect-ratio:16/9;min-height:0}}
.page-simple{padding:3.5rem 0 4rem}.page-simple .container{max-width:800px}.page-simple h1{font-size:2rem;letter-spacing:-.02em;margin-bottom:.35rem}.page-simple h2{font-size:1.15rem;font-weight:600;margin:2rem 0 .6rem}.page-simple p{color:var(--text-muted);line-height:1.7;margin-bottom:1rem}.page-simple ul{color:var(--text-muted);line-height:1.7;margin:0 0 1rem;padding-inline-start:0;list-style:none}.page-simple li{position:relative;padding-inline-start:1.15rem;margin-bottom:.45rem}.page-simple li::before{content:"";position:absolute;inset-inline-start:0;top:.68em;width:.34rem;height:.34rem;border-radius:50%;background:currentColor}.page-simple a{color:var(--primary-hover);text-decoration:none;transition:var(--transition)}.page-simple a:hover{color:var(--primary)}@media(max-width:768px){.page-simple{padding:2.5rem 0 3rem}.page-simple h1{font-size:1.6rem}.page-simple h2{font-size:1.05rem}}.steps-list{max-width:800px;margin:0 auto;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:1rem}.step-item{counter-increment:step;position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;padding-inline-start:4.9rem}.step-item::before{content:counter(step,decimal-leading-zero);position:absolute;inset-inline-start:1.4rem;top:1.3rem;font-size:2.4rem;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--primary);opacity:.2}.step-item h3{font-size:1.15rem;margin-bottom:.5rem;color:var(--text-strong)}.step-item p{color:var(--text-muted);line-height:1.6;font-size:1rem}@media(max-width:768px){.step-item{padding:1.25rem;padding-inline-start:4.1rem}.step-item::before{inset-inline-start:1.1rem;top:1.05rem;font-size:2rem}}.about-text:last-child{margin-bottom:0}.page-center{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.lang-switch{position:relative}.lang-switch>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.88rem;font-weight:500;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;user-select:none;transition:var(--transition)}.lang-switch>summary::-webkit-details-marker{display:none}.lang-switch>summary::marker{content:""}.lang-switch>summary svg{width:16px;height:16px;flex-shrink:0;opacity:.7;transition:var(--transition)}.lang-switch>summary:hover{color:var(--text-strong)}.lang-switch>summary:hover svg{opacity:1}.lang-menu{position:absolute;z-index:30;top:calc(100% + .45rem);inset-inline-end:0;width:max-content;max-width:min(23rem,calc(100vw - 2rem));background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px rgba(15,23,42,.14);overflow:hidden}.lang-menu-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem;padding:.4rem;max-height:min(60vh,26rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.lang-menu-inner::-webkit-scrollbar{width:8px}.lang-menu-inner::-webkit-scrollbar-track{background:transparent}.lang-menu-inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.lang-menu-inner::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.lang-menu a{display:block;padding:.45rem .6rem;border-radius:6px;font-size:.86rem;color:var(--text-main);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--transition)}.lang-menu a:hover{background:var(--surface);color:var(--primary)}.lang-menu a[aria-current="true"]{color:var(--primary-hover);font-weight:600}@media(max-width:560px){.lang-menu{font-size:.82rem;max-width:calc(100vw - 1.5rem)}}.support-note{max-width:700px;margin:1.25rem auto 0;padding:.7rem 1rem;font-size:.9rem;line-height:1.7;color:var(--text-main);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;text-align:center}.support-icon{display:inline-flex;vertical-align:middle;color:var(--primary);margin-inline-end:.4rem;transform:translateY(-.12em)}.support-icon svg{width:1.2em;height:1.2em;display:block}.support-link{color:var(--primary-hover);font-weight:700;text-decoration:none;transition:var(--transition)}.support-link:hover{color:var(--primary)}@media(max-width:768px){.support-note{font-size:.85rem;line-height:1.65;padding:.65rem .85rem;margin-top:1rem}}