body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.diff-view{background:var(--bg-primary);display:flex;flex-direction:column;font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;height:100%;overflow:hidden}.diff-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:8px 16px}.diff-summary{align-items:center;display:flex;font-size:12px;gap:12px}.diff-count{border-radius:4px;padding:4px 8px}.diff-count.modified{background:#eab30826;color:#b45309}.diff-count.added{background:#22c55e26;color:#15803d}.diff-count.removed{background:#ef444426;color:#b91c1c}.diff-total{color:var(--text-primary);font-weight:600}.diff-panels{grid-gap:1px;background:var(--border-color);display:grid;flex:1 1;gap:1px;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden}.diff-panel{background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.panel-header{font-size:12px;justify-content:space-between}.panel-header h3{color:var(--text-secondary);font-weight:600}.panel-header .stats{background:var(--bg-tertiary);border-radius:4px;color:var(--text-tertiary);font-size:11px;padding:2px 6px}.panel-body{flex:1 1;overflow:auto;padding:16px}.diff-node{margin:2px 0}.node-header{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:4px 6px;transition:background .2s}.node-header:hover{background:var(--bg-tertiary)}.expand-icon{font-size:10px;width:16px}.bracket,.expand-icon{color:var(--text-tertiary)}.key{color:var(--key-color);font-weight:500}.count-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--text-tertiary);font-size:10px;padding:2px 4px}.change-badge{background:var(--bg-primary);border:1px solid;border-radius:3px;font-size:9px;margin-left:8px;padding:2px 4px}.node-children{margin-left:20px;padding-left:8px;position:relative}.node-children:before{background:var(--border-color);bottom:0;content:"";left:0;opacity:.3;position:absolute;top:0;width:1px}.array-item,.object-property{align-items:baseline;display:flex;gap:8px;margin:2px 0}.array-index{color:var(--text-tertiary);font-size:11px;min-width:30px}.property-key{color:var(--key-color);font-weight:500;min-width:100px}.primitive-value{color:var(--text-primary)}.diff-added .node-header,.diff-added.primitive-value{background-color:#22c55e1a;border-left:3px solid #22c55e}.diff-removed .node-header,.diff-removed.primitive-value{background-color:#ef44441a;border-left:3px solid #ef4444;opacity:.8;text-decoration:line-through}.diff-modified .node-header,.diff-modified.primitive-value{background-color:#eab3081a;border-left:3px solid #eab308}.diff-legend{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;font-size:11px;gap:16px;padding:8px 16px}.legend-item{align-items:center;display:flex;gap:4px}.legend-item:before{border-radius:3px;content:"";height:12px;width:12px}.legend-item.added:before{background:#22c55e;opacity:.5}.legend-item.removed:before{background:#ef4444;opacity:.5}.legend-item.modified:before{background:#eab308;opacity:.5}[data-theme=dark] .diff-added .node-header{background-color:#22c55e33}[data-theme=dark] .diff-removed .node-header{background-color:#ef444433}[data-theme=dark] .diff-modified .node-header{background-color:#eab30833}.empty-message{color:var(--text-tertiary);font-style:italic;padding:40px;text-align:center}.view-toggle{background:var(--bg-tertiary);border-radius:6px;display:flex;gap:4px;padding:2px}.view-toggle button{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s}.view-toggle button.active{background:var(--accent);color:#fff}.diff-view.empty{align-items:center;display:flex;height:100%;justify-content:center}.unified-panel{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.unified-diff{height:100%;overflow:auto;padding:16px}.unified-lines{display:flex;flex-direction:column;gap:4px}.diff-line{align-items:baseline;border-radius:4px;display:flex;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;gap:12px;padding:6px 12px}.diff-line.added{background-color:#22c55e1a;border-left:3px solid #22c55e}.diff-line.removed{background-color:#ef44441a;border-left:3px solid #ef4444}.diff-line.modified{background-color:#eab3081a;border-left:3px solid #eab308}.line-number{color:var(--text-tertiary);font-size:11px;font-weight:600;min-width:24px}.diff-line .key{color:var(--key-color);font-weight:500;min-width:100px}.diff-line .old-value{color:var(--text-tertiary);text-decoration:line-through}.diff-line .arrow{color:var(--text-tertiary);font-size:12px}.diff-line .new-value{color:var(--text-primary);font-weight:500}.diff-line .change-label{background:var(--bg-primary);border-radius:10px;color:var(--text-tertiary);font-size:10px;margin-left:auto;padding:2px 6px}.diff-count.no-diff{color:var(--text-tertiary);font-style:italic}.profile-widget{display:inline-block;position:relative}.profile-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px;transition:all .2s;white-space:nowrap}.profile-button:hover{background:var(--bg-tertiary);border-color:var(--accent)}.profile-button:hover .profile-icon{color:var(--accent)}.profile-icon{color:var(--text-secondary);font-size:14px;transition:color .2s}.profile-badge{background:var(--accent);border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px}.profile-card{animation:slideDown .2s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 30px #00000026;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card-header{background:var(--bg-secondary);gap:12px;padding:16px}.header-left{flex:1 1;gap:12px}.developer-avatar{align-items:center;background:var(--accent-light);border-radius:12px;color:var(--accent);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.developer-info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.linkedin-link{align-items:center;background:#0077b5;border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px;text-decoration:none;transition:all .2s}.linkedin-link:hover{background:#005e93;box-shadow:0 2px 8px #0077b54d;transform:translateY(-1px)}.linkedin-link svg{font-size:12px}.card-content{gap:16px;padding:16px}.about-section{margin-bottom:8px}.section-title{color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.widget-description{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.widget-description strong{color:var(--text-primary);font-weight:600}.tools-section{margin-bottom:8px}.tools-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.tool-icon{color:var(--accent);color:var(--tool-color,var(--accent));flex-shrink:0;font-size:16px}.tool-name{color:var(--text-primary);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.privacy-features{margin-top:4px}.privacy-badge{align-items:center;background:linear-gradient(135deg,#2ecc711a,#2ecc710d);border:1px solid #2ecc714d;border-radius:8px;color:#2ecc71;display:flex;flex-wrap:wrap;font-size:11px;font-weight:500;gap:4px;justify-content:center;padding:10px 14px}.badge-item{align-items:center;display:inline-flex;white-space:nowrap}.badge-separator{color:#2ecc7180;margin:0 2px}.card-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:11px;justify-content:space-between;padding:12px 16px}[data-theme=dark] .profile-card{border-color:var(--border-color);box-shadow:0 8px 30px #0000004d}[data-theme=dark] .tool-item{background:var(--bg-tertiary)}[data-theme=dark] .tool-item:hover{background:var(--bg-secondary)}[data-theme=dark] .privacy-badge{background:linear-gradient(135deg,#2ecc7133,#2ecc711a)}@media (max-width:768px){.profile-card{right:-10px;width:320px}.profile-badge{display:none}.tools-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-card{width:280px}.developer-avatar{font-size:20px;height:40px;width:40px}.developer-info h4{font-size:14px}.privacy-badge{flex-direction:column;gap:4px;text-align:center}.badge-separator{display:none}}.tool-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:default;display:flex;gap:8px;padding:10px 12px;position:relative;transition:all .2s}.tool-item:hover{background:var(--bg-tertiary);border-color:var(--tool-color,var(--accent));box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tool-tooltip-portal{animation:tooltipFadeIn .15s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 25px #0003;color:var(--text-secondary);font-size:11px;line-height:1.5;padding:10px 14px;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%);width:220px;z-index:99999}.tool-tooltip-portal:before{border-bottom:6px solid var(--bg-primary);border-left:6px solid #0000;border-right:6px solid #0000;top:-6px}.tool-tooltip-portal:after,.tool-tooltip-portal:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.tool-tooltip-portal:after{border-bottom:7px solid var(--border-color);border-left:7px solid #0000;border-right:7px solid #0000;top:-7px}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#495057;--text-tertiary:#868e96;--border-color:#e9ecef;--accent:#1a73e8;--accent-hover:#1557b0;--accent-light:#e8f0fe;--error-bg:#fff5f5;--error-border:#dc3545;--error-text:#721c24;--success-bg:#e6ffed;--success-border:#28a745;--success-text:#1e7e34;--warning-bg:#fff5e6;--warning-border:#fd7e14;--warning-text:#b45b0b;--code-bg:#f8f9fa;--code-text:#212529;--gutter-bg:#f1f3f4;--gutter-text:#868e96;--active-line:#e8f0fe;--string-color:#1c7e4c;--number-color:#1a73e8;--boolean-color:#c2185b;--null-color:#868e96;--key-color:#881391}[data-theme=dark]{--bg-primary:#1e1e1e;--bg-secondary:#2d2d2d;--bg-tertiary:#3e3e3e;--text-primary:#d4d4d4;--text-secondary:#9d9d9d;--text-tertiary:#6e6e6e;--border-color:#3e3e3e;--accent:#3794ff;--accent-hover:#4da6ff;--accent-light:#2d3e5e;--error-bg:#422;--error-border:#c55;--error-text:#faa;--success-bg:#242;--success-border:#5a5;--success-text:#afa;--warning-bg:#444222;--warning-border:#cc5;--warning-text:#ffa;--code-bg:#1e1e1e;--code-text:#d4d4d4;--gutter-bg:#252526;--gutter-text:#6e6e6e;--active-line:#2d2d2d;--string-color:#ce9178;--number-color:#b5cea8;--boolean-color:#569cd6;--null-color:#6e6e6e;--key-color:#9cdcfe}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .2s,color .2s}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;height:auto;margin:0 auto;overflow-x:hidden;overflow-y:auto;padding:20px}.global-toolbar{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:8px;margin-bottom:16px;padding:8px 16px}.toolbar-group{border-right:1px solid var(--border-color);display:flex;gap:4px;margin-right:12px;padding-right:12px}.toolbar-group:last-child{border-right:none}.global-toolbar button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.global-toolbar button:hover{background:var(--bg-secondary);color:var(--accent)}.global-toolbar button.active{background:var(--accent);color:#fff}.global-toolbar button svg{font-size:16px}.editor-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:auto;min-height:calc(100vh - 140px);overflow:visible}.panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:background-color .2s,border-color .2s}.panel-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;padding:8px 12px}.panel-header,.panel-title{align-items:center;display:flex;gap:8px}.panel-title{min-width:140px}.panel-title h3{color:var(--text-secondary);font-size:13px;font-weight:600;margin:0}.panel-title .badge{background:var(--bg-tertiary);border-radius:20px;color:var(--text-secondary);font-size:11px;padding:2px 8px}.panel-toolbar{align-items:center;display:flex;flex:1 1;gap:4px;justify-content:flex-end}.icon-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;padding:6px;position:relative;transition:all .2s;width:32px}.icon-button:hover{background:var(--bg-tertiary);color:var(--accent)}.icon-button.active{background:var(--accent);color:#fff}.icon-button:hover:after{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;bottom:-30px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);content:attr(title);font-size:11px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.upload-btn{display:inline-flex;position:relative}.upload-btn input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.validation-status{font-size:12px;justify-content:flex-end;min-width:70px}.valid,.validation-status{align-items:center;display:flex;gap:4px}.valid{color:#22c55e}.invalid{align-items:center;color:#ef4444;display:flex;gap:4px}.panel-content{background:var(--bg-primary);flex:1 1;overflow:auto}.ace-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:13px!important;height:100%!important;line-height:1.5!important;width:100%!important}.ace_gutter{background:var(--gutter-bg)!important;color:var(--gutter-text)!important}.ace_active-line{background:var(--active-line)!important}.ace_cursor{border-left:2px solid var(--accent)!important}.error-panel{align-items:center;background:var(--error-bg);border-top:2px solid var(--error-border);color:var(--error-text);display:flex;font-family:monospace;font-size:13px;gap:12px;padding:10px 16px}.tree-view{background:var(--bg-primary);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;height:100%;overflow:auto;padding:16px}.tree-view .key{color:var(--key-color);font-weight:500}.tree-view .string{color:var(--string-color)}.tree-view .number{color:var(--number-color)}.tree-view .boolean{color:var(--boolean-color)}.tree-view .null{color:var(--null-color);font-style:italic}.tree-view .array-count,.tree-view .object-count{background:var(--bg-tertiary);border-radius:12px;color:var(--text-tertiary);font-size:11px;margin-left:6px;padding:2px 6px}.find-replace-overlay{pointer-events:none;position:absolute;top:60px;width:380px;z-index:1000}.find-replace-panel{animation:slideIn .2s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 30px #0003;overflow:hidden;pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.find-replace-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.find-replace-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.find-replace-title svg{color:var(--accent)}.close-button{background:#0000;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.find-replace-content{padding:16px}.input-group{margin-bottom:12px;position:relative}.find-input,.replace-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 70px 10px 12px;transition:all .2s;width:100%}.find-input:focus,.replace-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);outline:none}.match-count{background:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);font-size:12px;padding:2px 8px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-options{display:flex;gap:16px;margin-bottom:16px;padding:8px 0}.option-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;-webkit-user-select:none;user-select:none}.option-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.action-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-width:60px;padding:8px 12px;transition:all .2s}.action-button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.action-button.active{background:var(--accent);color:#fff}.action-button:disabled{cursor:not-allowed;opacity:.4}.shortcut-hint{border-top:1px solid var(--border-color);color:var(--text-tertiary);font-size:11px;padding:8px 0;text-align:center}.shortcut-hint kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;display:inline-block;font-family:monospace;font-size:11px;margin:0 2px;padding:2px 6px}.diff-panel-content{height:100%;overflow:auto;padding:16px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:var(--text-primary);font-size:20px;font-weight:600}.modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:24px}.modal-close:hover{color:var(--text-primary)}.modal-content{padding:24px}.modal-content textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:13px;height:200px;margin:16px 0;padding:12px;resize:vertical;width:100%}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-actions button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px}.modal-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.modal-actions button.primary:hover{background:var(--accent-hover)}.drag-overlay{align-items:center;background:#1a73e8e6;bottom:0;color:#fff;display:flex;font-size:24px;font-weight:600;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:2000}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:1200px){.panel-header{flex-wrap:wrap}.panel-toolbar{justify-content:flex-start;margin-top:4px;order:3;width:100%}}.tool-selector{min-width:200px;position:relative}.profile-widget{flex-shrink:0;margin-left:auto}.tool-selector-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 16px;transition:all .2s;width:100%}.tool-selector-button:hover{background:var(--bg-tertiary);border-color:var(--accent)}.tool-selector-button .tool-icon{color:var(--accent);font-size:16px}.tool-selector-button .dropdown-arrow{color:var(--text-tertiary);font-size:12px;margin-left:auto;transition:transform .2s}.tool-selector-button .dropdown-arrow.open{transform:rotate(180deg)}.tool-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 30px #0003;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.tool-history{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.history-header{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 16px;-webkit-user-select:none;user-select:none}.history-header:hover{background:var(--bg-tertiary)}.history-arrow{font-size:10px;margin-left:auto;transition:transform .2s}.history-arrow.open{transform:rotate(180deg)}.history-list{padding:4px 0}.history-item{padding:8px 16px 8px 32px!important}.tools-list{max-height:300px;overflow-y:auto}.tool-option{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s;width:100%}.tool-option:hover{background:var(--bg-secondary)}.tool-option.active{background:var(--accent-light);border-left:3px solid var(--accent)}.tool-option .tool-icon{color:var(--accent);font-size:16px;min-width:20px}.tool-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px}.tool-info .tool-name{font-size:13px;font-weight:500}.tool-info .tool-description{color:var(--text-tertiary);font-size:11px}.active-indicator{color:var(--accent);font-weight:600;margin-left:8px}.tools-main-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;flex:1 1;height:auto;min-height:calc(100vh - 140px);overflow-x:hidden;overflow-y:auto}.coming-soon{align-items:center;color:var(--text-tertiary);display:flex;font-size:16px;font-style:italic;height:100%;justify-content:center}@media (max-width:1200px){.converter-panels{gap:12px;grid-template-columns:1fr}.converter-header{align-items:stretch;flex-direction:column;gap:12px}.mode-selector{justify-content:center}.converter-controls{justify-content:space-between}}@media (max-width:800px){.global-toolbar{flex-wrap:wrap}.profile-widget{display:flex;justify-content:flex-end;margin-left:0;width:100%}.base64-converter{padding:12px}.mode-selector{flex-wrap:wrap}.panel-label{align-items:flex-start;flex-direction:column;gap:8px}.panel-actions{justify-content:flex-end;width:100%}.converter-footer{align-items:flex-start;flex-direction:column;gap:8px}}[data-theme=dark] .mode-btn.active{background:var(--accent)}[data-theme=dark] .file-upload-area:hover{background:var(--bg-tertiary)}[data-theme=dark] .converter-textarea{background:var(--bg-secondary)}[data-theme=dark] .converter-textarea:focus{background:var(--bg-primary)}.header-left{align-items:center;display:flex;gap:16px}.header-icon-wrapper{align-items:center;background:var(--accent-light);border-radius:12px;color:var(--accent);display:flex;height:48px;justify-content:center;width:48px}.header-icon{font-size:24px}.header-title h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.header-actions{display:flex;gap:8px}.action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.action-btn:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn.primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:14px 18px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:var(--text-secondary);font-size:14px;font-weight:600;gap:10px}.card-icon{color:var(--accent);font-size:16px}.card-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.nav-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.nav-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.05)}.dropdown-icon{font-size:11px;transition:transform .2s}.dropdown-icon.open{transform:rotate(180deg)}.value-row{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.value-row:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000d;transform:translateX(2px)}.value-label{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.value-content{align-items:center;display:flex;gap:10px}.value-content code{background:var(--bg-secondary);border-radius:8px;color:var(--accent);font-family:Monaco,Menlo,monospace;font-size:14px;font-weight:500;padding:6px 12px}.copy-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.copy-btn:hover{background:var(--bg-tertiary);color:var(--accent);transform:scale(1.1)}.copy-btn .success{color:#22c55e}.input-label,.input-section{margin-bottom:8px}.input-label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px}.input-arrow{color:var(--accent);font-size:12px}.input-wrapper{position:relative}.input-error{align-items:center;bottom:-22px;color:#ef4444;display:flex;font-size:11px;gap:4px;left:0;position:absolute}.conversion-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:18px}.conversion-section h4{border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;padding-bottom:10px;text-transform:uppercase}.conversion-list{display:flex;flex-direction:column;gap:12px}.conversion-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0;transition:all .2s}.conversion-row:hover{transform:translateX(4px)}.conv-label{color:var(--text-tertiary);font-size:13px;font-weight:500;min-width:45px}.conv-value{align-items:center;display:flex;gap:10px}.conv-value code{background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);font-family:Monaco,Menlo,monospace;font-size:13px;padding:6px 12px;transition:all .2s}.conv-value code:hover{background:var(--bg-tertiary);color:var(--accent)}.iso-code{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epoch-footer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:12px;justify-content:space-between;padding:10px 18px}.epoch-footer,.footer-note{align-items:center;display:flex}.footer-note{color:var(--text-secondary);gap:8px}.note-icon{font-size:14px}.footer-shortcuts{align-items:center;color:var(--text-tertiary);display:flex;gap:8px}.footer-shortcuts kbd{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000000d;color:var(--text-secondary);display:inline-block;font-family:monospace;font-size:11px;font-weight:500;padding:4px 8px}.card-content::-webkit-scrollbar{width:8px}.card-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.card-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.card-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:1400px){.calendar-time-wrapper{align-items:stretch;flex-direction:column}.clock-section{flex-direction:row;justify-content:space-around;padding:16px}.digital-time{font-size:18px}}@media (max-width:1200px){.epoch-grid{grid-template-columns:1fr;overflow-y:auto}.epoch-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{justify-content:flex-end;width:100%}}@media (max-width:768px){.epoch-calculator{padding:12px}.time-input-group{flex-direction:column}.time-presets{width:100%}.clock-section{flex-direction:column}.conv-value code{max-width:180px}.epoch-display{flex-wrap:wrap}.footer-note{align-items:flex-start;flex-direction:column;gap:4px}.footer-shortcuts{justify-content:flex-start;width:100%}}@media (max-width:480px){.epoch-header{padding:12px}.header-left{align-items:flex-start;flex-direction:column;gap:8px}.header-icon-wrapper{height:40px;width:40px}.calendar-day{font-size:12px;height:30px}.value-row{align-items:flex-start;flex-direction:column;gap:8px}.value-content{justify-content:space-between;width:100%}.conversion-row{align-items:flex-start;flex-direction:column;gap:6px}.conv-value{justify-content:space-between;width:100%}}[data-theme=dark] .analog-clock{background:var(--bg-secondary);border-color:var(--accent)}[data-theme=dark] .hand.hour-hand,[data-theme=dark] .hand.minute-hand{background:var(--text-primary)}[data-theme=dark] .hand.second-hand{background:var(--accent)}[data-theme=dark] .clock-center{border-color:var(--bg-secondary)}[data-theme=dark] .digital-time{background:var(--bg-secondary);color:var(--accent)}[data-theme=dark] .epoch-input.error{background:#ef444426}[data-theme=dark] .calendar-day:hover:not(:disabled){background:var(--bg-tertiary);color:var(--accent)}[data-theme=dark] .conv-value code,[data-theme=dark] .footer-shortcuts kbd,[data-theme=dark] .value-content code{background:var(--bg-tertiary)}.clock-section{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;min-width:160px;padding:12px 20px}
/*# sourceMappingURL=main.7c4ed1ca.css.map*/