@font-face{font-family:"Inter Fallback";src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0%;size-adjust:107.64%}@keyframes noteFloat1{0%{opacity:0;transform:translate(0,-2px) rotate(0deg) scale(.7)}10%{opacity:.7}65%{opacity:.5}to{opacity:0;transform:translate(12px,-28px) rotate(-20deg) scale(.3)}}@keyframes noteFloat2{0%{opacity:0;transform:translate(0,-2px) rotate(0deg) scale(.65)}14%{opacity:.7}60%{opacity:.45}to{opacity:0;transform:translate(-10px,-30px) rotate(15deg) scale(.25)}}@keyframes langPulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 12px 2px rgba(56,189,248,.35)}}@keyframes uploadSpin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:optional;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:optional;src:url(/fonts/inter-cyrillic.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:optional;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:400 700;font-display:optional;src:url(/fonts/noto-arabic.woff2)format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:400 700;font-display:optional;src:url(/fonts/noto-arabic-latin.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=dark]{--bg-primary:#0a0f1a;--bg-secondary:#0f1629;--bg-tertiary:#151d32;--glass:rgba(255,255,255,0.03);--glass-hover:rgba(255,255,255,0.06);--glass-active:rgba(255,255,255,0.08);--border:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.15);--border-accent:rgba(56,189,248,0.3);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#8494a7;--accent:#38bdf8;--on-accent:#0f172a;--accent-secondary:#818cf8;--accent-gradient:linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--shadow-sm:0 2px 8px rgba(0,0,0,0.2);--shadow-md:0 8px 32px rgba(0,0,0,0.3);--shadow-lg:0 16px 64px rgba(0,0,0,0.4);--shadow-glow:0 0 40px rgba(56,189,248,0.15);--header-bg:rgba(10,15,26,0.8);--sidebar-bg:rgba(15,22,42,0.65);--sidebar-border:rgba(255,255,255,0.06);--sidebar-item-color:rgba(255,255,255,0.6);--sidebar-item-hover-bg:rgba(255,255,255,0.07);--sidebar-item-hover-color:#f1f5f9;--sidebar-item-active-bg:rgba(56,189,248,0.12);--sidebar-item-active-color:#38bdf8;--sidebar-section-color:rgba(255,255,255,0.45);--sidebar-scrollbar:rgba(255,255,255,0.2);--sidebar-input-bg:rgba(255,255,255,0.06);--sidebar-input-border:rgba(255,255,255,0.1);--sidebar-input-color:#e2e8f0;--sidebar-input-placeholder:rgba(255,255,255,0.3);--sidebar-shadow:0 0 1px rgba(0,0,0,0.3), 4px 0 32px rgba(0,0,0,0.25);--overlay-bg:rgba(0,0,0,0.5);--acc:var(--accent);--acc2:var(--accent-secondary);--muted:var(--text-muted);--text:var(--text-primary);--glass-border:var(--border)}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#ffffff;--bg-tertiary:#f1f3f9;--glass:rgba(0,0,0,0.03);--glass-hover:rgba(0,0,0,0.05);--glass-active:rgba(0,0,0,0.07);--border:rgba(0,0,0,0.13);--border-hover:rgba(0,0,0,0.22);--border-accent:rgba(37,99,235,0.35);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#5c6b82;--accent:#2563eb;--on-accent:#ffffff;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow-sm:0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.1);--shadow-lg:0 12px 48px rgba(0,0,0,0.12);--shadow-glow:0 0 30px rgba(37,99,235,0.12);--header-bg:rgba(255,255,255,0.9);--sidebar-bg:rgba(255,255,255,0.55);--sidebar-border:rgba(0,0,0,0.06);--sidebar-item-color:#334155;--sidebar-item-hover-bg:rgba(0,0,0,0.04);--sidebar-item-hover-color:#0f172a;--sidebar-item-active-bg:rgba(37,99,235,0.1);--sidebar-item-active-color:#2563eb;--sidebar-section-color:#475569;--sidebar-scrollbar:rgba(0,0,0,0.15);--sidebar-input-bg:rgba(0,0,0,0.04);--sidebar-input-border:rgba(0,0,0,0.08);--sidebar-input-color:#1e293b;--sidebar-input-placeholder:rgba(0,0,0,0.55);--sidebar-shadow:0 0 1px rgba(0,0,0,0.08), 4px 0 24px rgba(0,0,0,0.06);--overlay-bg:rgba(0,0,0,0.3);--acc:var(--accent);--acc2:var(--accent-secondary);--muted:var(--text-muted);--text:var(--text-primary);--glass-border:var(--border)}.logo:hover svg{transform:scale(1.1)}.logo-note{position:absolute;top:-8px;pointer-events:none;font-size:14px;opacity:0;color:var(--accent);z-index:10;will-change:transform,opacity;text-shadow:0 0 6px currentColor}.logo-note-1{left:6px}.logo-note-2{left:20px}.logo:hover .logo-note-1{animation:noteFloat1 1.6s ease-out infinite}.logo:hover .logo-note-2{animation:noteFloat2 1.6s ease-out .35s infinite}.logo-sub{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.2px}.search-input{width:100%;padding:12px 48px 12px 16px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:14px;font-family:inherit;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.form-input::placeholder,.search-input::placeholder,input::placeholder{color:var(--text-muted)}.search-input:focus{outline:0;background:var(--glass-hover);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:400px;overflow-y:auto;display:none;box-shadow:var(--shadow-lg);z-index:100}.lang-switch.open .lang-dropdown,.search-results.active{display:block}.search-result{display:flex;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;color:var(--text-primary);transition:all .15s ease;border-bottom:1px solid var(--border)}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--glass-hover)}.search-result-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--glass);border-radius:var(--radius-md);font-size:18px}.search-result-text{flex:1}.search-result-title{font-weight:500;font-size:14px}.search-result-desc{font-size:13px;color:var(--text-muted);margin-top:2px}.search-no-results{padding:16px 24px 8px;text-align:center;color:var(--text-muted);font-size:14px}.search-browse-all,.search-suggestions-label{color:var(--accent);font-size:13px;font-weight:500}.search-suggestions-label{padding:4px 16px 6px;text-transform:uppercase;letter-spacing:.5px}.search-browse-all{display:block;padding:12px 16px;text-align:center;text-decoration:none;border-top:1px solid var(--border);transition:background .15s}.search-browse-all:hover{background:var(--glass-hover, rgba(255,255,255,0.05))}.lang-current:hover{background:var(--glass-hover);border-color:var(--border-hover)}.lang-hint{border-color:var(--accent)!important;animation:langPulse 2s ease-in-out 3}.breadcrumb,.lang-option{display:flex;align-items:center}.lang-option{gap:8px;padding:12px 14px;text-decoration:none;color:var(--text-secondary);min-height:44px;box-sizing:border-box;font-size:13px;transition:all .15s}.breadcrumb-item:hover,.lang-option:hover{background:var(--glass-hover);color:var(--text-primary)}.breadcrumb{gap:10px;margin-bottom:24px;flex-wrap:wrap}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;min-height:44px;box-sizing:border-box;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.breadcrumb-item:hover{border-color:var(--border-hover)}.upload-zone.dragover,.upload-zone:hover{border-color:var(--accent);background:rgba(56,189,248,.05)}.upload-zone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.file-icon,.file-info{display:flex;align-items:center}.file-info{gap:12px;flex:1;min-width:0}.file-icon{width:44px;height:44px;border-radius:8px;justify-content:center;font-size:18px}.file-details{min-width:0}.file-name{font-weight:600;font-size:15px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}.btn-close,.file-meta{color:var(--text-muted)}.file-meta{font-size:13px;margin-top:2px}.btn-close{width:44px;height:44px;border-radius:8px;border:0;background:var(--glass-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:rgba(239,68,68,.2);color:var(--danger)}.btn-close svg,.tab-btn svg{width:28px;height:28px}.waveform-section{background:linear-gradient(180deg,#1e3a5f 0,#172554 100%);border-radius:12px;padding:20px;margin-bottom:12px}.waveform-wrapper{position:relative;height:180px;background:rgba(0,0,0,.2);border-radius:8px;overflow:hidden;cursor:crosshair}.waveform-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:0 0;border:0;border-radius:8px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background:var(--glass)}.layout.has-sidebar .feedback-header-btn,.tab-content{display:none}.player-row{display:flex;align-items:center;gap:16px;margin-top:16px}.play-btn,.restart-btn,.stop-btn{border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.play-btn{width:48px;height:48px;background:#fff;color:#1a1a2e}.play-btn:hover,.restart-btn:hover,.stop-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.play-btn svg{margin-left:2px}.restart-btn,.stop-btn{width:44px;height:44px;background:var(--glass-active);color:var(--text-secondary)}.play-btn svg,.restart-btn svg,.save-btn svg,.stop-btn svg{width:28px;height:28px}.save-btn{padding:14px 36px;background:var(--accent-gradient);border:0;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(56,189,248,.3);filter:brightness(1.1)}.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.processing-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:1000;align-items:center;justify-content:center}.processing-overlay.active{display:flex}.processing-box{background:var(--bg-secondary);border-radius:20px;padding:50px 70px;text-align:center}.processing-spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.processing-text{color:var(--text-primary);font-size:18px;font-weight:500}@media (max-width:768px){.file-name{max-width:180px}.waveform-section{padding:14px}.player-row{flex-wrap:wrap;gap:10px}.save-btn{padding:12px 24px;font-size:14px;width:100%;justify-content:center}.processing-box{padding:30px 24px}}.panel-title{font-size:clamp(22px,4.5vw,30px);font-weight:600;display:flex;align-items:center;gap:12px}.panel-title-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:var(--radius-md);font-size:18px}.card,.panel-footer{background:var(--glass)}.panel-footer{padding:20px 28px;border-top:1px solid var(--border)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all .25s ease}.card:hover{background:var(--glass-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-link{text-decoration:none;color:inherit;display:block}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{padding:24px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.stat-value{font-size:32px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.footer-links a:hover,.text-accent{color:var(--accent)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub,.subtitle{color:var(--text-secondary)}.subtitle{font-size:16px;line-height:1.7;margin-top:12px}.sub{margin:8px 0 24px;font-size:15px}.form-input:focus,.form-select:focus,input:focus,select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.file-drop,select{cursor:pointer}.file-drop{position:relative;padding:24px 20px;background:var(--bg-tertiary);border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;transition:all .25s ease;margin-bottom:20px}.file-drop.dragover,.file-drop:hover{border-color:var(--accent);background:rgba(56,189,248,.05);box-shadow:var(--shadow-glow)}.file-drop-text span{color:var(--accent);font-weight:500}.upload-progress-overlay{display:none;flex-direction:column;align-items:center;gap:10px;padding:8px 0}.upload-progress-overlay.active{display:flex}.upload-progress-spinner{width:36px;height:36px;animation:uploadSpin 1s linear infinite;color:var(--accent)}.upload-progress-text{font-size:14px;font-weight:500;color:var(--text-primary);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.upload-progress-bar-wrap{width:100%;max-width:280px;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}.upload-progress-bar{height:100%;width:0;background:var(--accent-gradient);border-radius:3px;transition:width .15s ease}.upload-progress-pct{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.upload-cancel-btn{margin-top:4px;padding:8px 24px;background:0 0;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s}.upload-cancel-btn:hover{background:rgba(239,68,68,.15);color:var(--danger);border-color:var(--danger)}.range-wrapper{padding:8px 0}input[type=range]{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;margin:12px 0 20px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--accent-gradient);border-radius:50%;cursor:pointer;box-shadow:0 2px 10px rgba(56,189,248,.4);transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.btn-primary:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(56,189,248,.4)}.btn-primary:active,.btn:active{transform:translateY(0)}.btn-ghost:hover,.btn-secondary:hover{background:var(--glass-hover);border-color:var(--border-hover);transform:none;box-shadow:none}.btn-block{width:100%}.btn-group{display:flex;gap:12px;flex-wrap:wrap}.btn-group .btn{flex:1;min-width:140px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.badge-ready,.badge-success{background:rgba(74,222,128,.15);color:var(--success);border:1px solid rgba(74,222,128,.25)}.badge-soon,.badge-warning{background:rgba(251,191,36,.15);color:var(--warning);border:1px solid rgba(251,191,36,.25)}.badge-accent{background:rgba(56,189,248,.15);color:var(--accent);border:1px solid rgba(56,189,248,.25)}.tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.offline{background:var(--danger)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.alert,.errors{padding:16px 20px;border-radius:var(--radius-md);margin-bottom:20px}.alert-error,.errors{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.25);color:var(--danger)}.alert-success{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25);color:var(--success)}.errors ul{margin:0;padding-left:20px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.fade-in{animation:fadeIn .4s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.breadcrumb-item:focus-visible,.nav-item:focus-visible,.sb-item:focus-visible,.share-option:focus-visible,.tool-card:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(56,189,248,.2)}.btn:focus-visible{outline-offset:3px}input[type=range]:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(56,189,248,.3);border-radius:4px}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.footer-links{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease;padding:10px 4px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}.footer-status{display:flex;align-items:center;gap:8px}.footer-copyright,.footer-privacy,.footer-status{font-size:13px;color:var(--text-muted)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:16px}.gap-3{gap:24px}.form-row{margin-bottom:20px}@media (max-width:768px){.container{padding:0 16px}.search-box .search-input{width:100%;font-size:16px}input,select,textarea{font-size:16px!important}}.tool-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.tool-actions button{background:0 0;border:0;color:var(--text-muted);cursor:pointer;padding:6px;transition:color .2s,background-color .2s;flex-shrink:0;border-radius:var(--radius-sm)}.tool-actions button:hover{color:var(--accent);background:var(--glass)}.tool-actions button svg{width:20px;height:20px;display:block}.feedback-tool-btn{display:flex!important;align-items:center;gap:5px;padding:4px 12px!important;border-radius:14px!important;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important;color:var(--accent)!important;font-size:13px;font-weight:500;font-family:inherit;white-space:nowrap}.feedback-tool-btn:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)!important;border-color:var(--accent)!important}@media (max-width:768px){}.bookmark-btn.active{color:var(--warning)}.bookmark-btn .bm-on,.bookmark-btn.active .bm-off{display:none}.bookmark-btn.active .bm-on{display:block}.tool-sidebar{position:fixed;left:-280px;top:0;bottom:0;width:240px;z-index:100;border-right:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);padding:20px 12px;display:flex;flex-direction:column;transition:left .3s ease;isolation:isolate}.tool-sidebar::before{content:'';position:absolute;inset:0;background:var(--sidebar-bg);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);z-index:-1}.sb-nav{scrollbar-width:thin;scrollbar-color:var(--sidebar-scrollbar) transparent}.sb-nav::-webkit-scrollbar{width:6px}.sb-nav::-webkit-scrollbar-track{background:0 0}.sb-nav::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar);border-radius:3px}.sb-close,.sb-search input{border-radius:var(--radius-sm)}.sb-close{display:none;align-items:center;justify-content:center;position:absolute;top:16px;left:100%;margin-left:8px;width:44px;height:44px;border:1px solid var(--border-hover);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s;box-shadow:var(--shadow-md)}.sb-close:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent)}.sb-close svg{width:18px;height:18px}.sb-logo-link{padding-bottom:16px;border-bottom:1px solid var(--sidebar-border);margin-bottom:12px}.sb-logo-link svg{width:32px;height:32px}.sb-search{margin-bottom:10px;flex-shrink:0}.sb-search input{width:100%;padding:9px 12px;background:var(--sidebar-input-bg);border:1px solid var(--sidebar-input-border);color:var(--sidebar-input-color);font-size:13px;font-family:inherit;box-sizing:border-box}.sb-search input:focus{outline:0;border-color:var(--accent)}.sb-search input::placeholder{color:var(--sidebar-input-placeholder)}.sb-nav{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sb-item:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-hover-color)}.sb-item.active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-color);font-weight:600;border-radius:8px}.sb-controls,.sb-theme-btn{display:flex;align-items:center}.sb-controls{gap:8px;padding:10px 0 0;flex-shrink:0;border-top:1px solid var(--sidebar-border)}.sb-theme-btn{justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--sidebar-border);background:0 0;color:var(--sidebar-item-color);cursor:pointer;transition:background-color .2s,color .2s}.sb-lang-btn:hover,.sb-theme-btn:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-hover-color)}a.sb-theme-btn{text-decoration:none}.sb-lang-btn{display:flex;align-items:center;gap:4px;padding:7px 8px;min-height:44px;background:0 0;border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-item-color);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background-color .2s,color .2s}.sb-lang-option:hover{background:var(--glass-hover);color:var(--text-primary)}.sb-convert-results{margin-top:4px}.sb-convert-nav{display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 260px);overflow-y:auto}.sb-convert-nav::-webkit-scrollbar{width:4px}.sb-convert-nav::-webkit-scrollbar-track{background:0 0}.sb-convert-nav::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar);border-radius:2px}.sb-convert-nav .sb-item{font-size:13px;padding:7px 12px;min-height:40px}.sb-convert-nav .sb-icon{font-size:13px}.sb-convert-more{display:block;padding:6px 12px;margin-top:4px;font-size:13px;color:var(--accent);text-decoration:none;border-radius:6px;transition:all .15s}.sb-convert-more:hover{background:var(--sidebar-item-hover-bg)}.sb-nav.sb-empty{display:none}.sb-no-results{padding:16px 12px;text-align:center}.sb-no-results-text{color:var(--text-muted);font-size:13px;margin-bottom:8px}.sb-no-results-suggest .sb-suggest-label{font-size:13px;color:var(--accent);font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.sb-no-results-suggest .sb-item{font-size:13px}.sb-item[data-system] .sb-sys-icon{width:18px;height:18px;flex-shrink:0;opacity:.6}.sb-burger:hover{background:var(--glass-hover);color:var(--text-primary)}.sb-burger-line{display:block;width:18px;height:2px;background:currentColor;border-radius:1px;transition:transform .3s ease,opacity .2s ease;pointer-events:none}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);color:var(--text-secondary);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;flex-shrink:0}.theme-toggle:hover{background:var(--glass-hover);border-color:var(--border-hover);color:var(--text-primary)}@media (max-width:768px){.theme-toggle{display:none}}.feedback-header-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);cursor:pointer;transition:background-color .2s,border-color .2s;font-size:13px;font-weight:500;font-family:inherit;white-space:nowrap;flex-shrink:0}.feedback-header-btn:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}@media (max-width:768px){.feedback-header-btn{width:44px;height:44px;padding:0;justify-content:center;border-radius:var(--radius-sm);background:var(--glass);border-color:var(--border);color:var(--text-secondary)}.feedback-header-btn:hover{background:var(--glass-hover);border-color:var(--border-hover);color:var(--accent)}.feedback-header-btn span{display:none}}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);color:var(--text-secondary);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;flex-shrink:0}.share-btn:hover{background:var(--glass-hover);border-color:var(--border-hover);color:var(--text-primary)}@media (max-width:768px){.share-btn{display:none}}.share-overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:2000;align-items:center;justify-content:center}.share-overlay.active{display:flex}.share-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:90%;max-width:400px;padding:28px;position:relative;animation:fadeIn .2s ease-out}.share-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:var(--radius-sm);border:0;background:var(--glass);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.share-modal-close:hover{background:var(--glass-hover);color:var(--text-primary)}.share-modal-title{font-size:18px;font-weight:600;margin-bottom:20px}.share-url-box{display:flex;gap:8px;margin-bottom:20px}.share-url-input{flex:1;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;outline:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-url-input:focus{border-color:var(--accent)}.share-copy-btn{padding:10px 16px;background:var(--accent-gradient);border:0;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s}.share-copy-btn:hover{opacity:.85}.share-copy-btn.copied{background:var(--success)}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.share-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:13px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s,transform .2s;cursor:pointer}.share-option:hover{background:var(--glass-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}.share-option-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.share-option-icon.telegram{background:rgba(0,136,204,.15);color:#08c}.share-option-icon.whatsapp{background:rgba(37,211,102,.15);color:#25d366}.share-option-icon.twitter{background:rgba(29,155,240,.15);color:#1d9bf0}.share-option-icon.facebook{background:rgba(24,119,242,.15);color:#1877f2}.share-option-icon.linkedin{background:rgba(10,102,194,.15);color:#0a66c2}.share-option-icon.reddit{background:rgba(255,69,0,.15);color:#ff4500}.share-option-icon.email{background:rgba(234,179,8,.15);color:var(--warning)}.share-option-icon.more{background:rgba(148,163,184,.15);color:var(--text-muted)}[data-theme=light] .share-modal{background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.12)}@media (max-width:768px){.tool-sidebar{left:-280px;width:270px;padding-top:env(safe-area-inset-top,20px)}.layout .tool-sidebar.open{left:0;z-index:150;overflow:visible}.tool-sidebar.open .sb-close{display:flex}.sb-logo-link{display:none}.sb-search{margin-top:12px}}[dir=rtl] .lang-dropdown{right:auto;left:0}[dir=rtl] .errors ul{padding-left:0;padding-right:20px}[dir=rtl] .feedback-header-btn{right:auto;left:24px}[dir=rtl] .sb-item:hover{transform:none}[dir=rtl] .nav-links{direction:rtl}@media (max-width:768px){[dir=rtl] .tool-sidebar{right:-280px;width:270px}[dir=rtl] .layout .tool-sidebar.open{right:0;left:auto;z-index:150}[dir=rtl] .lang-dropdown{left:-8px;right:auto}[dir=rtl] .feedback-header-btn{left:16px;right:auto}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms\!important;animation-iteration-count:1\!important;transition-duration:.01ms\!important;scroll-behavior:auto\!important}}@supports(padding-top:env(safe-area-inset-top)){@media(display-mode:standalone){.header{padding-top:calc(16px + env(safe-area-inset-top))}#cookieConsent{bottom:calc(24px + env(safe-area-inset-bottom))}#ffmpeg-loading{bottom:calc(32px + env(safe-area-inset-bottom))}#dl-toast{bottom:calc(32px + env(safe-area-inset-bottom))}}}[dir=rtl] [lang=ko] body{font-family:"Inter","Inter Fallback","Noto Sans KR",system-ui,-apple-system,sans-serif}.breadcrumb-item,.breadcrumb-current{word-break:break-word}.share-option-icon.kakao{background:rgba(254,229,0,.15);color:#3c1e1e}.share-option-icon.line{background:rgba(0,185,0,.15);color:#00b900}input[type=range]{background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-fill,50%),var(--range-track,var(--bg-tertiary)) var(--range-fill,50%),var(--range-track,var(--bg-tertiary)) 100%)}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:4px}input[type=range]::-moz-range-track{background:var(--range-track,var(--bg-tertiary));border-radius:4px;height:8px}[data-theme=light]{--range-track:#cbd5e1}.processing-cancel{margin-top:16px;padding:8px 28px;background:var(--glass);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md,8px);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;font-family:inherit}.processing-cancel:hover{background:rgba(239,68,68,.08);border-color:var(--danger,#ef4444);color:var(--danger,#ef4444)}.cancel-info{display:none;margin-top:10px;padding:8px 16px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.18);border-radius:var(--radius-md,8px);color:var(--text-secondary);font-size:13px;text-align:center}.cancel-info.visible{display:block}.footer-categories{display:flex;gap:16px 24px;flex-wrap:wrap;justify-content:center;padding-bottom:8px}.footer-categories a{color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s;padding:4px 0}.footer-categories a:hover{color:var(--accent)}.sb-search{position:relative}.sb-search-go{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--sidebar-input-placeholder);cursor:pointer;border-radius:var(--radius-sm);transition:color .2s,background .2s;padding:0}.sb-search-go:hover{color:var(--accent);background:var(--sidebar-item-hover-bg)}.sb-search input{padding-right:34px}[dir=rtl] .sb-search-go{right:auto;left:4px}[dir=rtl] .sb-search input{padding-right:12px;padding-left:34px}/* Workspace preview — shared across all tools with file upload */.hidden,.workspace-placeholder.hidden{display:none!important}.workspace-placeholder-text{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);letter-spacing:.01em}[class$=-workspace]:not(.active)>*:not(.upload-zone):not(.workspace-placeholder):not(.pre-upload-visible),.workspace:not(.active)>*:not(.upload-zone):not(.workspace-placeholder):not(.pre-upload-visible){display:none}[class$=-workspace]:not(.active)>.upload-zone,.workspace:not(.active)>.upload-zone,[class$=-workspace]:not(.active)>.workspace-placeholder,.workspace:not(.active)>.workspace-placeholder{display:block;opacity:1;pointer-events:auto}[class$=-workspace]:not(.active) button,[class$=-workspace]:not(.active) select,[class$=-workspace]:not(.active) input[type=range],.workspace:not(.active) button,.workspace:not(.active) select,.workspace:not(.active) input[type=range]{opacity:.5}
/* ── Badge tier colors & user menu (gamification) ── */
.badge-item{display:inline-flex;flex-direction:column;align-items:center;transition:transform .2s}.badge-item:hover{transform:translateY(-2px)}.badge-item:hover .badge-svg{filter:drop-shadow(0 0 12px var(--tier-glow,rgba(205,127,50,.3)));transform:scale(1.08)}.badge-svg{transition:all .3s ease}.badge-locked .badge-svg{opacity:.3;filter:grayscale(1)}
@keyframes badgeUnlock{0%{transform:scale(.3) rotate(-15deg);opacity:0}50%{transform:scale(1.15) rotate(3deg);opacity:1}100%{transform:scale(1) rotate(0)}}.badge-just-unlocked{animation:badgeUnlock .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes platinumShimmer{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(30deg)}}

/* User menu */
.um-wrap{position:relative}.um-toggle{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.um-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:16px;border:2px solid var(--accent);overflow:hidden}.um-avatar img{width:100%;height:100%;object-fit:cover}.um-level{background:var(--accent-gradient);color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:9px;min-width:20px;text-align:center}
.um-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:8px;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 0;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.3)}.um-wrap.open .um-dropdown{display:block}
.um-user-info{padding:12px 16px;border-bottom:1px solid var(--border)}.um-user-info strong{display:block;color:var(--text-primary);font-size:14px}.um-user-info small{color:var(--text-muted);font-size:12px}
.um-item{display:flex;align-items:center;gap:10px;padding:8px 16px;color:var(--text-secondary);text-decoration:none;font-size:14px;width:100%;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.um-item:hover{background:var(--glass-hover);color:var(--text-primary)}.um-logout{color:var(--danger)}.um-divider{height:1px;background:var(--border);margin:4px 0}
.um-login-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--glass);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);text-decoration:none;transition:all .2s}.um-login-btn:hover{background:var(--glass-hover);color:var(--accent);border-color:var(--accent)}
[dir=rtl] .um-dropdown{right:auto;left:0}

