:root{--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--gray-0: #ffffff;--gray-50: #fafaf9;--gray-100: #f5f5f4;--gray-150: #eeede9;--gray-200: #e7e5e4;--gray-300: #d6d3d1;--gray-400: #a8a29e;--gray-500: #78716c;--gray-600: #57534e;--gray-700: #44403c;--gray-800: #292524;--gray-900: #1c1917;--bg-page: var(--gray-50);--bg-surface: var(--gray-0);--bg-elevated: var(--gray-0);--bg-subtle: var(--gray-100);--bg-muted: var(--gray-150);--border-light: var(--gray-200);--border-default: var(--gray-300);--border-strong: var(--gray-400);--border-accent: var(--orange-400);--border-focus: var(--orange-500);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-muted: var(--gray-400);--text-inverse: var(--gray-0);--text-accent: var(--orange-600);--accent: var(--orange-500);--accent-light: var(--orange-50);--accent-hover: var(--orange-600);--accent-active: var(--orange-700);--accent-glow: rgba(249, 115, 22, .18);--success-bg: #f0fdf4;--success-border: #bbf7d0;--success-text: #15803d;--error-bg: #fef2f2;--error-border: #fecaca;--error-text: #dc2626;--warning-bg: var(--orange-50);--warning-border: var(--orange-200);--warning-text: var(--orange-700);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 24px;--r-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", var(--font-sans);--font-mono: "Fira Code", "JetBrains Mono", monospace;--shadow-xs: 0 1px 2px rgba(28, 25, 23, .06);--shadow-sm: 0 1px 4px rgba(28, 25, 23, .08), 0 1px 2px rgba(28, 25, 23, .04);--shadow-md: 0 4px 12px rgba(28, 25, 23, .08), 0 2px 4px rgba(28, 25, 23, .05);--shadow-lg: 0 8px 24px rgba(28, 25, 23, .1), 0 4px 8px rgba(28, 25, 23, .06);--shadow-xl: 0 16px 40px rgba(28, 25, 23, .12), 0 6px 12px rgba(28, 25, 23, .07);--shadow-orange: 0 4px 16px rgba(249, 115, 22, .28), 0 1px 4px rgba(249, 115, 22, .15);--shadow-orange-lg: 0 8px 28px rgba(249, 115, 22, .32);--t-fast: .12s ease;--t-base: .2s ease;--t-slow: .32s ease;--t-spring: .26s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}pre,code{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--sp-6)}.header{position:sticky;top:0;z-index:200;background:#ffffffeb;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:60px}.header__brand{display:flex;align-items:center;gap:var(--sp-3)}.header__logo{width:36px;height:36px;border-radius:var(--r-md);background:linear-gradient(140deg,var(--orange-400) 0%,var(--orange-600) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-orange);flex-shrink:0}.header__title-group{display:flex;flex-direction:column;line-height:1.15}.header__title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.header__subtitle{font-size:.68rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em}.header__badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-full);background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);font-size:.7rem;font-weight:600;letter-spacing:.01em}.header__badge svg{animation:blink 2.4s ease-in-out infinite}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-full);font-size:.66rem;font-weight:700;border:1px solid transparent;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border-radius:var(--r-md);font-weight:600;letter-spacing:.01em;transition:all var(--t-base);outline:none;white-space:nowrap;position:relative;line-height:1}.btn:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--sm{padding:7px 14px;font-size:.8rem}.btn--md{padding:10px 18px;font-size:.875rem}.btn--lg{padding:13px 28px;font-size:.95rem}.btn--primary{background:linear-gradient(140deg,var(--orange-500) 0%,var(--orange-600) 100%);color:#fff;box-shadow:var(--shadow-orange);border:1px solid var(--orange-600)}.btn--primary:hover{background:linear-gradient(140deg,var(--orange-400) 0%,var(--orange-500) 100%);box-shadow:var(--shadow-orange-lg);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0);box-shadow:var(--shadow-orange)}.btn--secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}.btn--secondary:hover{border-color:var(--border-accent);color:var(--text-accent);background:var(--orange-50);box-shadow:var(--shadow-sm)}.btn--ghost{background:transparent;color:var(--text-tertiary)}.btn--ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn--danger{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.btn--danger:hover{background:#fee2e2;border-color:#fca5a5}.btn__icon{display:flex;align-items:center;flex-shrink:0}.btn__spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}.toast-container{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:9999;display:flex;flex-direction:column;gap:var(--sp-2)}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:12px 16px;border-radius:var(--r-lg);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-xl);animation:slideUp .22s var(--t-spring);background:var(--bg-surface);border:1px solid var(--border-light);min-width:260px;max-width:360px}.toast--success{border-left:3px solid var(--success-text)}.toast--success .toast__icon{color:var(--success-text)}.toast--error{border-left:3px solid var(--error-text)}.toast--error .toast__icon{color:var(--error-text)}.toast__icon{display:flex;flex-shrink:0}.toast__message{flex:1;color:var(--text-primary);line-height:1.4}.toast__close{display:flex;padding:2px;border-radius:var(--r-xs);color:var(--text-muted);transition:color var(--t-fast);flex-shrink:0}.toast__close:hover{color:var(--text-primary)}.page-hero{padding:var(--sp-10) 0 var(--sp-6)}.page-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px 12px;border-radius:var(--r-full);background:var(--orange-50);border:1px solid var(--orange-200);color:var(--orange-700);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--sp-4)}.page-hero__title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--sp-3)}.page-hero__title em{font-style:normal;background:linear-gradient(135deg,var(--orange-500) 0%,var(--orange-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero__desc{font-size:.925rem;color:var(--text-secondary);max-width:540px;line-height:1.65}.section-label{display:flex;align-items:center;gap:var(--sp-2);font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--sp-3)}.section-label:after{content:"";flex:1;height:1px;background:var(--border-light)}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.mode-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-3);border-radius:var(--r-xl);border:1.5px solid var(--border-light);background:var(--bg-surface);text-align:left;transition:all var(--t-base);box-shadow:var(--shadow-xs);cursor:pointer;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(140deg,rgba(249,115,22,.05) 0%,transparent 60%);opacity:0;transition:opacity var(--t-base)}.mode-card:hover:not(:disabled){border-color:var(--orange-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mode-card:hover:before{opacity:1}.mode-card--active{border-color:var(--orange-400)!important;background:var(--orange-50)!important;box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-md)!important}.mode-card--active:before{opacity:1!important}.mode-card:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mode-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.mode-card__name{font-size:.9rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.mode-card--active .mode-card__name{color:var(--orange-700)}.mode-card__badges{display:flex;gap:4px;flex-wrap:wrap}.mode-card__desc{font-size:.75rem;color:var(--text-tertiary);line-height:1.45}.mode-card__indicator{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange-400),var(--orange-600));border-radius:var(--r-xl) var(--r-xl) 0 0}.mode-card__radio{position:absolute;top:var(--sp-4);right:var(--sp-4);width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-default);display:flex;align-items:center;justify-content:center;transition:all var(--t-base)}.mode-card--active .mode-card__radio{border-color:var(--orange-500);background:var(--orange-500)}.mode-card--active .mode-card__radio:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.dropzone-wrapper{display:flex;flex-direction:column;gap:var(--sp-2);flex:1;min-height:0}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);min-height:210px;border-radius:var(--r-xl);border:2px dashed var(--border-default);background:var(--bg-subtle);cursor:pointer;transition:all var(--t-base);text-align:center;padding:var(--sp-8);position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--orange-50),transparent 60%);opacity:0;transition:opacity var(--t-base)}.dropzone:hover{border-color:var(--orange-400)}.dropzone:hover:before{opacity:1}.dropzone--dragging{border-color:var(--orange-500);background:var(--orange-50);transform:scale(1.01)}.dropzone--dragging:before{opacity:1}.dropzone--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.dropzone__icon-wrap{position:relative;z-index:1;width:56px;height:56px;border-radius:var(--r-xl);background:var(--bg-surface);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);box-shadow:var(--shadow-sm);transition:all var(--t-base)}.dropzone:hover .dropzone__icon-wrap,.dropzone--dragging .dropzone__icon-wrap{border-color:var(--orange-300);color:var(--orange-500);background:var(--orange-50);box-shadow:var(--shadow-orange)}.dropzone__title{position:relative;z-index:1;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.dropzone__title strong{color:var(--text-accent)}.dropzone__hint{position:relative;z-index:1;font-size:.74rem;color:var(--text-muted)}.dropzone__input{display:none}.dropzone__error{font-size:.78rem;color:var(--error-text);display:flex;align-items:center;gap:var(--sp-1);padding:8px 12px;border-radius:var(--r-md);background:var(--error-bg);border:1px solid var(--error-border)}.preview{display:flex;flex-direction:column;flex:1;min-height:0;border-radius:var(--r-xl);border:1px solid var(--border-light);overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-md)}.preview__toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-light);background:var(--bg-subtle);gap:var(--sp-4);flex-wrap:wrap;flex-shrink:0}.preview__file-info{display:flex;align-items:center;gap:var(--sp-2);font-size:.78rem;color:var(--text-secondary);font-weight:500;min-width:0}.preview__file-info svg{flex-shrink:0;color:var(--orange-500)}.preview__file-info span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text-primary)}.preview__file-size{color:var(--text-muted);flex-shrink:0}.preview__actions{display:flex;align-items:center;gap:4px}.preview__action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);color:var(--text-tertiary);transition:all var(--t-fast);border:1px solid transparent}.preview__action-btn:hover{background:var(--bg-muted);color:var(--text-primary);border-color:var(--border-light)}.preview__action-btn--danger:hover{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.preview__zoom-label{font-size:.72rem;color:var(--text-muted);min-width:34px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.preview__zoom-label--reset{border-radius:var(--r-sm);padding:4px 2px;border:1px solid transparent;transition:all var(--t-fast)}.preview__zoom-label--reset:hover{background:var(--bg-muted);color:var(--text-primary);border-color:var(--border-light)}.preview__canvas{position:relative;overflow:hidden;flex:1;min-height:320px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(var(--gray-100) 0% 25%,var(--gray-0) 0% 50%) 0 0 / 16px 16px;padding:var(--sp-4);cursor:default}.preview__canvas--zoomed{cursor:grab}.preview__canvas--panning{cursor:grabbing}.preview__image{transform-origin:center;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--r-sm);box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.preview__canvas:not(.preview__canvas--panning) .preview__image{transition:transform var(--t-base)}.history-panel{border-radius:var(--r-xl);border:1px solid var(--border-light);background:var(--bg-surface);overflow:hidden;box-shadow:var(--shadow-sm)}.history-panel--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:160px;color:var(--text-muted);text-align:center}.history-panel--empty p{font-size:.85rem;color:var(--text-tertiary);font-weight:600}.history-panel--empty span{font-size:.75rem}.history-panel__empty-icon{opacity:.25}.history-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-subtle)}.history-panel__title{display:flex;align-items:center;gap:var(--sp-2);font-size:.82rem;font-weight:700;color:var(--text-primary)}.history-panel__title svg{color:var(--orange-500)}.history-panel__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-full);background:var(--orange-500);color:#fff;font-size:.65rem;font-weight:700}.history-panel__clear-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--r-sm);font-size:.72rem;font-weight:600;color:var(--text-muted);border:1px solid transparent;transition:all var(--t-fast)}.history-panel__clear-btn:hover{color:var(--error-text);background:var(--error-bg);border-color:var(--error-border)}.history-list{max-height:380px;overflow-y:auto}.history-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--sp-3);padding:12px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--t-fast)}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--orange-50)}.history-item__icon{grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-md);background:var(--orange-50);border:1px solid var(--orange-200);flex-shrink:0;align-self:center}.history-item__info{display:flex;flex-direction:column;gap:3px;min-width:0}.history-item__name{font-size:.8rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item__meta{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text-muted)}.history-item__mode{font-weight:700;color:var(--orange-600)}.history-item__duration{display:flex;align-items:center;gap:2px}.history-item__timestamp{font-size:.67rem;color:var(--text-muted)}.history-item__preview{grid-column:2;font-size:.72rem;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);margin-top:2px}.progress-bar{width:100%;height:4px;background:var(--border-light);border-radius:var(--r-full);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--orange-400),var(--orange-600));border-radius:var(--r-full);transition:width .2s ease}.progress-bar--indeterminate .progress-bar__fill{width:40%!important;animation:progressSlide 1.2s ease-in-out infinite}.error-card{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--error-bg);border:1px solid var(--error-border)}.error-card svg{flex-shrink:0;color:var(--error-text);margin-top:1px}.error-card__content{display:flex;flex-direction:column;gap:3px}.error-card__title{font-size:.85rem;font-weight:700;color:var(--error-text)}.error-card__message{font-size:.8rem;color:#b91c1c;line-height:1.5}.app{display:flex;flex-direction:column;min-height:100vh}.app__main{flex:1;padding-bottom:var(--sp-12)}.divider{height:1px;background:var(--border-light);width:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes progressSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.animate-fade-in{animation:fadeIn .28s ease both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media(max-width:560px){.container{padding:0 var(--sp-4)}}.model-bar{margin-bottom:var(--sp-6)}.page-hero{padding:var(--sp-10) 0 var(--sp-5)}.split-workspace{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);align-items:stretch}.split-panel{display:flex;flex-direction:column;border-radius:var(--r-2xl);border:1px solid var(--border-light);background:var(--bg-surface);box-shadow:var(--shadow-md);overflow:hidden;min-height:620px}.split-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-subtle);flex-shrink:0}.split-panel__title{font-size:.82rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.split-panel__subtitle{font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-family:var(--font-mono)}.split-panel__body{flex:1;display:flex;flex-direction:column;min-height:0}.split-panel__body--upload{padding:var(--sp-5);gap:var(--sp-4)}.split-panel__body--result{overflow:hidden}.split-panel__progress{padding:0 var(--sp-5) var(--sp-3);flex-shrink:0}.progress-label{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;font-weight:600;color:var(--orange-600);margin-bottom:var(--sp-2)}.split-panel__footer{padding:var(--sp-4) var(--sp-5) var(--sp-5);border-top:1px solid var(--border-light);background:var(--bg-subtle);flex-shrink:0}.dropzone{min-height:280px}.result-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);flex:1;text-align:center;padding:var(--sp-10) var(--sp-8)}.result-placeholder__icon-wrap{width:72px;height:72px;border-radius:var(--r-2xl);background:var(--orange-50);border:1px solid var(--orange-200);display:flex;align-items:center;justify-content:center;color:var(--orange-300)}.result-placeholder__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.result-placeholder__hint{font-size:.875rem;color:var(--text-tertiary);line-height:1.55}.result-placeholder__hint strong{color:var(--orange-600)}.result-placeholder__steps{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-2);text-align:left;width:100%;max-width:300px}.placeholder-step{display:flex;align-items:center;gap:var(--sp-3);font-size:.82rem;color:var(--text-secondary)}.placeholder-step__num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--orange-50);border:1.5px solid var(--orange-200);color:var(--orange-600);font-size:.7rem;font-weight:800;flex-shrink:0}.result-viewer{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.result-viewer__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-subtle);gap:var(--sp-4);flex-wrap:wrap;flex-shrink:0}.result-viewer__title-row{display:flex;align-items:center;gap:var(--sp-2);font-size:.85rem;font-weight:700;color:var(--text-primary)}.result-viewer__title-row svg{color:var(--orange-500)}.result-viewer__actions{display:flex;gap:var(--sp-2)}.result-viewer__action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r-sm);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);font-size:.775rem;font-weight:600;transition:all var(--t-fast);box-shadow:var(--shadow-xs);cursor:pointer}.result-viewer__action-btn:hover{border-color:var(--orange-400);color:var(--orange-600);background:var(--orange-50)}.result-viewer__stats{display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-light);background:var(--gray-50);flex-wrap:wrap;flex-shrink:0;min-height:40px;gap:0}.result-stat{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:500;padding:10px 14px 10px 0;margin-right:14px;border-right:1px solid var(--border-light)}.result-stat:last-of-type{border-right:none;margin-right:0}.result-stat--highlight{color:var(--orange-600);font-weight:700}.result-viewer__view-toggle{display:flex;align-items:center;gap:2px;margin-left:auto;background:var(--gray-150);border:1px solid var(--border-default);border-radius:var(--r-sm);padding:3px}.view-toggle-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:.72rem;font-weight:600;color:var(--text-muted);transition:all var(--t-fast);cursor:pointer;white-space:nowrap}.view-toggle-btn:hover{color:var(--text-secondary)}.view-toggle-btn--active{background:var(--bg-surface);color:var(--orange-600);box-shadow:var(--shadow-xs)}.result-viewer__body{display:flex;flex:1;overflow:auto;min-height:0}.result-viewer__line-numbers{display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-3);background:var(--gray-50);border-right:1px solid var(--border-light);font-family:var(--font-mono);font-size:.72rem;color:var(--gray-400);-webkit-user-select:none;user-select:none;text-align:right;line-height:1.75;min-width:44px;flex-shrink:0}.result-viewer__text{flex:1;padding:var(--sp-5);font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);line-height:1.75;white-space:pre-wrap;word-break:break-word;background:var(--bg-surface)}.result-viewer__plain{flex:1;padding:var(--sp-5) var(--sp-6);overflow:auto;background:var(--bg-surface)}.result-line{font-size:.875rem;color:var(--text-primary);line-height:1.8;min-height:1.8em}.result-line--empty{min-height:1em}.result-viewer__markdown{flex:1;padding:var(--sp-6) var(--sp-8);overflow:auto;background:var(--bg-surface);line-height:1.8;color:var(--text-primary);font-size:.9rem}.result-viewer__markdown h1,.result-viewer__markdown h2,.result-viewer__markdown h3,.result-viewer__markdown h4,.result-viewer__markdown h5,.result-viewer__markdown h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin:1.4em 0 .5em;line-height:1.25}.result-viewer__markdown h1{font-size:1.6rem;border-bottom:2px solid var(--orange-200);padding-bottom:.35em;color:var(--orange-800)}.result-viewer__markdown h2{font-size:1.25rem;border-bottom:1px solid var(--border-light);padding-bottom:.3em}.result-viewer__markdown h3{font-size:1.05rem;color:var(--orange-700)}.result-viewer__markdown h4{font-size:.95rem}.result-viewer__markdown h5,.result-viewer__markdown h6{font-size:.875rem;color:var(--text-secondary)}.result-viewer__markdown p{margin:.6em 0}.result-viewer__markdown strong{font-weight:700}.result-viewer__markdown em{font-style:italic;color:var(--text-secondary)}.result-viewer__markdown a{color:var(--orange-600);text-decoration:underline;text-underline-offset:2px}.result-viewer__markdown a:hover{color:var(--orange-700)}.result-viewer__markdown code{font-family:var(--font-mono);font-size:.82em;background:var(--orange-50);color:var(--orange-700);padding:2px 6px;border-radius:var(--r-xs);border:1px solid var(--orange-200)}.result-viewer__markdown pre{background:var(--gray-900);color:var(--gray-100);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);overflow-x:auto;margin:var(--sp-4) 0;font-size:.82rem;line-height:1.65;box-shadow:var(--shadow-md)}.result-viewer__markdown pre code{background:transparent;color:inherit;padding:0;border:none;font-size:inherit}.result-viewer__markdown blockquote{border-left:3px solid var(--orange-400);margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-5);background:var(--orange-50);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text-secondary);font-style:italic}.result-viewer__markdown ul,.result-viewer__markdown ol{padding-left:var(--sp-6);margin:var(--sp-3) 0}.result-viewer__markdown li{margin:.3em 0}.result-viewer__markdown ul li::marker{color:var(--orange-400)}.result-viewer__markdown ol li::marker{color:var(--orange-600);font-weight:700}.result-viewer__markdown table{width:100%;border-collapse:collapse;margin:var(--sp-5) 0;font-size:.85rem;box-shadow:var(--shadow-sm);border-radius:var(--r-md);overflow:hidden}.result-viewer__markdown thead{background:var(--orange-50);border-bottom:2px solid var(--orange-200)}.result-viewer__markdown th{text-align:left;padding:10px 16px;font-size:.75rem;font-weight:700;color:var(--orange-700);text-transform:uppercase;letter-spacing:.05em}.result-viewer__markdown td{padding:10px 16px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.result-viewer__markdown tr:last-child td{border-bottom:none}.result-viewer__markdown tr:hover td{background:var(--gray-50)}.result-viewer__markdown hr{border:none;border-top:1px solid var(--border-light);margin:var(--sp-6) 0}.result-viewer__markdown img{max-width:100%;border-radius:var(--r-md);margin:var(--sp-4) 0;box-shadow:var(--shadow-md)}.result-viewer__markdown>*:first-child{margin-top:0}.result-viewer__markdown>*:last-child{margin-bottom:0}@media(max-width:1024px){.split-workspace{grid-template-columns:1fr 1fr;gap:var(--sp-4)}}@media(max-width:768px){.split-workspace{grid-template-columns:1fr}.split-panel{min-height:420px}.mode-selector{grid-template-columns:1fr}.page-hero__title{font-size:1.5rem}.result-viewer__markdown{padding:var(--sp-4)}}