@layer tool {
  .tool-hero{padding-block:52px 28px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--muted);font-size:.78rem}.breadcrumbs span{opacity:.55}.tool-heading{max-width:760px;margin-top:25px}.tool-heading h1{font-size:clamp(2rem,5vw,3.45rem);line-height:1.22;letter-spacing:-.045em}.tool-heading p{max-width:680px;margin-top:13px;color:var(--muted);font-size:1.03rem}.local-badge{display:inline-flex;align-items:center;gap:7px;margin-top:17px;padding:6px 10px;border-radius:99px;background:rgba(10,156,114,.1);color:var(--success);font-size:.75rem;font-weight:850}.local-badge svg{width:16px;height:16px}.announcement{display:none;margin-bottom:18px;padding:11px 15px;border:1px solid rgba(255,181,71,.3);border-radius:13px;background:rgba(255,181,71,.1);color:var(--text);font-size:.85rem}.announcement.is-visible{display:block}.tool-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:22px;align-items:start}.workspace,.settings-card,.content-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.workspace{padding:20px}.dropzone{min-height:270px;display:grid;place-items:center;padding:28px;border:2px dashed rgba(109,74,255,.28);border-radius:18px;background:linear-gradient(145deg,rgba(109,74,255,.055),rgba(11,184,168,.035));text-align:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.is-dragging{border-color:var(--primary);background:rgba(109,74,255,.08)}.dropzone.is-disabled{opacity:.58;cursor:not-allowed}.drop-icon{width:68px;height:68px;display:grid;place-items:center;margin-inline:auto;border-radius:21px;background:var(--surface-solid);color:var(--primary);box-shadow:var(--shadow-sm)}.drop-icon svg{width:31px;height:31px}.dropzone strong{display:block;margin-top:17px;font-size:1.05rem}.dropzone p{margin-top:5px;color:var(--muted);font-size:.82rem}.dropzone .button{width:auto;margin-top:17px;pointer-events:none}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.limit-note{margin-top:11px;color:var(--muted);font-size:.72rem}.error-box{display:none;margin-top:14px;padding:11px 13px;border-radius:12px;background:rgba(217,70,95,.09);color:var(--danger);font-size:.82rem}.error-box.is-visible{display:block}.queue{display:grid;gap:10px;margin-top:16px}.queue:empty{display:none}.queue-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-solid)}.queue-thumb{width:54px;height:54px;object-fit:cover;border-radius:11px;background:var(--surface-soft)}.queue-main{min-width:0}.queue-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.queue-meta{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:4px;color:var(--muted);font-size:.7rem}.queue-state{color:var(--primary-strong);font-weight:800}.remove-file{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:var(--surface-soft);color:var(--muted);cursor:pointer}.remove-file:hover{color:var(--danger)}.remove-file svg{width:17px;height:17px}.settings-card{position:sticky;top:94px;padding:22px}.settings-card h2{font-size:1.05rem}.settings-card>p{margin-top:5px;color:var(--muted);font-size:.78rem}.control{display:grid;gap:8px;margin-top:18px}.control-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.control label{font-size:.79rem;font-weight:800}.control-value{color:var(--primary-strong);font-size:.76rem;font-weight:850}.control input[type=range]{width:100%;accent-color:var(--primary)}.control input[type=number],.control select{width:100%;min-height:43px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-solid);color:var(--text)}.dimensions{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}.dimension-link{width:36px;height:43px;display:grid;place-items:center;color:var(--muted)}.dimension-link svg{width:18px}.checkbox{display:flex;align-items:center;gap:8px;margin-top:13px;color:var(--muted);font-size:.77rem}.checkbox input{accent-color:var(--primary)}.settings-actions{display:grid;gap:9px;margin-top:23px}.settings-actions .button{width:100%}.processing-note{display:flex;gap:8px;align-items:flex-start;margin-top:14px;color:var(--muted);font-size:.7rem}.processing-note svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px;color:var(--success)}.results{display:none;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.results.is-visible{display:block}.results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.results-head h2{font-size:1rem}.result-list{display:grid;gap:10px}.result-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:14px;background:rgba(10,156,114,.035)}.result-thumb{width:54px;height:54px;object-fit:cover;border-radius:11px}.result-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.result-meta{margin-top:4px;color:var(--muted);font-size:.69rem}.saving{color:var(--success);font-weight:850}.download-button{min-height:36px;padding:7px 11px;border-radius:10px;background:var(--text);color:var(--bg);font-size:.73rem;font-weight:850}.content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:22px;margin-top:48px}.content-card{padding:clamp(22px,4vw,36px)}.content-card h2{font-size:1.35rem}.content-card h3{margin-top:25px;font-size:1rem}.content-card p,.content-card li{color:var(--muted);font-size:.88rem}.content-card p{margin-top:10px}.content-card ol,.content-card ul{display:grid;gap:9px;margin:15px 0 0;padding-inline-start:23px}.tip-card{background:linear-gradient(145deg,rgba(109,74,255,.08),rgba(11,184,168,.05))}.related-tools{display:grid;gap:9px;margin-top:16px}.related-tools a{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-solid);font-size:.8rem;font-weight:800}.related-tools a:hover{border-color:rgba(109,74,255,.3);color:var(--primary-strong)}.disabled-panel{display:none;padding:16px;border-radius:14px;background:rgba(217,70,95,.08);color:var(--danger);text-align:center;font-size:.85rem}.disabled-panel.is-visible{display:block}
}
@media(max-width:850px){.tool-layout,.content-grid{grid-template-columns:1fr}.settings-card{position:static}.tool-heading{text-align:center;margin-inline:auto}.breadcrumbs{justify-content:center}.local-badge{justify-content:center}.dropzone{min-height:230px}}
@media(max-width:560px){.tool-hero{padding-block:35px 20px}.workspace{padding:12px}.dropzone{padding:20px 12px}.settings-card{padding:17px}.queue-item,.result-item{grid-template-columns:45px minmax(0,1fr) auto}.queue-thumb,.result-thumb{width:45px;height:45px}.result-item{align-items:start}.download-button{padding:7px 9px}.dimensions{grid-template-columns:1fr 30px 1fr}}