:root{--bg-color:#f4f6f8;--panel-bg:#ffffff;--text-main:#2d3748;--text-muted:#718096;--text-light:#a0aec0;--border-color:#e2e8f0;--border-strong:#cbd5e0;--primary:#3182ce;--primary-hover:#2c5282;--primary-light:#ebf4ff;--success:#38a169;--success-light:#c6f6d5;--danger:#e53e3e;--danger-light:#fed7d7;--warning:#d69e2e;--space-xs:5px;--space-sm:10px;--space-md:15px;--space-lg:20px;--space-xl:40px;--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--radius:3px}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--bg-color);color:var(--text-main);margin:0;padding:0;line-height:1.5;display:flex;flex-direction:column;min-height:100vh}main{flex:1}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-sm);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-xl);letter-spacing:-.5px}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}p{margin:0 0 var(--space-sm)}.container{max-width:1e3px;margin:0 auto;padding:var(--space-lg)}.container--narrow{max-width:900px}.top-bar{background:var(--panel-bg);border-bottom:1px solid var(--border-color);padding:var(--space-sm)var(--space-lg);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:1001}.nav-left{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;padding:6px;background:0 0;border:none;cursor:pointer;border-radius:var(--radius);flex-shrink:0}.hamburger-btn:hover{background:#f7fafc}.hamburger-btn span{display:block;width:18px;height:2px;background:var(--text-main);border-radius:1px;transition:transform .2s}.brand{display:flex;align-items:baseline;font-size:var(--font-size-md);text-decoration:none;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand:hover{text-decoration:none}.brand-name{font-weight:700}.brand-sep{color:var(--text-muted);font-weight:400;padding:0 2px}.brand-tagline{color:var(--text-muted);font-weight:400}.nav-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.nav-menu-overlay.open{opacity:1;pointer-events:auto}.nav-menu{position:fixed;top:0;left:0;right:0;max-height:85vh;background:var(--panel-bg);z-index:1000;transform:translateY(-100%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.15)}.nav-menu.open{transform:translateY(0)}.nav-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.nav-menu-title{font-weight:700;font-size:var(--font-size-md)}.nav-menu-close{background:0 0;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:0;line-height:1}.nav-menu-close:hover{color:var(--text-main)}.nav-menu-body{flex:1;overflow-y:auto;padding:var(--space-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg);align-content:start}.nav-menu-category{min-width:0}.nav-menu-category-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-color)}.nav-menu-grid{display:flex;flex-direction:column;gap:2px}.nav-menu-link{display:block;padding:6px var(--space-sm);color:var(--text-main);text-decoration:none;font-size:var(--font-size-base);border-radius:var(--radius)}.nav-menu-link:hover{background:var(--primary-light);color:var(--primary);text-decoration:none}.nav-menu-link.active{background:var(--primary-light);color:var(--primary);font-weight:500}.nav-menu-footer{grid-column:1/-1;border-top:1px solid var(--border-color);padding-top:var(--space-md);display:flex;justify-content:space-between;align-items:center}.nav-menu-made-with{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.nav-menu-made-with a{color:var(--text-muted);text-decoration:underline}.nav-menu-made-with a:hover{color:var(--primary)}.site-footer{border-top:1px solid var(--border-color);background:var(--panel-bg);padding:var(--space-md)var(--space-lg);font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.site-footer p{margin:0}.footer-content{max-width:1e3px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.footer-links{display:flex;gap:var(--space-md);align-items:center}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--text-main);text-decoration:none}.footer-github{display:inline-flex;align-items:center;gap:4px}.footer-github svg{flex-shrink:0}.page-404{text-align:center;padding-top:var(--space-xl)}.page-404 .error-header{margin-bottom:var(--space-xl)}.page-404 .error-header h1{font-size:96px;font-weight:800;color:var(--text-light);margin-bottom:0;line-height:1}.page-404 .error-header .subtitle{font-size:var(--font-size-lg);color:var(--text-muted)}.page-404 .tool-category{text-align:left}@media(max-width:600px){.nav-menu-body{grid-template-columns:1fr}.nav-menu-footer{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:1px solid transparent;border-radius:var(--radius);padding:8px 16px;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;cursor:pointer;text-decoration:none;line-height:1.4}.btn-primary{background-color:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active{background-color:#2c5aa0;border-color:#2c5aa0;transform:translateY(1px)}.btn-secondary{background-color:var(--panel-bg);color:var(--text-main);border:1px solid var(--border-strong)}.btn-secondary:hover{background-color:#f7fafc;border-color:var(--text-muted)}.btn-secondary:active{background-color:#e2e8f0;border-color:var(--text-main);transform:translateY(1px)}.btn-icon{background:0 0;color:var(--text-main);border:1px solid var(--border-color);padding:6px 10px;font-weight:400}.btn-icon:hover{background-color:#f7fafc;border-color:var(--border-strong)}.btn-icon:active{background-color:#e2e8f0;transform:translateY(1px)}.btn-remove{border:none!important}.btn-remove:hover{color:var(--danger)}.btn-danger{background-color:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover{background-color:#c53030;border-color:#c53030}.btn-danger:active{background-color:#9b2c2c;border-color:#9b2c2c;transform:translateY(1px)}.btn-success{background-color:var(--success);color:#fff;border:1px solid var(--success);font-weight:600}.btn-success:hover{background-color:#2f855a;border-color:#2f855a}.btn-success:active{background-color:#276749;border-color:#276749;transform:translateY(1px)}.btn-block{width:100%;display:flex}.btn-sm{padding:6px 12px;font-size:var(--font-size-sm)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}tr:has(.btn-remove:hover){background-color:#fed7d7}label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);color:var(--text-main)}input[type=text],input[type=number],input[type=email],input[type=password],input[type=url],input[type=tel],input[type=date],input[type=time],textarea,select{display:block;width:100%;padding:8px 10px;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-main);background-color:var(--panel-bg);border:1px solid var(--border-strong);border-radius:var(--radius)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}input[type=checkbox],input[type=radio]{width:auto;margin-right:var(--space-xs)}input[type=range]{width:100%;cursor:pointer}select{cursor:pointer}.select-inline{display:inline-block;width:auto;min-width:80px}.input-inline{display:inline-block;width:auto}fieldset{border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-md);margin:0 0 var(--space-md);background:var(--panel-bg)}legend{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:0 var(--space-xs)}.form-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.form-row:last-child{margin-bottom:0}.form-group{flex:1}.form-group label{margin-bottom:4px}.form-inline{display:flex;align-items:center;gap:var(--space-xs)}.form-inline label{margin-bottom:0;font-weight:400}.form-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;border-radius:var(--radius);padding:var(--space-xs)var(--space-sm);font-size:var(--font-size-sm);margin-top:var(--space-xs);line-height:1.4}.input-hint{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.fieldset-toggle{position:relative}.fieldset-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.fieldset-header label{margin-bottom:0;font-weight:500;cursor:pointer}.fieldset-content{transition:opacity .15s}.fieldset-content.disabled{opacity:.4;pointer-events:none}.fieldset-content.disabled input,.fieldset-content.disabled select,.fieldset-content.disabled button{background-color:#f0f0f0}.slider-with-value{display:flex;align-items:center;gap:var(--space-sm)}.slider-with-value input[type=range]{flex:1}.slider-with-value .slider-value{min-width:40px;text-align:right;font-family:monospace;font-size:var(--font-size-sm);color:var(--text-muted)}.slider-inline{width:80px;min-width:80px;cursor:pointer}.slider-value{min-width:36px;font-size:var(--font-size-sm);color:var(--text-muted);text-align:right}.slider-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.color-picker-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-xs);flex:1}.color-picker-input{width:36px;height:36px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;background:0 0}.color-picker-input::-webkit-color-swatch-wrapper{padding:2px}.color-picker-input::-webkit-color-swatch{border:none;border-radius:2px}.color-picker-input::-moz-color-swatch{border:none;border-radius:2px}.color-hex-input{flex:1;font-family:monospace;text-transform:uppercase}.gradient-controls{margin-top:var(--space-sm);padding:var(--space-md);background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius)}.gradient-controls.hidden{display:none}.gradient-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-sm)}.gradient-row:last-child{margin-bottom:0}.gradient-preview{height:24px;border-radius:var(--radius);border:1px solid var(--border-color);margin-top:var(--space-sm)}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm)}.radio-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-weight:400;margin-bottom:0}.radio-label input[type=radio]{margin:0}.duration-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.field-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.tool-category{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.tool-category:last-child{margin-bottom:0;padding-bottom:0}.tool-category h2{margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--border-color)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.tool-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-lg);text-decoration:none;color:inherit;display:flex;flex-direction:column}.tool-card:hover{border-color:var(--primary);text-decoration:none}.tool-card--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.tool-card h3{margin-bottom:var(--space-xs)}.tool-card>p{flex:1;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.external-icon{font-size:var(--font-size-sm);color:var(--text-muted)}.tool-title{font-weight:600;font-size:var(--font-size-md);margin-bottom:var(--space-xs);color:var(--primary)}.tool-card--disabled .tool-title{color:var(--text-muted)}.tool-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.tool-tags{margin-top:auto;padding-top:var(--space-sm);display:flex;flex-wrap:wrap;gap:4px}.tool-tag{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;letter-spacing:.3px;text-transform:lowercase}.panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-lg)}.controls{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.controls--single-row{flex-wrap:nowrap;gap:var(--space-lg)}.control-group{display:flex;align-items:center;gap:6px;font-size:var(--font-size-base)}.control-group label{margin-bottom:0;white-space:nowrap}.control-group select,.control-group input[type=text]{width:auto;min-width:80px}.controls-spacer{flex-grow:1}.drop-zone{border:2px dashed var(--border-strong);background-color:#fafbfc;border-radius:var(--radius);padding:var(--space-xl);text-align:center;color:var(--text-muted);margin-bottom:var(--space-lg);cursor:pointer}.drop-zone:hover,.drop-zone--active{border-color:var(--primary);background-color:var(--primary-light)}.drop-zone input[type=file]{display:none}.drop-zone__text{font-size:var(--font-size-base)}.drop-zone__subtext{font-size:var(--font-size-sm);margin-top:var(--space-xs);color:var(--text-light)}.drop-zone__hint{font-size:calc(var(--font-size-sm) * .9);margin-top:calc(var(--space-xs) * .8);color:var(--text-light);opacity:.8}.drag-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.drag-overlay[hidden]{display:none}.drag-overlay-content{text-align:center;color:#fff}.drag-overlay-icon{font-size:32px;font-weight:700;color:#fff;letter-spacing:2px}.drag-overlay-text{font-size:var(--font-size-xl);font-weight:600;letter-spacing:1px}.file-table{width:100%;border-collapse:collapse;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius)}.file-table th{text-align:left;background:#f8fafc;padding:12px var(--space-md);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:600}.file-table td{padding:var(--space-sm)var(--space-md);border-bottom:1px solid #edf2f7;font-size:var(--font-size-base);vertical-align:middle}.file-table tbody tr:last-child td{border-bottom:none}.file-table tbody tr:hover{background-color:#fafbfc}.file-info{display:flex;align-items:center;gap:var(--space-sm)}.file-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border-color);flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-weight:500;word-break:break-word}.file-size{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.action-group{display:flex;gap:var(--space-xs)}.status-ready{color:var(--text-muted)}.status-processing{color:var(--primary);font-weight:500}.status-done{color:var(--success);font-weight:500}.status-error{color:var(--danger);font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay[hidden]{display:none}.modal{background:var(--panel-bg);width:100%;max-width:480px;max-height:90vh;border-radius:var(--radius);display:flex;flex-direction:column;margin:var(--space-lg)}.modal-header{padding:var(--space-md);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-size-md);font-weight:600;margin:0}.modal-close{background:0 0;border:none;font-size:var(--font-size-lg);color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-main)}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-md);border-top:1px solid var(--border-color);background:#f8fafc;display:flex;justify-content:flex-end;gap:var(--space-sm)}.modal-tabs{display:flex;gap:2px;margin-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.modal-tab{flex:1;padding:var(--space-sm)var(--space-md);background:0 0;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-base);font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s}.modal-tab:hover{color:var(--text-main)}.modal-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.page-header{margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-lg)}.page-header h1{margin-bottom:var(--space-xs)}.subtitle{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.footer{margin-top:var(--space-xl);font-size:var(--font-size-xs);color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:var(--space-lg)}.split-container{display:grid;grid-template-columns:380px 1fr;gap:0;min-height:calc(100vh - 49px)}.split-sidebar{background:var(--panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:calc(100vh - 49px);overflow:hidden}.split-sidebar>.settings-tabs,.split-sidebar>.settings-panel{flex-shrink:0}.split-sidebar>.settings-panel{flex:1;overflow-y:auto;padding:var(--space-lg)}.split-sidebar>.settings-tabs{padding:0}.split-sidebar::-webkit-scrollbar{width:6px}.split-sidebar::-webkit-scrollbar-track{background:0 0}.split-sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.split-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-footer{padding:var(--space-lg);border-top:1px solid var(--border-color);background:var(--panel-bg);flex-shrink:0}.sidebar-footer .form-group{margin-bottom:var(--space-sm)}.sidebar-footer .form-group:last-child{margin-bottom:0}.split-preview{background:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);min-height:calc(100vh - 49px);gap:var(--space-md)}.qr-preview-canvas{display:flex;align-items:center;justify-content:center;min-width:200px;min-height:200px;max-width:500px;max-height:500px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-sm);margin-bottom:var(--space-md);box-shadow:0 4px 12px rgba(0,0,0,8%)}.qr-preview-canvas canvas,.qr-preview-canvas svg{display:block}.qr-preview-placeholder{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.export-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;max-width:320px}.split-btn{display:flex;width:100%}.split-btn-main{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:12px 20px;background-color:var(--success);color:#fff;border:1px solid var(--success);border-radius:var(--radius)0 0 var(--radius);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color .15s}.split-btn-main:hover{background-color:#2f855a;border-color:#2f855a}.split-btn-toggle{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;background-color:var(--success);color:#fff;border:1px solid var(--success);border-left:1px solid rgba(255,255,255,.3);border-radius:0 var(--radius)var(--radius)0;font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:background-color .15s}.split-btn-toggle:hover{background-color:#2f855a;border-color:#2f855a;border-left-color:rgba(255,255,255,.3)}.split-btn-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100;display:none}.split-btn-dropdown.open{display:block}.split-btn-option{display:block;width:100%;padding:10px 16px;background:0 0;border:none;text-align:left;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-main);cursor:pointer;transition:background-color .1s}.split-btn-option:hover{background-color:var(--primary-light)}.split-btn-option.active{background-color:var(--primary-light);color:var(--primary);font-weight:500}.split-btn-option:first-child{border-radius:var(--radius)var(--radius)0 0}.split-btn-option:last-child{border-radius:0 0 var(--radius)var(--radius)}.split-btn-wrapper{position:relative;width:100%}.export-filename{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.export-filename input{width:140px;padding:6px 10px;font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--panel-bg)}.export-filename input:focus{border-color:var(--primary);outline:none}.color-picker-group{display:flex;align-items:center;gap:var(--space-sm)}.settings-tabs{display:flex;flex-wrap:wrap;gap:0;margin-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.settings-tab{flex:auto;min-width:0;padding:var(--space-sm)var(--space-md);background:0 0;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s;text-align:center;white-space:nowrap}.settings-tab:hover{color:var(--text-main)}.settings-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-panel{display:none}.settings-panel.active{display:block}.dynamic-inputs{margin-top:var(--space-md)}.dynamic-inputs.hidden{display:none}.input-group-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.logo-upload-area{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:var(--space-md);text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}.logo-upload-area:hover{border-color:var(--primary);background-color:var(--primary-light)}.logo-upload-area input[type=file]{display:none}.logo-upload-text{color:var(--text-muted);font-size:var(--font-size-sm)}.logo-preview{display:none;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.logo-preview.visible{display:flex}.logo-preview-img{width:48px;height:48px;object-fit:contain;border:1px solid var(--border-color);border-radius:var(--radius);background:#fafbfc}.logo-preview-info{flex:1;font-size:var(--font-size-sm);color:var(--text-muted)}.output-preview{background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-md);margin-top:var(--space-md);font-size:var(--font-size-sm)}.output-preview-title{font-weight:600;margin-bottom:var(--space-sm);color:var(--text-main)}.output-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)var(--space-md);margin-bottom:var(--space-sm)}.output-preview-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.output-label{color:var(--text-muted);font-size:var(--font-size-xs)}.output-value{font-weight:500;color:var(--text-main);font-family:monospace;font-size:var(--font-size-xs);text-align:right}.output-preview-pipeline{color:var(--text-muted);font-family:monospace;font-size:var(--font-size-xs);line-height:1.6;padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.output-preview-result{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-color);font-weight:500;color:var(--primary)}.file-tooltip{position:fixed;z-index:100;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-sm)var(--space-md);box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:var(--font-size-xs);min-width:220px;max-width:300px;pointer-events:none;opacity:0;transition:opacity .15s}.file-tooltip.visible{opacity:1}.file-tooltip-title{font-weight:600;margin-bottom:var(--space-xs);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-tooltip-grid{display:grid;grid-template-columns:auto 1fr;gap:2px var(--space-sm)}.file-tooltip-label{color:var(--text-muted)}.file-tooltip-value{color:var(--text-main);font-family:monospace;text-align:right}.status-cell{display:inline-flex;align-items:center;gap:var(--space-xs);cursor:help}.tooltip-icon{color:var(--text-light);font-size:14px;opacity:.6}.status-cell:hover .tooltip-icon{opacity:1;color:var(--primary)}.crop-preview-container{position:relative;margin-top:var(--space-sm);margin-bottom:var(--space-md);background:#1a1a1a;border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;min-height:150px;display:flex;align-items:center;justify-content:center}.crop-preview-container.empty{color:var(--text-muted);font-size:var(--font-size-sm)}.crop-preview-wrapper{position:relative;display:inline-block;max-width:100%;max-height:300px}.crop-preview-image{display:block;max-width:100%;max-height:300px;object-fit:contain;user-select:none;-webkit-user-drag:none}.crop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;cursor:crosshair}.crop-selection{position:absolute;border:2px solid var(--primary);background:rgba(49,130,206,.2);box-sizing:border-box}.crop-selection::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed #fff}.crop-selection.movable{cursor:move}.crop-handle{position:absolute;width:10px;height:10px;background:var(--primary);border:1px solid #fff;box-sizing:border-box}.crop-handle--nw{top:-5px;left:-5px;cursor:nw-resize}.crop-handle--ne{top:-5px;right:-5px;cursor:ne-resize}.crop-handle--sw{bottom:-5px;left:-5px;cursor:sw-resize}.crop-handle--se{bottom:-5px;right:-5px;cursor:se-resize}.crop-handle--n{top:-5px;left:50%;transform:translateX(-50%);cursor:n-resize}.crop-handle--s{bottom:-5px;left:50%;transform:translateX(-50%);cursor:s-resize}.crop-handle--w{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.crop-handle--e{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.crop-dim-overlay{position:absolute;background:rgba(0,0,0,.5);pointer-events:none}.crop-mode-toggle{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm)}.crop-mode-toggle .btn{flex:1;padding:6px 12px;font-size:var(--font-size-sm)}.crop-mode-toggle .btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.storage-badge{display:flex;align-items:center;gap:var(--space-xs);padding:4px 10px;border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:500}.storage-badge.fsa-mode{background-color:var(--success-light);color:#276749}.storage-badge.memory-mode{background-color:#fef3c7;color:#92400e}.storage-icon{font-size:14px}.ffmpeg-status{text-align:center;padding:var(--space-xl)}.ffmpeg-status.success{color:var(--success)}.ffmpeg-status.success .ffmpeg-spinner{display:none}.ffmpeg-status.error{color:var(--danger)}.ffmpeg-status.error .ffmpeg-spinner{display:none}.ffmpeg-status-content{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.ffmpeg-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.warning-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background-color:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius);margin-bottom:var(--space-lg);font-size:var(--font-size-sm);color:#92400e}.warning-banner[hidden]{display:none}.warning-icon{font-weight:700;font-size:18px}.file-thumbnail--video{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--radius);font-size:10px;font-weight:700;color:#fff;letter-spacing:-.5px;flex-shrink:0}.trim-duration{margin-top:var(--space-sm);padding:var(--space-sm);background:#f8fafc;border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--text-muted)}#trim-duration-value{font-weight:600;color:var(--text-main)}.saved-badge{display:inline-flex;align-items:center;padding:4px 8px;background-color:var(--success-light);color:#276749;border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:500}.code-textarea{font-family:fira code,jetbrains mono,source code pro,Consolas,monospace;font-size:13px;line-height:1.5;resize:vertical;min-height:200px;tab-size:4;white-space:pre}.pdf-preview-area{background:#525659;display:flex;flex-direction:column;padding:0;align-items:stretch;justify-content:stretch}.pdf-preview-container{flex:1;display:flex;flex-direction:column;position:relative;min-height:0;background:#525659}.pdf-preview-frame{width:100%;height:100%;border:none;background:#525659}.pdf-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#4a5568;color:#fff;font-size:var(--font-size-sm);gap:var(--space-sm);z-index:10}.pdf-loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.container{padding:var(--space-md)}.controls{flex-direction:column;align-items:stretch}.controls--single-row{flex-wrap:wrap;gap:var(--space-sm)}.control-group{justify-content:space-between}.controls-spacer{display:none}.file-table{font-size:var(--font-size-sm)}.file-table th,.file-table td{padding:var(--space-sm)}.tool-grid{grid-template-columns:1fr}.modal{margin:var(--space-sm);max-height:95vh}}@media(max-width:900px){.split-container{grid-template-columns:1fr;min-height:auto}.split-sidebar{height:auto;border-right:none;border-bottom:1px solid var(--border-color);order:2}.split-preview{min-height:400px;order:1;padding:var(--space-lg)}.pdf-preview-container{min-height:400px}}@media(max-width:480px){.input-group-row{grid-template-columns:1fr}.gradient-row{grid-template-columns:1fr}.settings-tab{padding:var(--space-xs)var(--space-sm);font-size:var(--font-size-xs)}.export-controls{max-width:100%}}.time-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:2px solid var(--border-color);padding:0 var(--space-sm)}.time-tab{background:0 0;border:none;border-bottom:3px solid transparent;padding:var(--space-md)var(--space-lg);font-size:var(--font-size-md);font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.time-tab:hover{color:var(--text-main);background-color:var(--bg-color)}.time-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.time-panel{display:none;animation:fadeIn .3s ease}.time-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.time-display-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-xl);max-width:600px;margin:0 auto}.time-display{font-size:64px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;color:var(--text-main);margin-bottom:var(--space-xl);letter-spacing:2px;font-family:monaco,menlo,courier new,monospace}.timer-alarm-blink{animation:alarmBlink 1s ease-in-out infinite}@keyframes alarmBlink{0%,49%{color:var(--danger);opacity:1}50%,100%{color:var(--danger);opacity:.3}}.time-controls{display:flex;flex-direction:column;gap:var(--space-lg)}.time-input-group{display:flex;gap:var(--space-md);justify-content:center}.time-input-field{display:flex;flex-direction:column;gap:var(--space-xs)}.time-input-field label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600;text-align:center}.time-input-field input{width:80px;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-lg);text-align:center;font-weight:600}.time-button-group{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.timer-presets{margin-top:var(--space-md)}.preset-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600;margin-bottom:var(--space-sm);text-align:center}.preset-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.btn-preset{min-width:60px}.lap-times{margin-top:var(--space-lg)}.lap-times h3{font-size:var(--font-size-md);color:var(--text-main);margin-bottom:var(--space-md);text-align:center}.lap-times-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto}.lap-time-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm)var(--space-md);background:var(--bg-color);border-radius:var(--radius);border:1px solid var(--border-color)}.lap-number{font-weight:600;color:var(--text-main);font-size:var(--font-size-sm)}.lap-time{font-weight:700;color:var(--text-main);font-family:monaco,menlo,courier new,monospace;font-size:var(--font-size-base)}.split-time{font-size:var(--font-size-sm);color:var(--text-muted);font-family:monaco,menlo,courier new,monospace}.worldclock-container{max-width:800px;margin:0 auto}.worldclock-search{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.timezone-search-wrapper{flex:1;position:relative}.worldclock-search input{width:100%;padding:var(--space-sm)var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-base)}.timezone-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--panel-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius)var(--radius);max-height:300px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 4px 6px rgba(0,0,0,.1)}.timezone-dropdown.show{display:block}.timezone-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm)var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.timezone-dropdown-item:last-child{border-bottom:none}.timezone-dropdown-item:hover,.timezone-dropdown-item.selected{background-color:var(--primary-light)}.tz-name{font-weight:500;color:var(--text-main);font-size:var(--font-size-base)}.tz-offset{font-size:var(--font-size-sm);color:var(--text-muted);font-family:monaco,menlo,courier new,monospace}.worldclock-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.worldclock-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-md);transition:box-shadow .2s ease,transform .1s ease;cursor:pointer}.worldclock-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.worldclock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.worldclock-name{font-weight:600;font-size:var(--font-size-md);color:var(--text-main)}.worldclock-time{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:var(--space-xs);font-family:monaco,menlo,courier new,monospace}.worldclock-date{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-xs)}.worldclock-offset{font-size:var(--font-size-xs);color:var(--text-light)}.big-clock-view{animation:fadeIn .3s ease}.big-clock-view.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:var(--panel-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.big-clock-view.fullscreen .big-clock-controls{position:absolute;top:var(--space-lg);right:var(--space-lg);margin:0}.big-clock-view.fullscreen .back-btn{display:none}.big-clock-view.fullscreen .big-clock-container{border:none;background:0 0;width:100%;height:100%;max-width:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.big-clock-view.fullscreen .big-clock-city{font-size:48px}.big-clock-view.fullscreen .big-clock-time{font-size:180px}.big-clock-view.fullscreen .big-clock-date{font-size:32px}.big-clock-view.fullscreen .big-clock-offset{font-size:var(--font-size-lg)}.big-clock-controls{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.big-clock-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-xl)}.big-clock-city{font-size:32px;font-weight:700;color:var(--text-main);margin-bottom:var(--space-lg);text-align:center}.big-clock-time{font-size:120px;font-weight:700;color:var(--primary);margin-bottom:var(--space-lg);font-family:monaco,menlo,courier new,monospace;letter-spacing:4px;text-align:center;line-height:1}.big-clock-date{font-size:24px;color:var(--text-muted);margin-bottom:var(--space-md);text-align:center}.big-clock-offset{font-size:var(--font-size-md);color:var(--text-light);text-align:center;font-family:monaco,menlo,courier new,monospace}@media(max-width:768px){.time-display{font-size:48px}.time-display-card{padding:var(--space-lg)}.time-input-field input{width:70px;font-size:var(--font-size-base)}.worldclock-list{grid-template-columns:1fr}.time-tabs{overflow-x:auto}.time-tab{white-space:nowrap;padding:var(--space-sm)var(--space-md)}.big-clock-city{font-size:24px}.big-clock-time{font-size:72px;letter-spacing:2px}.big-clock-date{font-size:18px}.big-clock-container{padding:var(--space-lg);min-height:300px}}.converter-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.converter-swap{display:flex;justify-content:center;margin:var(--space-md)0}.swap-btn{font-size:var(--font-size-lg);padding:8px 16px}.converter-formula{padding:var(--space-md);background:var(--bg-color);border-radius:var(--radius);margin-top:var(--space-md)}.formula-text{font-size:var(--font-size-sm);color:var(--text-muted)}.digital-info{padding:var(--space-sm);background:var(--primary-light);border-radius:var(--radius);margin-bottom:var(--space-md);font-size:var(--font-size-sm)}.digital-info p{margin:0 0 var(--space-xs)}.digital-info p:last-child{margin-bottom:0}.converter-display{width:100%;max-width:600px}.converter-result-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-xl);text-align:center;margin-bottom:var(--space-lg);box-shadow:0 4px 12px rgba(0,0,0,8%)}.result-from,.result-to{padding:var(--space-md)}.result-value{font-size:48px;font-weight:700;color:var(--text-main);display:block;font-variant-numeric:tabular-nums}.result-unit{font-size:var(--font-size-lg);color:var(--text-muted);display:block;margin-top:var(--space-xs)}.result-equals{font-size:36px;color:var(--text-light);padding:var(--space-sm)0}.all-units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.unit-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-md);text-align:center}.unit-value{font-size:var(--font-size-md);font-weight:600;color:var(--text-main);font-variant-numeric:tabular-nums;word-break:break-all}.unit-name{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.time-calc-display{width:100%;max-width:600px}.time-result-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-xl);box-shadow:0 4px 12px rgba(0,0,0,8%)}.result-title{font-size:var(--font-size-lg);color:var(--text-muted);text-align:center;margin-bottom:var(--space-lg)}.result-main{text-align:center;margin-bottom:var(--space-lg)}.result-number{font-size:72px;font-weight:700;color:var(--text-main);display:block;font-variant-numeric:tabular-nums}.result-label{font-size:var(--font-size-lg);color:var(--text-muted);display:block}.result-date{font-size:28px;font-weight:600;color:var(--text-main)}.result-breakdown{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-color);border-radius:var(--radius)}#result-unixtime .result-breakdown{flex-direction:column;gap:var(--space-sm);align-items:stretch}.breakdown-item{text-align:center}.breakdown-value{font-size:32px;font-weight:700;color:var(--primary);display:block}.breakdown-label{font-size:var(--font-size-sm);color:var(--text-muted)}.result-conversions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.result-conversions p{margin:0;padding:var(--space-sm);background:var(--bg-color);border-radius:var(--radius);font-size:var(--font-size-sm)}.result-dates{padding:var(--space-md);background:var(--bg-color);border-radius:var(--radius)}.result-dates p{margin:0 0 var(--space-xs);font-size:var(--font-size-sm)}.result-dates p:last-child{margin-bottom:0}.worldclock-result{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.wc-from,.wc-to{text-align:center;flex:1}.wc-city{font-size:var(--font-size-md);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-sm)}.wc-time{font-size:48px;font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums}.wc-date{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.wc-arrow{font-size:32px;color:var(--text-light)}.wc-offset-info{padding:var(--space-md);background:var(--bg-color);border-radius:var(--radius)}.wc-offset-info p{margin:0 0 var(--space-xs);font-size:var(--font-size-sm)}.wc-offset-info p:last-child{margin-bottom:0}.note{color:var(--warning);margin-top:var(--space-sm)}.error{color:var(--danger)}@media(max-width:768px){.duration-inputs{grid-template-columns:repeat(2,1fr)}.result-number{font-size:48px}.breakdown-value{font-size:24px}.result-breakdown{flex-wrap:wrap;gap:var(--space-md)}.worldclock-result{flex-direction:column}.wc-arrow{transform:rotate(90deg)}.wc-time{font-size:36px}}.security-container{max-width:1100px}.security-header{margin-bottom:var(--space-lg)}.security-tabs{margin-bottom:var(--space-lg)}.security-panel{margin-bottom:var(--space-md)}.security-history-section{margin-top:var(--space-xl);border-top:2px solid var(--border-color);padding-top:var(--space-lg)}.security-history-section h3{margin-bottom:var(--space-md)}.security-grid{display:grid;gap:var(--space-md)}.security-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.security-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.security-output-card{border:1px solid var(--border-color);border-radius:var(--radius);background:#f8fafc;padding:var(--space-md)}.security-output-row{display:flex;gap:var(--space-sm)}.security-colored-preview{margin-top:var(--space-xs);padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius);background:#fff;min-height:38px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;word-break:break-all}.security-copy-row{margin-top:var(--space-sm);margin-bottom:var(--space-xs)}.pw-part-word,.pw-part-char{color:#2b6cb0;font-weight:600}.pw-part-num{color:#b7791f;font-weight:600}.pw-part-sep,.pw-part-sym{color:#805ad5;font-weight:600}.security-inline-wrap{flex-wrap:wrap;row-gap:var(--space-xs);column-gap:var(--space-md)}.security-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-xs)var(--space-sm)}.security-table td:nth-child(2),.security-table td:nth-child(3),.security-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:12px;word-break:break-all}.security-separator-row td{padding:0;height:10px;border-bottom:none!important;border-top:2px solid #dbe7f3;background:0 0}.table-wrap{width:100%;overflow-x:auto}.security-status{margin-top:var(--space-sm);min-height:20px}.security-status--info{color:var(--text-muted)}.security-status--success{color:var(--success)}.security-status--error{color:var(--danger)}.security-cursor-bubble{position:fixed;transform:translate(-50%,-100%);padding:6px 10px;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:600;color:#fff;z-index:10000;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.2);animation:securityBubbleFade 1.2s ease-out forwards}.security-cursor-bubble--success{background:var(--success)}.security-cursor-bubble--error{background:var(--danger)}@keyframes securityBubbleFade{0%{opacity:0;transform:translate(-50%,-90%)}15%{opacity:1;transform:translate(-50%,-100%)}100%{opacity:0;transform:translate(-50%,-125%)}}.scanner-page{max-width:820px}.scanner-layout{display:block}.scanner-panel{margin-bottom:0}.scanner-panel--drop-active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.15)}.scanner-result-card{border:1px solid var(--border-color);border-radius:var(--radius);background:#f8fafc;padding:var(--space-md)}.scanner-result{margin-top:var(--space-xs);margin-bottom:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius);background:#fff;min-height:56px;padding:10px;white-space:normal;word-break:break-word}.scanner-type-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:8px;font-weight:700}.scanner-raw-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:4px;font-weight:700}.scanner-kv-list{display:grid;gap:4px}.scanner-kv{display:grid;grid-template-columns:120px 1fr;gap:6px;align-items:start}.scanner-k{color:var(--text-muted);font-weight:600;font-size:var(--font-size-sm)}.scanner-v{color:var(--text-main)}.scanner-raw-value{margin:0;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius);background:#f8fafc;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:12px}.scanner-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.scanner-format-badge{display:inline-block;background:var(--primary);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-bottom:6px;letter-spacing:.3px}@media(max-width:900px){.security-grid--2{grid-template-columns:1fr}.scanner-kv{grid-template-columns:90px 1fr}}.security-history-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.security-history-list{display:flex;flex-direction:column;gap:6px}.pw-history-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius);background:#f8fafc}.pw-history-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.pw-history-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px;background:var(--primary);color:#fff;white-space:nowrap;flex-shrink:0}.pw-history-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;word-break:break-all;min-width:0;flex:1}.pw-history-date{font-size:11px;color:var(--text-secondary,#888);white-space:nowrap;flex-shrink:0}.pw-history-actions{display:flex;gap:4px;flex-shrink:0}.pw-history-delete{color:#dc3545!important;border-color:#dc3545!important}.pw-history-delete:hover{background:#dc3545!important;color:#fff!important}@media(max-width:600px){.pw-history-item{flex-direction:column;align-items:flex-start}.pw-history-actions{align-self:flex-end}.pw-history-date{display:none}}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-primary{color:var(--primary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.hidden{display:none!important}