/* Achievement notification toast */
.ach-toast{position:fixed;top:20px;right:20px;z-index:10000;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.4);animation:slideInRight .4s ease;max-width:340px}
.ach-toast .ach-toast-icon{font-size:24px;flex-shrink:0}.ach-toast .ach-toast-text{flex:1}.ach-toast .ach-toast-name{font-weight:700;color:var(--text-primary);font-size:14px}.ach-toast .ach-toast-xp{color:var(--accent);font-size:12px;font-weight:600}
@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.badge-just-unlocked,.ach-toast{animation:none}}

/* Login/profile button in sidebar controls */
.sb-login-btn{color:var(--accent)!important;position:relative}.sb-login-btn::after{content:'';position:absolute;inset:-2px;border-radius:8px;border:1.5px solid var(--accent);opacity:.3;transition:opacity .2s}.sb-login-btn:hover::after{opacity:.7}
.sb-profile-btn{position:relative}.sb-profile-btn::after{content:'';position:absolute;bottom:-1px;right:-1px;width:7px;height:7px;background:var(--success);border-radius:50%;border:1.5px solid var(--bg-primary)}

/* Exclusive badge — animated glow + shimmer */
.badge-exclusive .badge-svg{filter:drop-shadow(0 0 8px rgba(245,158,11,.4)) drop-shadow(0 0 20px rgba(245,158,11,.2))!important}
.badge-exclusive.badge-earned .badge-svg{animation:exclusivePulse 3s ease-in-out infinite}
@keyframes exclusivePulse{0%,100%{filter:drop-shadow(0 0 8px rgba(245,158,11,.4)) drop-shadow(0 0 20px rgba(245,158,11,.15))}50%{filter:drop-shadow(0 0 14px rgba(245,158,11,.6)) drop-shadow(0 0 30px rgba(245,158,11,.3))}}
.badge-exclusive::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(245,158,11,.15),transparent,rgba(251,191,36,.15),transparent);animation:exclusiveRotate 6s linear infinite;pointer-events:none}
@keyframes exclusiveRotate{to{transform:rotate(360deg)}}
.badge-exclusive{position:relative}
@media(prefers-reduced-motion:reduce){.badge-exclusive .badge-svg,.badge-exclusive::before{animation:none!important}.badge-exclusive .badge-svg{filter:drop-shadow(0 0 10px rgba(245,158,11,.5)) drop-shadow(0 0 25px rgba(245,158,11,.25))!important}}