:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-bg: #ffffff;--color-surface: #f9fafb;--color-border: #e5e7eb;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .5rem;--radius-md: .75rem}@media (prefers-color-scheme: dark){:root{--color-primary: #3b82f6;--color-primary-dark: #60a5fa;--color-success: #34d399;--color-danger: #f87171;--color-warning: #fbbf24;--color-info: #60a5fa;--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-border: #2a2a2a;--color-text: #f3f4f6;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280}.app-nav{background:#1a1a1afa;box-shadow:0 -2px 12px #0000004d}.app-header{background:var(--color-bg);border-bottom-color:var(--color-border)}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],textarea{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=tel]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,textarea::placeholder{color:var(--color-text-muted)}button{color:var(--color-text)}.sticky-image-preview{background:var(--color-bg);border-bottom-color:var(--color-border)}.lightbox{background:#000000f2}.onboarding__overlay{background:#000000d9}.onboarding__tooltip{background:var(--color-surface);color:var(--color-text)}.progress-indicator{background:var(--color-surface);border-color:var(--color-border)}.progress-indicator__thumbnail{border-color:var(--color-border);background:var(--color-bg)}.queue-overview{background:var(--color-surface)}.queue-overview__item{background:var(--color-bg);border-color:var(--color-border)}.collapsible-section{background:var(--color-surface);border-color:var(--color-border)}.collapsible-section__help-content{color:var(--color-text-secondary)}.empty-state__illustration svg [fill="#f3f4f6"]{fill:#374151}.empty-state__illustration svg [fill="#f9fafb"]{fill:#4b5563}.empty-state__illustration svg [stroke="#d1d5db"]{stroke:#6b7280}.empty-state__illustration svg [stroke="#9ca3af"]{stroke:#9ca3af}}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-dark: #60a5fa;--color-success: #34d399;--color-danger: #f87171;--color-warning: #fbbf24;--color-info: #60a5fa;--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-border: #2a2a2a;--color-text: #f3f4f6;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280}[data-theme=light]{--color-bg: #ffffff;--color-surface: #f9fafb;--color-border: #e5e7eb;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang TC,Microsoft JhengHei,Arial,sans-serif;-webkit-text-size-adjust:100%}#app{max-width:640px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);position:relative}.app-header{order:1;position:sticky;top:0;z-index:10;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:env(safe-area-inset-top) var(--space-md) 0;display:flex;align-items:center;min-height:52px;max-height:56px}.app-header h1{font-size:24px;line-height:1.2;font-weight:700;color:var(--color-text);margin:var(--space-sm) 0}.app-notice-region{order:2;padding:var(--space-md) var(--space-md) 0}.app-nav{order:4;display:flex;background:#fffffffa;border-top:1px solid var(--color-border);border-bottom:none;position:sticky;bottom:0;z-index:12;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 12px #1118270f}.app-nav button{flex:1;border:none;background:none;padding:var(--space-sm) var(--space-xs);font-size:12px;line-height:1.3;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-top:3px solid transparent;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:color .15s ease-out,border-color .15s ease-out,background .15s ease-out}.app-nav__icon{display:inline-flex}.app-nav__icon svg{width:22px;height:22px}.app-nav button.is-active{color:var(--color-primary);border-top-color:var(--color-primary);background:#eff6ff;font-weight:600}.app-main{order:3;flex:1;padding:var(--space-md);padding-bottom:calc(var(--space-xl) + 56px)}@media (min-width: 640px){.app-notice-region{padding:var(--space-lg) var(--space-lg) 0}.app-main{padding:var(--space-lg);padding-bottom:calc(var(--space-xl) + 56px)}}button{font-family:inherit}.capture-view__capture,.capture-view__finish,.editor-view__save,.export-view__export{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:.625rem 1.25rem;font-size:16px;font-weight:500;min-height:44px;cursor:pointer;transition:background .15s ease-out}.capture-view__capture:hover,.capture-view__finish:hover,.editor-view__save:hover,.export-view__export:hover{background:var(--color-primary-dark)}.capture-view__finish{background:var(--color-success)}.capture-view__finish:hover{background:#0c9a6d}.capture-view__pick,.export-view__import,.settings-view__link{display:inline-flex;align-items:center;background:transparent;color:#374151;border:1px solid #d1d5db;border-radius:var(--radius-sm);padding:.625rem 1.25rem;min-height:44px;cursor:pointer;font-size:15px;text-decoration:none}.editor-view__remove{background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-sm);padding:.625rem 1.25rem;min-height:44px;cursor:pointer;font-weight:500}.editor-view__remove:hover{background:#dc2626}.editor-view__add{background:transparent;border:1px dashed #d1d5db;color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;min-height:44px}.capture-view__controls,.editor-view__images,.detail-view__image-section{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin:var(--space-md) 0}.capture-view__controls{justify-content:center;padding:var(--space-sm) 0}.capture-view__capture{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:999px;border:3px solid var(--color-primary);background:#fff;color:var(--color-primary);padding:.25rem;box-shadow:0 4px 12px #2563eb2e}.capture-view__capture:hover{background:#eff6ff;color:var(--color-primary-dark)}.capture-view__captured{position:relative;border-radius:var(--radius-md);overflow:hidden;background:#000}.capture-view__preview,.selectable-image{max-width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#000}.capture-view__preview{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;border-radius:0;border:none}.selectable-image{max-height:40vh}.capture-view__guide{position:absolute;top:8%;right:6%;bottom:8%;left:6%;pointer-events:none;border-radius:var(--radius-sm);background:linear-gradient(to right,rgba(255,255,255,.9) 3px,transparent 3px) 0 0 / 24px 3px no-repeat,linear-gradient(to right,rgba(255,255,255,.9) 3px,transparent 3px) 0 100% / 24px 3px no-repeat,linear-gradient(to left,rgba(255,255,255,.9) 3px,transparent 3px) 100% 0 / 24px 3px no-repeat,linear-gradient(to left,rgba(255,255,255,.9) 3px,transparent 3px) 100% 100% / 24px 3px no-repeat,linear-gradient(to bottom,rgba(255,255,255,.9) 3px,transparent 3px) 0 0 / 3px 24px no-repeat,linear-gradient(to bottom,rgba(255,255,255,.9) 3px,transparent 3px) 100% 0 / 3px 24px no-repeat,linear-gradient(to top,rgba(255,255,255,.9) 3px,transparent 3px) 0 100% / 3px 24px no-repeat,linear-gradient(to top,rgba(255,255,255,.9) 3px,transparent 3px) 100% 100% / 3px 24px no-repeat}.capture-view__queue{display:flex;gap:var(--space-sm);overflow-x:auto;padding:var(--space-sm) 0}.capture-view__queue-item{position:relative;flex:0 0 auto;width:72px}.capture-view__queue-thumb{width:72px;height:96px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);max-height:none}.capture-view__queue-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:var(--color-danger);color:#fff;font-size:14px;line-height:1;cursor:pointer}.capture-view__message,.export-view__message{background:#fff7ed;border:1px solid var(--color-warning);border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);padding:var(--space-md);margin-top:var(--space-md);color:#92400e;font-size:14px}.capture-view__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.export-view__message--error{background:#fef2f2;border-color:var(--color-danger);border-left-color:var(--color-danger);color:#991b1b}.editor-view__warning{background:#fff7ed;border:1px solid var(--color-warning);border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);padding:var(--space-md);margin:0 0 var(--space-md);color:#92400e;font-size:14px}.editor-view__warning strong{display:block;margin-bottom:var(--space-xs);color:#78350f}.editor-view__warning p{margin:0;line-height:1.5}.editor-view__field,.editor-view__multi{display:block;margin:0 0 var(--space-md);border:none;padding:0}.editor-view__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:var(--space-xs)}.editor-view__input{width:100%;padding:.625rem .875rem;font-size:16px;color:var(--color-text);border:1px solid #d1d5db;border-radius:var(--radius-sm);background:#fff;min-height:44px;transition:border-color .15s ease-out,box-shadow .15s ease-out}.editor-view__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.editor-view__input::placeholder{color:var(--color-text-muted)}.editor-view__multi{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.editor-view__multi-item{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.list-view__search{width:100%;padding:.625rem .875rem;font-size:16px;border:1px solid #d1d5db;border-radius:var(--radius-sm);margin-bottom:var(--space-md);min-height:44px}.list-view__search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.list-view__items{list-style:none;margin:0;padding:0}.list-view__item{margin-bottom:var(--space-sm)}.list-view__item-button{width:100%;text-align:left;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:var(--space-sm) var(--space-md);cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:var(--space-md);min-height:64px;transition:transform .15s ease-out,box-shadow .15s ease-out}.list-view__item-button:hover{box-shadow:0 2px 8px #2563eb1f;transform:translateY(-1px)}.list-view__thumb{flex:0 0 auto;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.list-view__thumb-img{width:100%;height:100%;object-fit:cover;max-height:none;border:none;border-radius:0}.list-view__thumb-placeholder{font-size:20px;font-weight:600;color:var(--color-primary)}.list-view__item-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.list-view__item-name{font-size:16px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-view__item-company{font-size:14px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-view__item-contact{font-size:13px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-view__item-chevron{flex:0 0 auto;color:var(--color-text-muted);font-size:22px;line-height:1}.list-view__empty{list-style:none;color:var(--color-text-secondary);text-align:center;padding:var(--space-xl) var(--space-lg);font-size:15px;line-height:1.5;background:var(--color-surface);border:1px dashed #d1d5db;border-radius:var(--radius-md)}.detail-view__fields{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:var(--space-md);margin:0}.detail-view__field-label{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-sm)}.detail-view__field-value{margin:0 0 var(--space-xs);font-size:16px;color:var(--color-text)}.detail-view__toggle{background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;min-height:44px}.export-view__format{width:100%;padding:.625rem .875rem;font-size:16px;border:1px solid #d1d5db;border-radius:var(--radius-sm);margin-bottom:var(--space-md);min-height:44px}.export-view__selection-item{display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-sm) 0;min-height:44px}.export-view__hint{color:var(--color-text-secondary);font-size:14px}.export-view__export{margin:var(--space-md) 0}.settings-view{display:flex;flex-direction:column;gap:var(--space-md)}.settings-view__description{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.settings-view__engine-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-sm)}.settings-view__engine-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:15px;min-height:56px;background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.settings-view__engine-option:has(input:checked){border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.settings-view__link{margin-top:var(--space-sm);font-size:14px;color:var(--color-primary);border:none;padding:0;min-height:44px}.risk-notice{background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid var(--color-info);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:var(--space-md);margin:0}.risk-notice[hidden]{display:none}.risk-notice__title{margin:0 0 var(--space-sm);font-size:18px;line-height:1.3;font-weight:600;color:var(--color-text)}.risk-notice__message{margin:0 0 var(--space-md);color:#374151;line-height:1.6;font-size:14px}.risk-notice__confirm{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border:none;padding:.625rem 1.25rem;font-size:16px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:background .15s ease-out}.risk-notice__confirm:hover{background:var(--color-primary-dark)}.section-title{font-size:14px;font-weight:500;color:var(--color-text-secondary);margin:var(--space-xs) 0 var(--space-md)}.toast{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:999px;font-size:14px;z-index:200;opacity:0;transition:opacity .15s ease-out;pointer-events:none}.toast.is-visible{opacity:1}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}.progress-indicator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-md) 0;box-shadow:0 1px 3px #0000001a}.progress-indicator__thumbnail-container{display:flex;justify-content:center;margin-bottom:var(--space-md)}.progress-indicator__thumbnail{width:120px;height:160px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-bg)}.progress-indicator__status{text-align:center;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-md);min-height:1.5em}.progress-indicator__status--failed{color:var(--color-danger)}.progress-indicator__status--completed{color:var(--color-success)}.progress-indicator__steps{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);position:relative}.progress-indicator__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress-indicator__step:before{content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:var(--color-border);z-index:0}.progress-indicator__step:first-child:before{display:none}.progress-indicator__step-icon{width:28px;height:28px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.75rem;z-index:1;position:relative;transition:all .15s ease-out}.progress-indicator__step-label{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-xs);text-align:center;transition:color .15s ease-out}.progress-indicator__step--completed .progress-indicator__step-icon{background:var(--color-success);border-color:var(--color-success)}.progress-indicator__step--completed .progress-indicator__step-label{color:var(--color-success)}.progress-indicator__step--completed:before{background:var(--color-success)}.progress-indicator__step--active .progress-indicator__step-icon{background:var(--color-primary);border-color:var(--color-primary);animation:pulse 1.5s ease-in-out infinite}.progress-indicator__step--active .progress-indicator__step-label{color:var(--color-primary);font-weight:500}.progress-indicator__step--failed .progress-indicator__step-icon{background:var(--color-danger);border-color:var(--color-danger)}.progress-indicator__step--failed .progress-indicator__step-label{color:var(--color-danger)}@keyframes pulse{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 8px #2563eb00}}@media (prefers-reduced-motion: reduce){.progress-indicator__step--active .progress-indicator__step-icon{animation:none}.progress-indicator__step-icon,.progress-indicator__step-label{transition:none}}.progress-indicator__progress-container{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:var(--space-md)}.progress-indicator__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-info));border-radius:2px;transition:width .3s ease-out;min-width:0}.progress-indicator__actions{display:flex;gap:var(--space-sm);justify-content:center}.progress-indicator__btn{padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;border:none;min-height:44px;min-width:80px;transition:all .15s ease-out}.progress-indicator__btn--primary{background:var(--color-primary);color:#fff}.progress-indicator__btn--primary:hover{background:var(--color-primary-dark)}.progress-indicator__btn--secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.progress-indicator__btn--secondary:hover{background:var(--color-surface)}.progress-indicator__btn--cancel{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.progress-indicator__btn--cancel:hover{background:#ef44441a}.queue-overview{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.queue-overview__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.queue-overview__item--processing{border-color:var(--color-primary)}.queue-overview__item--completed{border-color:var(--color-success)}.queue-overview__item--failed{border-color:var(--color-danger)}.queue-overview__thumb{width:48px;height:64px;object-fit:cover;border-radius:4px;flex-shrink:0}.queue-overview__info{flex:1;min-width:0}.queue-overview__status{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.queue-overview__bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.queue-overview__bar:after{content:"";display:block;height:100%;width:var(--progress, 0%);background:var(--color-primary);border-radius:2px;transition:width .3s ease-out}.queue-overview__item--completed .queue-overview__bar:after{background:var(--color-success)}.queue-overview__item--failed .queue-overview__bar:after{background:var(--color-danger)}.capture-view__queue{display:flex;gap:var(--space-sm);padding:var(--space-sm);overflow-x:auto;background:var(--color-surface);border-top:1px solid var(--color-border)}.capture-view__queue-item{position:relative;flex-shrink:0}.capture-view__queue-thumb{width:72px;height:96px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--color-border)}.capture-view__queue-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--color-danger);color:#fff;border:none;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.capture-view__queue-remove:hover{background:#dc2626}.capture-view__finish{background:var(--color-success);color:#fff;margin-left:auto}.capture-view__finish:hover{background:#059669}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:auto}.onboarding__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.onboarding__spotlight{position:absolute;border-radius:var(--radius-md);box-shadow:0 0 0 4px #2563eb80,0 0 0 9999px #000000bf;pointer-events:none;animation:spotlight-pulse 2s ease-in-out infinite}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 4px #2563eb80,0 0 0 9999px #000000bf}50%{box-shadow:0 0 0 8px #2563eb4d,0 0 0 9999px #000000bf}}@media (prefers-reduced-motion: reduce){.onboarding__spotlight{animation:none}}.onboarding__tooltip{position:absolute;background:#fff;border-radius:var(--radius-md);padding:var(--space-lg);max-width:360px;width:calc(100vw - var(--space-md) * 2);box-shadow:0 20px 50px #0000004d}.onboarding__tooltip--center{top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding__step-indicator{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.onboarding__title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-sm);line-height:1.3}.onboarding__description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-md)}.onboarding__image{display:flex;justify-content:center;margin:var(--space-md) 0}.onboarding__image img,.onboarding__image svg{max-width:200px;max-height:150px;width:100%;height:auto}.onboarding__actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.onboarding__btn{padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;border:none;min-height:44px;transition:all .15s ease-out}.onboarding__btn--primary{background:var(--color-primary);color:#fff}.onboarding__btn--primary:hover{background:var(--color-primary-dark)}.onboarding__btn--secondary{background:transparent;color:var(--color-text-secondary)}.onboarding__btn--secondary:hover{background:var(--color-surface)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);text-align:center;min-height:400px}.empty-state__illustration{width:120px;height:100px;margin-bottom:var(--space-lg)}.empty-state__illustration svg{width:100%;height:100%}.empty-state__title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-sm)}.empty-state__subtitle{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-lg);max-width:280px}.empty-state__cta{background:var(--color-primary);color:#fff;border:none;padding:.875rem 2rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s ease-out;min-height:48px}.empty-state__cta:hover{background:var(--color-primary-dark)}.empty-state__cta:active{transform:scale(.98)}.empty-state__secondary{background:transparent;color:var(--color-text-secondary);border:none;padding:var(--space-sm) var(--space-md);font-size:.875rem;cursor:pointer;margin-top:var(--space-sm);text-decoration:underline}.empty-state__secondary:hover{color:var(--color-text)}@media (prefers-color-scheme: dark){.empty-state__illustration svg [fill="#f3f4f6"]{fill:#374151}.empty-state__illustration svg [fill="#f9fafb"]{fill:#4b5563}.empty-state__illustration svg [stroke="#d1d5db"]{stroke:#6b7280}.empty-state__illustration svg [stroke="#9ca3af"]{stroke:#9ca3af}}.collapsible-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.collapsible-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);cursor:pointer;background:transparent;transition:background .15s ease-out}.collapsible-section__header:hover{background:#00000005}.collapsible-section__header--expanded{border-bottom:1px solid var(--color-border)}.collapsible-section__title{font-size:.9375rem;font-weight:500;color:var(--color-text);margin:0}.collapsible-section__toggle{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.75rem;transition:all .15s ease-out}.collapsible-section__toggle:hover{background:#0000000d}.collapsible-section__toggle[aria-expanded=true]{transform:rotate(0)}.collapsible-section__content{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out}.collapsible-section__content--expanded{opacity:1}.collapsible-section__help-content{padding:var(--space-md)}.collapsible-section__help-content h4{font-size:.875rem;font-weight:600;color:var(--color-text);margin:var(--space-md) 0 var(--space-sm)}.collapsible-section__help-content h4:first-child{margin-top:0}.collapsible-section__help-content p{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary);margin:0 0 var(--space-sm)}.collapsible-section__help-content ul,.collapsible-section__help-content ol{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary);padding-left:1.25rem;margin:0 0 var(--space-sm)}.collapsible-section__help-content li{margin-bottom:var(--space-xs)}.collapsible-section__help-content a{color:var(--color-primary);text-decoration:none}.collapsible-section__help-content a:hover{text-decoration:underline}.collapsible-section__note{background:#2563eb0d;border-left:3px solid var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:var(--space-md)!important}@media (prefers-reduced-motion: reduce){.collapsible-section__content,.collapsible-section__toggle{transition:none}}.sticky-image-preview{position:sticky;top:56px;z-index:5;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-md);margin:calc(var(--space-md) * -1) calc(var(--space-md) * -1) var(--space-md)}.sticky-image-preview__container{display:flex;justify-content:center;align-items:center;min-height:150px;max-height:200px}.sticky-image-preview__image{max-height:180px;max-width:100%;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out}.sticky-image-preview__image:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.sticky-image-preview__image:active{transform:scale(.98)}.sticky-image-preview__placeholder{display:flex;align-items:center;justify-content:center;width:240px;height:150px;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.875rem}.sticky-image-preview__toggle{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-sm)}.sticky-image-preview__side-btn{padding:.5rem 1rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all .15s ease-out;min-height:36px;min-width:64px}.sticky-image-preview__side-btn:hover{background:var(--color-bg)}.sticky-image-preview__side-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sticky-image-preview__side-btn--active:hover{background:var(--color-primary-dark)}.sticky-image-preview__hint{text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.lightbox__close{position:absolute;top:var(--space-md);right:var(--space-md);width:44px;height:44px;border:none;background:#ffffff1a;color:#fff;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease-out}.lightbox__close:hover{background:#fff3}.lightbox__image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080;user-select:text;-webkit-user-select:text}@media (prefers-reduced-motion: reduce){.sticky-image-preview__image{transition:none}}.theme-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.theme-toggle__label{font-size:.875rem;font-weight:500;color:var(--color-text);white-space:nowrap}.theme-toggle__buttons{display:flex;gap:var(--space-xs)}.theme-toggle__btn{display:flex;align-items:center;gap:4px;padding:.5rem .75rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:.8125rem;cursor:pointer;transition:all .15s ease-out;min-height:36px}.theme-toggle__btn:hover{border-color:var(--color-primary);color:var(--color-text)}.theme-toggle__btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.theme-toggle__btn--active:hover{background:var(--color-primary-dark)}html{transition:background-color .2s ease-out,color .2s ease-out}html *{transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}@media (prefers-reduced-motion: reduce){html,html *{transition:none}}.app-queue-container{position:sticky;top:56px;z-index:8;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);max-height:200px;overflow-y:auto}.editor-wrapper{display:flex;flex-direction:column;height:100%}.settings-wrapper{padding:var(--space-md);max-width:640px;margin:0 auto}.settings-wrapper>hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}.progress-indicator{position:fixed;bottom:calc(56px + env(safe-area-inset-bottom));left:var(--space-md);right:var(--space-md);z-index:15;max-width:640px;margin:0 auto}@media (prefers-color-scheme: dark){.app-queue-container{background:var(--color-bg);border-bottom-color:var(--color-border)}}.ios-live-text-helper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-md) 0}.ios-live-text-helper__content{display:flex;flex-direction:column;gap:var(--space-md)}.ios-live-text-helper__content h3{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0}.ios-live-text-helper__content ol{margin:0;padding-left:1.5rem;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.ios-live-text-helper__content li{margin-bottom:var(--space-xs)}.ios-live-text-helper__tip{background:#eff6ff;border-left:3px solid var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;color:var(--color-text);margin:0}.ios-live-text-helper__image{display:flex;justify-content:center;padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.ios-live-text-helper__image img{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-sm);user-select:text;-webkit-user-select:text}.settings-view__ios-notice,.settings-view__auto-notice{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm)}.settings-view__ios-notice .settings-view__hint,.settings-view__auto-notice .settings-view__hint{margin:0;color:#065f46}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading-overlay__content{background:#fff;border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;max-width:320px;width:calc(100vw - var(--space-lg) * 2);box-shadow:0 20px 50px #0000004d;animation:slide-up .2s ease-out}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-overlay__spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--space-md);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay__message{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.loading-overlay__sub-message{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.loading-overlay__cancel{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9375rem;cursor:pointer;transition:all .15s ease-out;min-height:44px}.loading-overlay__cancel:hover{background:var(--color-surface);color:var(--color-text)}@media (prefers-reduced-motion: reduce){.loading-overlay,.loading-overlay__content,.loading-overlay__spinner{animation:none}}.editor-view__actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.editor-view__batch-info{text-align:center;font-size:.875rem;color:var(--color-text-secondary);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.editor-view__save--batch{background:var(--color-success);color:#fff;font-weight:600}.editor-view__save--batch:hover{background:#059669}.editor-view__save--primary{background:var(--color-primary);color:#fff}.editor-view__skip{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9375rem;cursor:pointer;transition:all .15s ease-out;min-height:44px}.editor-view__skip:hover{background:var(--color-surface);color:var(--color-text)}