:root{color-scheme:dark;--bg: #0e0f13;--bg-elev: #16181f;--bg-elev-2: #1d2029;--bg-elev-3: #23262f;--border: #2a2e3a;--border-strong: #3a3f4d;--shadow: 0 12px 32px rgba(0, 0, 0, .45);--text: #e8eaf0;--text-dim: #9aa0b0;--text-faint: #666c7d;--accent: #6c8cff;--accent-2: #8a6cff;--green: #22c55e;--green-soft: rgba(34, 197, 94, .14);--red: #ef4444;--red-soft: rgba(239, 68, 68, .12);--radius: 14px;--radius-sm: 9px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent)}.layout{display:flex;justify-content:center;align-items:flex-start;gap:28px;padding:36px 20px 60px}.app{width:100%;max-width:860px;min-width:0}.side{display:none;flex:none}@media(min-width:1200px){.side{display:block;position:sticky;top:24px}}.app__header{position:relative;text-align:center;margin-bottom:22px}.app__logo{display:inline-block;font-size:26px;font-weight:700;letter-spacing:-.4px;color:var(--text);text-decoration:none}.app__subtitle{margin:6px 0 0;color:var(--text-dim);font-size:14px;font-weight:400;text-align:center}.app__build{font-size:11px;font-family:ui-monospace,Consolas,monospace;color:var(--text-faint)}.crosslink{margin-top:24px;text-align:center}.crosslink a{color:var(--text-dim);font-size:13px}.crosslink a:hover{color:var(--accent)}.app__nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:10px}.app__nav a{color:var(--text-dim);font-size:13px;text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent}.app__nav a:hover{color:var(--text)}.app__nav a.is-active{color:var(--accent);border-color:var(--accent)}body:has(#toolSearch) .hsearch{display:none}.hsearch{position:relative;max-width:320px;margin:12px auto 0}.hsearch__input{width:100%;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:14px;font-family:inherit}.hsearch__input::placeholder{color:var(--text-faint)}.hsearch__input:focus{outline:none;border-color:var(--accent)}.hsearch__results{position:absolute;z-index:30;left:0;right:0;margin-top:6px;padding:4px;text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elev-2);box-shadow:var(--shadow);max-height:340px;overflow-y:auto}.hsearch__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:14px}.hsearch__item:hover,.hsearch__item.is-active{background:var(--bg-elev-3);color:var(--accent)}.hsearch__icon{flex-shrink:0}.hsearch__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hsearch__empty{margin:0;padding:10px;color:var(--text-dim);font-size:13px}.lang{position:absolute;inset-block-start:0;inset-inline-end:0}.lang__btn{display:inline-flex;align-items:center;gap:8px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;color:var(--text);font:inherit;font-size:13px;line-height:1;cursor:pointer;transition:border-color .15s}.lang__btn:hover{border-color:var(--accent)}.lang__flag{width:20px;height:20px;flex:none;border-radius:50%;overflow:hidden;display:block;box-shadow:inset 0 0 0 1px #0000001f}.lang__flag svg{display:block;width:100%;height:100%}.lang__name{white-space:nowrap}.lang__chev{display:inline-flex;color:var(--text-dim);transition:transform .15s}.lang__btn[aria-expanded=true] .lang__chev{transform:rotate(180deg)}.lang__menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;min-width:180px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:50}.lang__opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--text);white-space:nowrap;cursor:pointer}.lang__opt:hover{background:var(--bg-elev-2)}.lang__opt[aria-selected=true]{color:var(--accent);font-weight:600}@media(max-width:640px){.lang{position:static;display:flex;justify-content:center;margin-top:12px}.lang__menu{inset-inline-end:auto}}[dir=rtl] .app__nav,[dir=rtl] .hero__cta{direction:rtl}.btn{white-space:normal;text-align:center}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:24px}.tool-card{display:block;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .05s}.tool-card:hover{border-color:var(--accent)}.tool-card:active{transform:scale(.995)}.tool-card__icon{font-size:26px}.tool-card__title{font-weight:600;margin:10px 0 6px}.tool-card__desc{color:var(--text-dim);font-size:13.5px;line-height:1.5;margin:0}.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:#ffffff04;color:var(--text-faint);-webkit-user-select:none;user-select:none}.ad-slot__label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.ad-slot__size{font-size:11px;font-family:ui-monospace,Consolas,monospace;opacity:.7}.ad-slot--top{height:90px;margin:0 0 22px}.ad-slot--inline{height:250px;margin:28px 0 0}.ad-slot--side{width:300px;height:600px}@media(max-width:600px){.ad-slot--top{height:50px}.ad-slot--inline{height:250px}}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel__title{font-size:15px;font-weight:600;margin:0}.panel__count{color:var(--text-faint);font-weight:400}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--accent);background:#6c8cff1f;border:1px solid rgba(108,140,255,.25);padding:2px 8px;border-radius:999px;white-space:nowrap}.btn{border:none;border-radius:var(--radius-sm);padding:11px 18px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .05s,opacity .15s,background .15s,border-color .15s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){filter:brightness(1.1)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn--ghost:hover{border-color:var(--accent)}.btn--icon{background:transparent;color:var(--text-dim);padding:6px 10px;font-size:13px}.btn--icon:hover:not(:disabled){color:var(--red);background:var(--red-soft)}.btn--small{padding:7px 12px;font-size:13px}.btn--lg{padding:14px 26px;font-size:15px}.field{flex:1;min-width:150px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px}.fields{display:flex;gap:12px;flex-wrap:wrap}input[type=text],input[type=number],select{width:100%;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}select{cursor:pointer}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;padding:0;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;cursor:pointer;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;transition:background .15s,transform .1s}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;transition:background .15s,transform .1s}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent-2)}input[type=range]:hover::-moz-range-thumb{background:var(--accent-2)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:active::-moz-range-thumb{transform:scale(1.12)}input[type=range]:focus-visible{border-color:var(--accent)}input[type=file]::file-selector-button{-webkit-appearance:none;appearance:none;margin-right:12px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);font:inherit;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}input[type=file]::file-selector-button:hover{border-color:var(--accent);background:var(--bg-elev-3)}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:var(--text)}.toggle input{accent-color:var(--accent);width:16px;height:16px;flex:none}.hint{color:var(--text-faint);font-size:12px;margin:8px 0 0}.hint code{background:var(--bg-elev-2);padding:1px 6px;border-radius:5px;font-size:12px}.app__footer{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:var(--text-faint);font-size:12px;text-align:center}.app__footer__support{display:inline-flex;align-items:center;gap:6px}.app__footer__support:before{content:"·";opacity:.6;margin-right:8px}.app__footer__support a{color:var(--text-dim);text-decoration:none}.app__footer__support a:hover{color:var(--accent);text-decoration:underline}@media(max-width:520px){.layout{padding:20px 12px 40px}.app__footer__support:before{display:none}}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-elev);transition:border-color .2s,background .2s;cursor:pointer}.dropzone.is-drag{border-color:var(--accent);background:var(--bg-elev-2)}.dropzone__inner{padding:40px 24px;text-align:center}.dropzone__icon{font-size:34px;opacity:.85}.dropzone__title{font-size:17px;font-weight:600;margin:12px 0 2px}.dropzone__hint{color:var(--text-faint);margin:6px 0;font-size:13px}.dropzone__formats{color:var(--text-faint);font-size:12px;margin:16px 0 0}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s ease}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent)}.drop-zone__icon{font-size:48px;margin-bottom:12px}.workspace{margin-top:20px;display:flex;flex-direction:column;gap:16px}.ad-slot,.side{display:none!important}.theory{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px}.theory summary{cursor:pointer;padding:14px 18px;font-weight:600;font-size:14px;list-style:none;display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.theory summary::-webkit-details-marker{display:none}.theory summary:after{content:"▾";margin-inline-start:auto;color:var(--text-dim);transition:transform .15s}.theory[open] summary:after{transform:rotate(180deg)}.theory__body{padding:0 18px 16px;color:var(--text-dim);font-size:14px;line-height:1.65}.theory__body p{margin:8px 0}.theory__body b,.theory__body code{color:var(--text)}.theory__body code{background:var(--bg-elev-2);padding:1px 6px;border-radius:5px;font-size:13px}.theory__body ul{margin:8px 0;padding-inline-start:20px}.theory__body li{margin:4px 0}.examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.example-chip{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;color:var(--text-dim);font-size:12.5px;font-family:ui-monospace,Consolas,monospace;padding:5px 12px;cursor:pointer;transition:border-color .15s,color .15s}.example-chip:hover{border-color:var(--accent);color:var(--text)}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}.app__nav{gap:20px 24px}.app__nav a{position:relative}.app__nav a:after{content:"";position:absolute;inset:-10px -11px}.example-chip,.btn{min-height:44px}.btn{min-width:44px;justify-content:center}summary{min-height:44px;display:flex;align-items:center}.app__footer__support a,.crosslink a{display:inline-block;padding:12px 0}}