.tool-head{padding:64px 0 32px}.tool-head .wrap{display:grid;gap:18px}.tool-head h1{max-width:18ch;font-size:clamp(2.5rem,5vw,4.4rem)}.tool-head .lede{max-width:47em}.tool-head h1 span{color:var(--blue)}.tool-area{padding:0 0 64px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.panel{background:#141416;border:1px solid #2b2b2e;border-radius:20px;padding:28px;min-width:0}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:270px;border:1px dashed #55555d;border-radius:14px;text-align:center;padding:28px;cursor:pointer;position:relative;background:#101012}.drop:hover,.drop.drag{border-color:var(--blue);background:#112029}.drop:focus-within{outline:3px solid var(--blue);outline-offset:3px}.drop input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;left:50%;bottom:24px;padding:0}.drop .symbol{font-size:36px;line-height:1;color:var(--blue)}.drop strong{font-size:1.3rem}.drop small,.hint{font-weight:400;color:#aaaab1;font-size:.88rem;line-height:1.6}.drop .choose{padding:12px 22px;background:#f4f4f2;border-radius:99px;color:#101012}.privacy{color:#a9d9bf;font-size:.9rem;margin:18px 0 0}.settings h2,.guide h2{font-size:1.1rem;line-height:1.4;letter-spacing:0}.settings p{margin:10px 0 18px}.settings label{font-size:.88rem}.settings select,.settings input{background:#0a0a0b;border-color:#45454d;color:white}.settings .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.settings .fields label{font-size:.8rem}.settings details{margin-top:20px}.settings summary{font-size:.88rem;padding:16px 0}.settings details>div{font-size:.85rem}.settings details p{margin:0}.btn:disabled{opacity:.4;cursor:wait}.tool-action{background:#4cc3f5;color:#071016;border:0;box-shadow:none;white-space:normal;font-size:.95rem;min-height:46px;padding:12px 20px}.secondary{background:transparent;border:1px solid #50505a;color:#fff;box-shadow:none}.queue{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.file-row{padding:18px;border:1px solid #35353b;border-radius:12px;display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px}.file-row img{width:80px;height:58px;object-fit:cover;border-radius:6px;background:#222}.file-row h3{font-size:.94rem;overflow-wrap:anywhere}.file-row p{font-size:.85rem;color:#aaaab1;margin:4px 0 10px}.file-row .error{color:#ffb7ad}.file-row a{display:inline-flex;font-size:.85rem;min-height:40px}.file-row .success{color:#a9d9bf}.queue-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.queue-bar:empty{display:none}#status{margin-top:16px;color:#d9d9d6;font-size:.9rem;overflow-wrap:anywhere}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:32px;margin-top:40px;border-top:1px solid var(--line)}.guide p{color:#aaaab1;font-size:.92rem;margin-top:12px}.guide small{display:block;color:var(--blue);margin-bottom:12px}.tool-foot{font-size:.85rem;color:#aaaab1;padding-top:32px}.tool-foot a{color:#ddd}.tool-page .skip:focus{color:#101012}.tool-page .site-foot{margin-top:0}@media(max-width:850px){.workbench{grid-template-columns:1fr}.settings{order:-1}.settings .fields{grid-template-columns:repeat(4,1fr)}.tool-head{padding-top:40px}.guide{grid-template-columns:1fr;gap:24px}.panel{padding:20px}.drop{min-height:230px}}@media(max-width:520px){.settings .fields{grid-template-columns:1fr 1fr}.file-row{grid-template-columns:1fr}.file-row img{width:100%;height:auto;max-height:170px;object-fit:contain}.tool-head h1{font-size:2.7rem}}
