:root{--color-background:#0f1115;--color-surface:#1a1d24;--color-text:#e6e8eb;--color-text-muted:#9aa0a8;--color-accent:#4c8bf5;--color-border:#2a2e37;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;--font-size-base:16px;--line-height-base:1.6;--radius-small:6px;--radius-medium:10px;--layout-max-width:960px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base)}a{color:var(--color-accent)}.landing{max-width:var(--layout-max-width);padding:var(--space-6) var(--space-3);margin:0 auto}.landing h1{margin:0 0 var(--space-3)}.landing p{color:var(--color-text-muted)}.landing__bar,.tool__bar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.landing__bar h1,.tool h1{overflow-wrap:break-word;min-width:0;font-size:clamp(1.4rem,6vw,2rem);line-height:1.2}.landing__bar>#language-switcher,.tool__bar>#language-switcher{flex-shrink:0}.tool__back{margin:0}.tool__back a{text-decoration:none}.language-switcher{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:var(--space-1) var(--space-2);cursor:pointer;font-family:inherit;font-size:.9rem}.language-switcher:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.landing__header{margin-bottom:var(--space-6)}.landing__header h1{margin:0 0 var(--space-2)}.landing__header p{color:var(--color-text-muted)}.tool-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));display:grid}.tool-card{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);color:var(--color-text);align-items:flex-start;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.tool-card:hover,.tool-card:focus-visible{border-color:var(--color-accent);transform:translateY(-2px)}.tool-card__icon{font-size:1.75rem;line-height:1}.tool-card__body{gap:var(--space-1);flex-direction:column;display:flex}.tool-card__name{font-weight:600}.tool-card__description{color:var(--color-text-muted);font-size:.9rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool{max-width:var(--layout-max-width);padding:var(--space-5) var(--space-3);margin:0 auto}.tool__lead{color:var(--color-text-muted);margin-bottom:var(--space-5)}.dropzone{min-height:160px;padding:var(--space-5);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-medium);cursor:pointer;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone--active{border-color:var(--color-accent);color:var(--color-text)}.tool__controls{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.quality{align-items:center;gap:var(--space-2);display:flex}.quality input[type=range]{accent-color:var(--color-accent)}.tool__actions{gap:var(--space-2);display:flex}button{padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);cursor:pointer;font-family:inherit;font-size:.95rem}button:hover:not(:disabled){border-color:var(--color-accent)}button:disabled{opacity:.5;cursor:not-allowed}.file-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);display:flex}.file-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-item__status{color:var(--color-text-muted);font-size:.85rem}.file-item--done .file-item__status{color:#4caf50}.file-item--error .file-item__status{color:#e5534b}.file-item--converting .file-item__status{color:var(--color-accent)}.file-item__time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.convert-summary{margin:var(--space-3) 0 0;color:var(--color-text);font-weight:600}.convert-summary:empty{display:none}.file-item__action{padding:var(--space-1) var(--space-2);font-size:.85rem}.file-item__action--remove{color:var(--color-text-muted);background:0 0;border-color:#0000}@media (width<=640px){.landing{padding:var(--space-5) var(--space-3)}.tool{padding:var(--space-4) var(--space-3)}.tool__controls{flex-direction:column;align-items:stretch}.quality{justify-content:space-between}.quality input[type=range]{flex:1}.tool__actions{width:100%}.tool__actions button{flex:1}button{min-height:44px}.language-switcher{min-height:40px}}