@charset "UTF-8";:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-bg: #ffffff;--color-surface: #f8fafc;--color-surface-glass: rgba(255, 255, 255, .8);--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-border: #e2e8f0;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI, Roboto, Noto Sans KR, sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .12);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-glass: rgba(30, 41, 59, .85);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-border: #475569;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-glass: rgba(30, 41, 59, .85);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-border: #475569;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .5)}body.body--dark{--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-glass: rgba(30, 41, 59, .85);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-border: #475569;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .5)}:root{--gradient-primary: linear-gradient(135deg, #007AFF 0%, #5856D6 50%, #AF52DE 100%);--gradient-warm: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 50%, #FFC857 100%);--gradient-cool: linear-gradient(135deg, #00C9FF 0%, #92FE9D 100%);--gradient-sunset: linear-gradient(135deg, #F857A6 0%, #FF5858 100%);--gradient-ocean: linear-gradient(135deg, #667EEA 0%, #764BA2 100%)}.text-hero{font-size:56px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.text-h1{font-size:40px;font-weight:700;line-height:1.15;letter-spacing:-.015em}.text-h2{font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.text-h3{font-size:24px;font-weight:600;line-height:1.25}.text-gradient{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-warm{background:var(--gradient-warm);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cool{background:var(--gradient-cool);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-sunset{background:var(--gradient-sunset);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-ocean{background:var(--gradient-ocean);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-body{font-size:17px;font-weight:400;line-height:1.5}.text-caption{font-size:14px;font-weight:400;line-height:1.4;color:var(--color-text-secondary)}.text-small{font-size:12px;font-weight:400;line-height:1.4}.card-minimal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:none;box-shadow:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-minimal:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.glass-panel{background:var(--color-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.glass-card{background:var(--color-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.btn-minimal{padding:12px 32px;font-weight:500;letter-spacing:0;border-radius:var(--radius-md)}*:focus-visible{outline:none;box-shadow:0 0 0 4px #3b82f666;border-radius:var(--radius-sm)}.container-narrow{max-width:680px;margin:0 auto;padding:0 var(--space-lg)}.container-default{max-width:980px;margin:0 auto;padding:0 var(--space-lg)}.container-wide{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.section-hero{padding:var(--space-4xl) var(--space-lg)}.section-default{padding:var(--space-3xl) var(--space-lg)}@media(max-width:768px){.text-hero{font-size:40px}.text-h1{font-size:32px}.text-h2{font-size:24px}.section-hero{padding:var(--space-3xl) var(--space-md)}.section-default{padding:var(--space-2xl) var(--space-md)}}body.body--dark .q-field__control{background:#ffffff0d}body.body--dark .q-field--outlined .q-field__control:before{border-color:var(--color-border)}body.body--dark .q-field--outlined:hover .q-field__control:before{border-color:var(--color-text-secondary)}body.body--dark .q-field--outlined.q-field--focused .q-field__control:before{border-color:var(--color-primary)}body.body--dark .q-field__native,body.body--dark .q-field__input,body.body--dark .q-field__native[type=text],body.body--dark .q-field__native[type=textarea],body.body--dark textarea.q-field__native{color:var(--color-text-primary)!important;-webkit-text-fill-color:var(--color-text-primary)!important}body.body--dark .q-field__label{color:var(--color-text-secondary)!important}body.body--dark .q-field__native::placeholder,body.body--dark .q-field__input::placeholder,body.body--dark textarea.q-field__native::placeholder{color:var(--color-text-secondary)!important;-webkit-text-fill-color:var(--color-text-secondary)!important;opacity:.7}body.body--dark .q-field--outlined .q-field__native,body.body--dark .q-select .q-field__native{color:var(--color-text-primary)!important}body.body--dark .q-menu{background:var(--color-surface);border:1px solid var(--color-border)}body.body--dark .q-item{color:var(--color-text-primary)}body.body--dark .q-item__label{color:var(--color-text-primary)!important}body.body--dark .q-btn-toggle,body.body--dark .q-card{background:var(--color-surface)}body.body--dark .q-slider__track{background:var(--color-border)}body.body--dark ::selection{background:#60a5fa4d;color:var(--color-text-primary)}.tool-page{background-color:var(--color-bg);min-height:100vh}.page-container{max-width:980px;margin:0 auto;padding:48px 24px}.page-header{text-align:center;margin-bottom:24px}.header-icon{width:56px;height:56px;border-radius:12px;background:#3b82f61a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.page-title{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.page-description{font-size:17px;color:var(--color-text-secondary);margin:0}.guide-section{background:var(--color-surface);border-radius:16px;margin-bottom:32px;overflow:hidden}.guide-header{display:flex;align-items:center;gap:8px;padding:16px 24px;cursor:pointer;transition:background-color .2s ease}.guide-header:hover{background:#3b82f60d}.guide-title{flex:1;font-size:14px;font-weight:600;color:var(--color-text-primary)}.guide-content{padding:0 24px 24px}.guide-supported{font-size:14px;color:var(--color-text-secondary);margin:0 0 16px;padding:8px 16px;background:#3b82f60d;border-radius:12px;border-left:3px solid #3b82f6}.guide-steps{margin:0;padding-left:24px}.guide-steps li{font-size:14px;color:var(--color-text-secondary);margin-bottom:4px;line-height:1.6}.guide-steps li::marker{color:#3b82f6;font-weight:600}.drop-zone{position:relative;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:16px;padding:64px 32px;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;margin-bottom:16px}.drop-zone:hover{border-color:#3b82f6;background:#3b82f605}.drop-zone.has-file{border-style:solid;border-color:#3b82f6;padding:0;display:none}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon-wrapper{margin-bottom:16px}.drop-title{font-size:17px;font-weight:500;color:var(--color-text-primary);margin:0 0 4px}.drop-hint{font-size:14px;color:var(--color-text-secondary);margin:0}.drop-limit{font-size:12px;color:var(--color-text-secondary);margin:8px 0 0;opacity:.7}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.preview-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--color-bg)}.preview-image{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;top:0;right:0;padding:4px}.remove-btn{background:#00000080}.file-name{position:absolute;bottom:0;left:0;right:0;padding:4px;font-size:12px;color:#fff;background:#0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.converted-badge,.cleaned-badge{position:absolute;top:4px;left:4px;background:#fff;border-radius:50%}.file-count-info{text-align:center;font-size:14px;color:var(--color-text-secondary);margin-bottom:32px}.section-label,.result-label,.option-label{display:block;font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.result-item{background:var(--color-surface);border-radius:16px;overflow:hidden}.converted-image,.cleaned-image{width:100%;aspect-ratio:1;object-fit:contain;background:var(--color-bg)}.result-item-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.result-file-name{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:8px}@media(max-width:768px){.page-container{padding:32px 16px}.page-title{font-size:32px}.drop-zone{padding:48px 16px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.result-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.app-header[data-v-c0ae1ba3]{background:#fff6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);box-shadow:none}body.body--dark .app-header[data-v-c0ae1ba3]{background:#1e293b66}.header-toolbar[data-v-c0ae1ba3]{max-width:1200px;margin:0 auto;padding:0 24px;min-height:56px}.logo-link[data-v-c0ae1ba3]{text-decoration:none;display:flex;align-items:center}.logo-text[data-v-c0ae1ba3]{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);transition:opacity .2s ease}.logo-text[data-v-c0ae1ba3]:hover{opacity:.7}.nav-menu[data-v-c0ae1ba3]{display:flex;align-items:center;gap:4px;margin-left:24px}.nav-btn[data-v-c0ae1ba3]{font-size:17px;font-weight:500;color:var(--color-text-secondary);padding:4px 8px;border-radius:8px;transition:all .2s ease}.nav-btn[data-v-c0ae1ba3]:hover{color:var(--color-text-primary);background:var(--color-surface)}.nav-dropdown[data-v-c0ae1ba3]{border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 16px #0000001a;min-width:180px}body.body--dark .nav-dropdown[data-v-c0ae1ba3]{box-shadow:0 4px 16px #0000004d}.nav-item[data-v-c0ae1ba3]{font-size:17px;color:var(--color-text-primary);padding:8px 16px;transition:background .2s ease}.nav-item[data-v-c0ae1ba3]:hover{background:var(--color-border)}.lang-btn[data-v-c0ae1ba3]{min-width:44px;height:32px;padding:0 8px;border-radius:8px;transition:background .2s ease}.lang-btn[data-v-c0ae1ba3]:hover{background:var(--color-surface)}.lang-dropdown[data-v-c0ae1ba3]{border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 16px #0000001a;min-width:140px}body.body--dark .lang-dropdown[data-v-c0ae1ba3]{box-shadow:0 4px 16px #0000004d}.lang-item[data-v-c0ae1ba3]{font-size:17px;color:var(--color-text-primary);padding:8px 16px;transition:background .2s ease}.lang-item[data-v-c0ae1ba3]:hover{background:var(--color-border)}.lang-item-active[data-v-c0ae1ba3]{background:#3b82f61a;color:var(--color-primary)}.theme-btn[data-v-c0ae1ba3]{margin-right:8px;color:var(--color-text-primary);transition:color .2s ease}.theme-btn[data-v-c0ae1ba3]:hover{color:var(--color-primary)}.lang-label[data-v-c0ae1ba3]{font-size:14px;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em}.desktop-only[data-v-c0ae1ba3]{display:flex}@media(max-width:768px){.desktop-only[data-v-c0ae1ba3]{display:none}}.mobile-only[data-v-c0ae1ba3]{display:none}@media(max-width:768px){.mobile-only[data-v-c0ae1ba3]{display:flex}}.mobile-menu-btn[data-v-c0ae1ba3]{color:var(--color-text-primary);margin-left:8px}.mobile-drawer[data-v-c0ae1ba3]{background:var(--color-surface)}.mobile-drawer-header[data-v-c0ae1ba3]{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border)}.mobile-drawer-title[data-v-c0ae1ba3]{font-size:24px;font-weight:600;color:var(--color-text-primary)}.mobile-menu-group[data-v-c0ae1ba3]{font-weight:500;color:var(--color-text-primary)}.mobile-menu-item[data-v-c0ae1ba3]{padding-left:48px;color:var(--color-text-secondary);transition:background .2s ease}.mobile-menu-item[data-v-c0ae1ba3]:hover{background:var(--color-border);color:var(--color-text-primary)}.app-footer[data-v-a5b287cd]{background:var(--color-surface);border-top:1px solid var(--color-border);padding:24px 16px;text-align:center}.policy-links[data-v-a5b287cd]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.policy-link[data-v-a5b287cd]{color:var(--color-text-secondary);text-decoration:none;font-size:14px;transition:color .3s ease}.policy-link[data-v-a5b287cd]:hover{color:var(--color-primary)}.separator[data-v-a5b287cd]{color:var(--color-border);opacity:.5}.footer-content[data-v-a5b287cd]{color:var(--color-text-secondary);font-size:14px}.footer-copyright[data-v-a5b287cd]{color:var(--color-text-secondary);font-size:12px;margin-top:4px;opacity:.7}@media(max-width:600px){.policy-links[data-v-a5b287cd]{flex-direction:column;gap:0}.separator[data-v-a5b287cd]{display:none}.policy-link[data-v-a5b287cd]{display:block;padding:4px 0}}