@charset "UTF-8";.tool-page[data-v-9bdcc192]{background:var(--color-bg);background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%201200%20800'%20preserveAspectRatio='xMidYMid%20slice'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='ocean-gradient'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23667eea'%20stop-opacity='0.25'%20/%3e%3cstop%20offset='50%25'%20stop-color='%23764ba2'%20stop-opacity='0.18'%20/%3e%3cstop%20offset='100%25'%20stop-color='%236b8dd6'%20stop-opacity='0.12'%20/%3e%3c/linearGradient%3e%3cfilter%20id='ocean-blur'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20in='SourceGraphic'%20stdDeviation='60'%20/%3e%3c/filter%3e%3c/defs%3e%3cellipse%20cx='650'%20cy='280'%20rx='400'%20ry='280'%20fill='url(%23ocean-gradient)'%20filter='url(%23ocean-blur)'%20/%3e%3cellipse%20cx='900'%20cy='180'%20rx='250'%20ry='180'%20fill='%23667eea'%20fill-opacity='0.12'%20filter='url(%23ocean-blur)'%20/%3e%3cellipse%20cx='300'%20cy='450'%20rx='220'%20ry='160'%20fill='%23764ba2'%20fill-opacity='0.10'%20filter='url(%23ocean-blur)'%20/%3e%3cellipse%20cx='850'%20cy='550'%20rx='180'%20ry='130'%20fill='%236b8dd6'%20fill-opacity='0.08'%20filter='url(%23ocean-blur)'%20/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center top;background-size:100% auto;min-height:100vh}.page-container[data-v-9bdcc192]{max-width:980px;margin:0 auto;padding:48px 24px}.page-header[data-v-9bdcc192]{text-align:center;margin-bottom:24px}.header-icon[data-v-9bdcc192]{width:56px;height:56px;border-radius:12px;background:#3b82f61a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.page-title[data-v-9bdcc192]{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.page-description[data-v-9bdcc192]{font-size:17px;color:var(--color-text-secondary);margin:0}.guide-section[data-v-9bdcc192]{background:var(--color-surface);border-radius:16px;margin-bottom:32px;overflow:hidden}.guide-header[data-v-9bdcc192]{display:flex;align-items:center;gap:8px;padding:16px 24px;cursor:pointer;transition:background-color .2s ease}.guide-header[data-v-9bdcc192]:hover{background:#3b82f60d}.guide-title[data-v-9bdcc192]{flex:1;font-size:14px;font-weight:600;color:var(--color-text-primary)}.guide-content[data-v-9bdcc192]{padding:0 24px 24px}.guide-supported[data-v-9bdcc192]{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[data-v-9bdcc192]{margin:0;padding-left:24px}.guide-steps li[data-v-9bdcc192]{font-size:14px;color:var(--color-text-secondary);margin-bottom:4px;line-height:1.6}.guide-steps li[data-v-9bdcc192]::marker{color:#3b82f6;font-weight:600}.mode-toggle[data-v-9bdcc192],.direction-toggle[data-v-9bdcc192]{display:flex;justify-content:center;margin-bottom:32px}.input-section[data-v-9bdcc192],.output-section[data-v-9bdcc192]{margin-bottom:24px}.text-input[data-v-9bdcc192] .q-field__control,.text-output[data-v-9bdcc192] .q-field__control{border-radius:12px}.text-input[data-v-9bdcc192] textarea,.text-output[data-v-9bdcc192] textarea{min-height:120px;font-family:monospace}.output-header[data-v-9bdcc192]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.output-label[data-v-9bdcc192]{font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase}.actions-row[data-v-9bdcc192]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.action-btn[data-v-9bdcc192]{border-radius:12px;padding:8px 24px}.error-message[data-v-9bdcc192]{display:flex;align-items:center;gap:8px;padding:16px;background:#f443361a;border-radius:12px;color:#c62828;font-size:14px}.drop-zone[data-v-9bdcc192]{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:32px}.drop-zone[data-v-9bdcc192]:hover{border-color:#3b82f6;background:#3b82f605}.drop-zone.has-file[data-v-9bdcc192]{border-style:solid;border-color:#3b82f6;padding:24px;cursor:default}.file-input[data-v-9bdcc192]{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon-wrapper[data-v-9bdcc192]{margin-bottom:16px}.drop-title[data-v-9bdcc192]{font-size:17px;font-weight:500;color:var(--color-text-primary);margin:0 0 4px}.drop-hint[data-v-9bdcc192]{font-size:14px;color:var(--color-text-secondary);margin:0}.drop-limit[data-v-9bdcc192]{font-size:12px;color:var(--color-text-secondary);margin:8px 0 0;opacity:.7}.file-info[data-v-9bdcc192]{display:flex;align-items:center;gap:16px;text-align:left}.file-details[data-v-9bdcc192]{flex:1}.file-name[data-v-9bdcc192]{font-size:17px;font-weight:500;color:var(--color-text-primary);margin:0 0 4px;word-break:break-all}.file-size[data-v-9bdcc192]{font-size:14px;color:var(--color-text-secondary);margin:0}.filename-input[data-v-9bdcc192]{margin-bottom:24px}.filename-field[data-v-9bdcc192] .q-field__control{border-radius:12px}@media(max-width:768px){.page-container[data-v-9bdcc192]{padding:32px 16px}.page-title[data-v-9bdcc192]{font-size:32px}.drop-zone[data-v-9bdcc192]{padding:48px 16px}}