:root{--bg-app: #0f172a;--bg-panel: #1e293b;--bg-input: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .4);--border-color: #334155;--success: #10b981;--error: #ef4444;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius-md: .5rem;--radius-lg: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main);background-color:var(--bg-app);line-height:1.6;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.hidden{display:none!important}.mono{font-family:Fira Code,Courier New,monospace;font-size:.9em}.container{max-width:800px;margin:0 auto;padding:0 var(--space-md)}:root{--bg-body: #050505;--bg-grad-start: #0a0a0a;--bg-grad-end: #121212;--bg-card: rgba(23, 23, 23, .7);--bg-card-hover: rgba(30, 30, 30, .8);--bg-input: rgba(0, 0, 0, .3);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-accent: #10b981;--brand-primary: #10b981;--brand-secondary: #3b82f6;--brand-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--brand-glow: 0 0 15px rgba(16, 185, 129, .3);--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .15);--danger: #ef4444;--warning: #f59e0b;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--font-heading: "Inter", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-float: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4)}[data-theme=light]{--bg-body: #f3f4f6;--bg-grad-start: #ffffff;--bg-grad-end: #e5e7eb;--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .9);--bg-input: rgba(255, 255, 255, .6);--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-accent: #059669;--brand-primary: #059669;--brand-secondary: #2563eb;--brand-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--brand-glow: 0 0 15px rgba(5, 150, 105, .2);--border-color: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .05);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-float: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}[data-theme=light] .nav-list{background:#fffc;border-color:var(--border-color);box-shadow:0 4px 20px #0000000d}[data-theme=light] .nav-btn:hover{background:#0000000d}[data-theme=light] .stat-value{color:var(--text-primary)}.header-actions{position:absolute;top:var(--space-lg);right:0;display:flex;align-items:center;gap:var(--space-sm)}.btn-help{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:auto}[data-theme=light] .btn-help{background:#0000000d;color:var(--text-primary)}.btn-help:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.theme-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-btn:hover{background:var(--bg-surface);color:var(--text-primary);transform:rotate(15deg)}.icon-sun,.icon-moon{pointer-events:none}[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}:root:not([data-theme=light]) .icon-moon{display:none}:root:not([data-theme=light]) .icon-sun{display:block}header .container{position:relative}.btn-reset{float:right;background:var(--warning);color:#000;border:none;padding:5px 12px;border-radius:4px;font-weight:700;cursor:pointer;font-size:.8rem;transition:all .2s ease;box-shadow:0 2px 4px #0003}.btn-reset:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.btn-reset:active{transform:translateY(0)}.help-guide{text-align:left;display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-sm)}.help-guide section h4{color:var(--brand-primary);margin-bottom:4px;font-size:1rem}.help-guide section p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-body);background-image:radial-gradient(circle at 50% 0%,#1a1a1a 0%,transparent 70%);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}[data-theme=light] body{background-image:none}.container,.app-container{width:100%;max-width:900px;margin:0 auto;padding:0 var(--space-md)}header.app-header{background:transparent;padding:var(--space-xl) 0 var(--space-lg);border-bottom:1px solid transparent;text-align:center}.logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-lg)}.logo-wrapper h1{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;letter-spacing:-.05em;color:var(--text-primary);margin:0}[data-theme=light] .logo-wrapper h1{background:none;-webkit-text-fill-color:initial;color:#000}[data-theme=light] .app-logo{box-shadow:0 10px 20px #0000001a}.logo-wrapper .subtitle{font-size:1rem;color:var(--brand-primary);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.app-nav{position:sticky;top:10px;z-index:50;margin-bottom:var(--space-xl);display:flex;justify-content:center;padding:0 var(--space-sm)}.nav-list{display:flex;gap:var(--space-sm);background:#141414cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-sm);border-radius:999px;border:1px solid var(--border-color);box-shadow:0 4px 20px #0006;list-style:none;overflow-x:auto;scrollbar-width:none;max-width:100%}.nav-list::-webkit-scrollbar{display:none}.nav-btn{background:transparent;color:var(--text-secondary);padding:.5rem 1.25rem;border-radius:999px;border:1px solid transparent;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .25s ease}.nav-btn:hover{color:var(--text-primary);background:#ffffff0d}.nav-btn.active{background:var(--bg-surface);color:var(--brand-primary);border-color:var(--border-color);box-shadow:0 2px 10px #0003}.panel{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}.panel.hidden{display:none}.panel-header{text-align:center;margin-bottom:var(--space-lg)}.panel-header h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:var(--space-xs)}.panel-header p{color:var(--text-secondary);font-size:.95rem}.security-form{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.security-form:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.security-form:hover{box-shadow:var(--shadow-float);border-color:var(--border-light)}.form-group{margin-bottom:var(--space-lg)}.strength-label{display:block;margin-top:4px;font-size:.75rem;font-weight:700}.status-match{color:var(--brand-primary)}.status-mismatch{color:var(--danger)}label{display:block;margin-bottom:var(--space-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}input[type=text],input[type=password],textarea,select,input[type=file]{width:100%;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);padding:.85rem;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand-primary);background:#00000080;box-shadow:0 0 0 3px #10b98126}.drop-zone{position:relative;width:100%;min-height:160px;padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-input);transition:all .3s ease;cursor:pointer;overflow:hidden}.drop-zone:hover{border-color:var(--brand-primary);background:#10b98108}.drop-zone.drag-over{border-color:var(--brand-primary);background:#10b98114;box-shadow:0 0 20px #10b9811a;transform:scale(1.01)}.drop-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);pointer-events:none;z-index:5}.drop-zone-icon{width:48px;height:48px;color:var(--brand-primary);margin-bottom:var(--space-sm);filter:drop-shadow(0 0 8px rgba(16,185,129,.3));transition:transform .3s ease}.drop-zone.drag-over .drop-zone-icon{transform:translateY(-5px)}.drop-zone-text{font-size:.95rem;color:var(--text-primary);font-weight:500}.drop-zone-hint{font-size:.8rem;color:var(--text-tertiary)}.drop-zone.has-file{border-style:solid;border-color:var(--brand-primary)}.drop-zone-file-info{font-family:var(--font-mono);color:var(--brand-primary);font-size:.85rem;margin-top:var(--space-xs)}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-xl)}button{font-family:inherit;font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:all .2s;letter-spacing:.025em;min-height:48px}.btn-loading{opacity:.7;cursor:wait!important}.btn-primary{background:var(--brand-gradient);color:#fff;border:none;box-shadow:0 4px 6px -1px #10b9814d;padding:0 2rem;flex:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px #10b98166;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-primary);padding:0 2rem}.btn-secondary:hover{background:#ffffff14;border-color:var(--text-secondary)}.btn-sm,.btn-clear{min-height:auto;padding:6px 12px;font-size:.75rem;box-shadow:none;color:var(--text-tertiary);background:transparent;border:1px solid transparent;font-weight:500}.btn-sm:hover,.btn-clear:hover{color:var(--danger);background:#ef44440d;border-color:#ef444433}.output-area{margin-top:var(--space-xl);animation:fadeIn .5s ease}.output-area img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-lg) auto 0;display:block;box-shadow:var(--shadow-card)}.output-area h3{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.code-display,.plaintext-display{background:#000;border:1px solid var(--border-color);border-radius:var(--radius-md);position:relative;box-shadow:inset 0 2px 4px #00000080}pre,.plaintext-display p{padding:var(--space-lg);font-family:var(--font-mono);font-size:.9rem;color:var(--brand-primary);line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.plaintext-display p{color:var(--text-primary)}.btn-copy{position:absolute;top:8px;right:8px;font-size:.75rem;background:#ffffff1a;color:var(--text-secondary);border:none;padding:6px 12px;border-radius:var(--radius-sm);text-transform:uppercase}.btn-copy:hover{background:var(--brand-primary);color:#fff}.btn-sm{min-height:32px;padding:4px 12px;font-size:.85rem;box-shadow:none}.sub-nav{display:flex;justify-content:center;margin-bottom:var(--space-lg);border-bottom:none}.sub-nav-list{display:flex;gap:8px;background:#28282899;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px;border-radius:999px;border:1px solid var(--border-color);list-style:none;box-shadow:inset 0 2px 4px #0000001a}[data-theme=light] .sub-nav-list{background:#0000000d;border-color:#0000001a}.sub-nav-btn{background:transparent;border:none;color:var(--text-secondary);padding:.4rem 1.25rem;font-size:.85rem;font-weight:600;cursor:pointer;border-radius:999px;transition:all .2s;border-bottom:none;white-space:nowrap}.sub-nav-btn:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=light] .sub-nav-btn:hover{background:#0000000d}.sub-nav-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 2px 8px #0003;background:#ffffff1a;color:#fff}[data-theme=light] .sub-nav-btn.active{background:#fff;color:var(--brand-primary);box-shadow:0 2px 8px #0000000d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.history-section{margin-top:var(--space-xl);border-top:1px solid var(--border-color);padding-top:var(--space-lg);animation:fadeIn .5s ease}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.history-header h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0;font-weight:600}.history-list{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.history-item{background:#ffffff05;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-primary);transition:all .2s}.history-item:hover{background:var(--bg-surface);border-color:var(--border-color);transform:translate(2px)}.history-time{color:var(--text-tertiary);font-size:.75rem;margin-right:8px;font-variant-numeric:tabular-nums}.btn-copy-history{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--brand-primary);opacity:.7;transition:opacity .2s;font-weight:500;padding:2px 6px}.btn-copy-history:hover{opacity:1;text-decoration:underline}.disclaimer{text-align:center;font-size:.85rem;color:var(--text-tertiary);font-style:italic;padding:var(--space-md);background:#ffffff05;border-radius:var(--radius-md)}.btn-text-danger{background:none;border:none;color:var(--text-tertiary);font-size:.75rem;cursor:pointer;transition:color .2s;padding:4px 8px;border-radius:4px}.btn-text-danger:hover{color:var(--danger);background:#ef44441a}.algo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-top:var(--space-sm)}.algo-card{position:relative;cursor:pointer}.algo-card input{position:absolute;opacity:0;width:0;height:0}.algo-content{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);transition:all .2s;height:100%}.algo-card:hover .algo-content{background:#ffffff0d;border-color:var(--text-secondary)}.algo-card input:checked+.algo-content{background:#10b9811a;border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.algo-name{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:4px}.algo-tag{font-size:.7rem;padding:2px 8px;border-radius:10px;background:#ffffff1a;color:var(--text-secondary)}.algo-tag.warning{color:var(--warning);background:#eab3081a}.algo-card input:checked+.algo-content .algo-tag{background:var(--brand-primary);color:#000}.algo-card input:checked+.algo-content .algo-tag.warning{background:var(--warning);color:#000}.stat-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-3px);background:#ffffff0d}.stat-label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-xs)}.stat-value{font-size:1.75rem;font-weight:700;color:#fff;font-family:var(--font-mono);overflow-wrap:break-word;word-wrap:break-word}#stat-type{font-size:1.3rem;line-height:1.25;overflow-wrap:break-word;word-wrap:break-word}.strength-meter{margin-top:8px;opacity:0;transition:opacity .3s}.strength-meter:not(.hidden){opacity:1}.strength-bar-container{height:4px;width:100%;background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-bar{height:100%;width:0%;background:var(--danger);transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s}.strength-label{font-size:.75rem;text-align:right;margin-top:4px;font-weight:500;color:var(--text-tertiary)}.strength-bar.weak{background-color:var(--danger)}.strength-label.weak{color:var(--danger)}.strength-bar.medium{background-color:var(--warning)}.strength-label.medium{color:var(--warning)}.strength-bar.strong{background-color:var(--success)}.strength-label.strong{color:var(--success)}.status-match{color:var(--success)!important;font-weight:700}.status-mismatch{color:var(--danger)!important;font-weight:700}.strength-bar.secure{background-color:#3b82f6}.strength-label.secure{color:#3b82f6}.mode-toggle{display:flex;gap:8px;padding:4px;background:#ffffff0d;border-radius:var(--radius-md);width:fit-content}.mode-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .2s}.mode-btn:hover{background:#ffffff1a;color:var(--text-primary)}.mode-btn.active{background:var(--brand-primary);color:#000}.file-preview{margin-top:12px;padding:12px;background:#ffffff0d;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.file-preview p{margin:4px 0;font-size:.85rem;color:var(--text-secondary)}.file-preview strong{color:var(--text-primary)}.file-size-error{color:var(--danger);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:var(--space-md);opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay:not(.hidden){opacity:1;pointer-events:auto;display:flex}.modal-box{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 20px 50px #00000080;border-radius:var(--radius-lg);width:100%;max-width:450px;overflow:hidden;transform:scale(.95);opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-overlay:not(.hidden) .modal-box{transform:scale(1);opacity:1}.modal-header{background:#ffffff08;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.btn-close-modal{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;line-height:1;padding:4px;border-radius:4px;transition:color .2s}.btn-close-modal:hover{color:var(--danger);background:#ffffff0d}.app-footer{text-align:center;padding:var(--space-xl) var(--space-md);margin-top:var(--space-xl);color:var(--text-tertiary);font-size:.85rem;border-top:1px solid var(--border-color)}.developer-name{color:var(--brand-primary);font-weight:600}.modal-body{padding:var(--space-lg);color:var(--text-secondary);font-size:.95rem;line-height:1.6;max-height:70vh;overflow-y:auto}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--space-md);background:#0003}.btn-modal-ok,.btn-modal-cancel{padding:.5rem 1.5rem;min-width:120px;flex:none}.app-footer{border-top:none;margin-top:var(--space-xl);opacity:.6}.btn-loading{position:relative;pointer-events:none;opacity:.7}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s}.processing-overlay.active{opacity:1;pointer-events:all}.processing-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.container,.app-container{padding:0 var(--space-sm)}header.app-header{padding:var(--space-lg) 0 var(--space-md)}.logo-wrapper h1{font-size:1.75rem}.logo-wrapper .subtitle{font-size:.85rem}.header-actions{top:var(--space-md);gap:var(--space-xs)}.btn-help{padding:4px 8px;font-size:.7rem}.app-nav{margin-bottom:var(--space-lg);padding:0}.nav-list{background:var(--bg-body);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:var(--radius-md);width:100%;padding:var(--space-xs);gap:var(--space-xs);justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.nav-btn{padding:.6rem 1rem;font-size:.85rem;min-width:auto;white-space:nowrap;scroll-snap-align:start}.panel-header{margin-bottom:var(--space-md)}.panel-header h2{font-size:1.5rem}.panel-header p{font-size:.875rem}.sub-nav{margin-bottom:var(--space-md)}.sub-nav-btn{padding:.5rem 1rem;font-size:.85rem}.security-form{padding:var(--space-md)}.form-group{margin-bottom:var(--space-md)}label{font-size:.875rem;margin-bottom:var(--space-xs)}input[type=text],input[type=password],select,textarea{font-size:16px;padding:.75rem}textarea{min-height:120px}button{min-height:44px}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:.95rem}.form-actions{flex-direction:column;gap:var(--space-sm)}.form-actions button{width:100%}.drop-zone{padding:var(--space-lg);min-height:140px}.drop-zone-icon{width:40px;height:40px}.drop-zone-text{font-size:.875rem}.output-area{margin-top:var(--space-lg)}.output-box{padding:var(--space-md);font-size:.85rem}.stats-grid{grid-template-columns:1fr;gap:var(--space-sm)}.modal-content{width:95%;max-width:none;margin:var(--space-md)}.modal-header h3{font-size:1.25rem}.modal-body{padding:var(--space-md);font-size:.875rem}.modal-footer{padding:var(--space-sm) var(--space-md);flex-direction:column;gap:var(--space-sm)}.btn-modal-ok,.btn-modal-cancel{width:100%;min-width:auto}.file-preview{max-height:250px}.file-preview img{max-height:200px}}