:root{--alb-primary:#8b5cf6;--alb-primary-hover:#7c3aed;--alb-primary-active:#6d28d9;--alb-primary-light:#a78bfa;--alb-primary-bg:#8b5cf614;--alb-bg:#fff;--alb-bg-secondary:#f8fafc;--alb-bg-tertiary:#f1f5f9;--alb-header-bg:#f8fafc;--alb-text:#0f172a;--alb-text-secondary:#475569;--alb-text-muted:#64748b;--alb-text-placeholder:#94a3b8;--alb-border:#e2e8f0;--alb-border-light:#f1f5f9;--alb-shadow-sm:0 1px 2px 0 #0000000d;--alb-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--alb-shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--alb-shadow-focus:0 0 0 3px #8b5cf633;--alb-success:#10b981;--alb-success-bg:#10b9811a;--alb-accent:#8b5cf6;--alb-accent-bg:#8b5cf61a;--alb-radius:.75rem;--alb-radius-lg:1rem;--alb-radius-sm:.5rem;--alb-radius-xs:.375rem}._alb-container{flex-direction:column;gap:1rem;width:100%;max-width:1300px;margin:0 auto;display:flex}@media (max-width:768px){._alb-container{gap:.75rem;padding-left:1rem;padding-right:1rem}}._alb-options{background:var(--alb-bg);border-radius:var(--alb-radius);border-style:solid;border-width:1px;border-color:var(--alb-border);box-shadow:var(--alb-shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}._alb-options-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}._alb-options-label{text-transform:uppercase;letter-spacing:.05em;color:var(--alb-text-muted);font-size:.75rem;font-weight:600}._alb-mode-options{align-items:center;gap:.25rem;display:flex}._alb-mode-option{background:var(--alb-bg-tertiary);border-radius:var(--alb-radius-xs);color:var(--alb-text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.375rem .625rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}._alb-mode-option:hover{background:var(--alb-primary-bg);color:var(--alb-primary)}._alb-mode-option.is-active{background:var(--alb-primary);color:#fff}._alb-mode-config{border-left-style:solid;border-left-width:1px;border-left-color:var(--alb-border);margin-left:.5rem;padding-left:.75rem}._alb-config-panel{align-items:center;gap:.5rem;display:flex}._alb-config-panel.is-hidden{display:none}._alb-config-label{text-transform:uppercase;letter-spacing:.05em;color:var(--alb-text-muted);white-space:nowrap;font-size:.75rem;font-weight:600}._alb-config-input{background:var(--alb-bg);border-style:solid;border-width:1px;border-color:var(--alb-border);border-radius:var(--alb-radius-xs);width:120px;font-size:.875rem;font-weight:500;font-family:var(--main-font-mono);color:var(--alb-text);padding:.375rem .625rem;transition:border-color .2s,box-shadow .2s}._alb-config-input:focus{border-color:var(--alb-primary);box-shadow:var(--alb-shadow-focus);outline:none}._alb-config-input-sm{width:70px}._alb-checkbox{background:var(--alb-bg);border-style:solid;border-width:1px;border-color:var(--alb-border);border-radius:var(--alb-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--alb-shadow-sm);align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex}._alb-checkbox:hover{border-color:var(--alb-primary-light);box-shadow:var(--alb-shadow)}._alb-checkbox input{display:none}._alb-checkbox-box{background:var(--alb-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--alb-border);border-radius:4px;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:all .2s;display:flex}._alb-checkbox-box svg{color:#fff;opacity:0;width:10px;height:10px;transition:opacity .2s}._alb-checkbox input:checked+._alb-checkbox-box{background:var(--alb-primary);border-color:var(--alb-primary)}._alb-checkbox input:checked+._alb-checkbox-box svg{opacity:1}._alb-checkbox-label{color:var(--alb-text);font-size:.875rem;font-weight:500}@media (max-width:900px){._alb-options{flex-direction:column;align-items:stretch}._alb-options-group{justify-content:flex-start}._alb-mode-config{border-left:none;margin-left:0;padding-left:0}}@media (max-width:600px){._alb-mode-option{padding:.3rem .5rem;font-size:.75rem}._alb-checkbox-label{font-size:.8rem}}._alb-editor-section{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;display:grid}._alb-panel{background:var(--alb-bg);border-radius:var(--alb-radius-lg);border-style:solid;border-width:1px;border-color:var(--alb-border);box-shadow:var(--alb-shadow);box-sizing:border-box;flex-direction:column;max-width:100%;height:100%;display:flex;overflow:hidden}._alb-panel *{box-sizing:border-box}._alb-panel-header{background:var(--alb-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--alb-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._alb-panel-title{color:var(--alb-text);align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;display:flex}._alb-panel-title svg{width:16px;height:16px;color:var(--alb-primary)}._alb-panel-actions{align-items:center;gap:.25rem;display:flex}._alb-panel-btn{background:var(--alb-bg-tertiary);color:var(--alb-text-secondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.375rem;transition:background-color .15s,color .15s;display:inline-flex}._alb-panel-btn:hover{background:var(--alb-primary);color:#fff}._alb-panel-btn svg{flex-shrink:0;width:14px;height:14px}._alb-btn-accent{background:var(--alb-primary);color:#fff}._alb-btn-accent:hover{background:var(--alb-primary-hover)}._alb-panel-body{flex-direction:column;flex:1;min-width:0;min-height:300px;max-height:500px;display:flex;position:relative;overflow:hidden}._alb-editor-wrapper{background:var(--alb-bg);width:100%;min-width:0;max-width:100%;height:100%;display:flex;position:relative}._alb-line-numbers{background:var(--alb-bg-secondary);border-right-style:solid;border-right-width:1px;border-right-color:var(--alb-border-light);-webkit-user-select:none;user-select:none;flex-shrink:0;width:50px;overflow:hidden}._alb-line-numbers-inner{font-family:var(--main-font-mono);color:var(--alb-text-muted);text-align:right;white-space:nowrap;padding:1rem 0;font-size:.875rem;line-height:1.625rem}._alb-line-number{height:1.625rem;padding-right:.75rem;line-height:1.625rem;display:block}._alb-line-number.is-active{color:var(--alb-primary);background:var(--alb-bg-tertiary);font-weight:700}._alb-textarea{resize:none;min-width:0;height:100%;font-family:var(--main-font-mono);color:var(--alb-text);background:var(--alb-bg);white-space:pre;box-sizing:border-box;-moz-tab-size:4;tab-size:4;border:none;flex:1 1 0;margin:0;padding:1rem;font-size:.875rem;line-height:1.625rem;overflow:auto}._alb-textarea:focus{outline:none}._alb-textarea::placeholder{color:var(--alb-text-placeholder)}._alb-textarea::-webkit-scrollbar{width:8px;height:8px}._alb-textarea::-webkit-scrollbar-track{background:0 0}._alb-textarea::-webkit-scrollbar-thumb{background:var(--alb-border);border-radius:4px}._alb-textarea::-webkit-scrollbar-thumb:hover{background:var(--alb-text-muted)}._alb-swap-container{justify-content:center;align-items:center;display:flex}._alb-swap-btn{background:var(--alb-bg);border-style:solid;border-width:1px;border-color:var(--alb-border);width:40px;height:40px;color:var(--alb-text-secondary);cursor:pointer;box-shadow:var(--alb-shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}._alb-swap-btn:hover{background:var(--alb-primary);border-color:var(--alb-primary);color:#fff}._alb-swap-btn svg{width:16px;height:16px}@media (max-width:900px){._alb-editor-section{grid-template-columns:1fr;gap:.5rem}._alb-swap-container{order:2}._alb-swap-btn svg{transform:rotate(90deg)}._alb-panel-body{min-height:200px;max-height:350px}}@media (max-width:768px){._alb-textarea,._alb-line-numbers-inner{font-size:.8125rem}._alb-line-numbers{width:40px}._alb-line-number{padding-right:.5rem}}._alb-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem;display:flex}._alb-stat{background:var(--alb-bg);border-style:solid;border-width:1px;border-color:var(--alb-border);box-shadow:var(--alb-shadow-sm);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem .875rem;transition:box-shadow .2s,border-color .2s;display:inline-flex}._alb-stat:hover{box-shadow:var(--alb-shadow)}._alb-stat-label{color:var(--alb-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:500}._alb-stat-value{color:var(--alb-text);font-size:.875rem;font-weight:700;font-family:var(--main-font-mono);text-align:center;min-width:1.5rem}._alb-stat--success{background:linear-gradient(135deg, var(--alb-bg) 0%, var(--alb-success-bg) 100%);border-color:#10b9814d}._alb-stat--success ._alb-stat-label,._alb-stat--success ._alb-stat-value{color:var(--alb-success)}._alb-stat--accent{background:linear-gradient(135deg, var(--alb-bg) 0%, var(--alb-accent-bg) 100%);border-color:#8b5cf64d}._alb-stat--accent ._alb-stat-label,._alb-stat--accent ._alb-stat-value{color:var(--alb-accent)}@media (max-width:600px){._alb-stats{gap:.5rem}._alb-stat{padding:.375rem .75rem}._alb-stat-label{font-size:.6875rem}._alb-stat-value{font-size:.8125rem}}._alb-batch-toggle{background:var(--alb-bg);border-style:solid;border-width:1px;border-color:var(--alb-border);border-radius:var(--alb-radius);width:100%;color:var(--alb-text-secondary);cursor:pointer;box-shadow:var(--alb-shadow-sm);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}._alb-batch-toggle:hover{color:var(--alb-primary);border-color:var(--alb-primary-light);box-shadow:var(--alb-shadow)}._alb-batch-toggle.is-active{color:var(--alb-primary);border-color:var(--alb-primary);background:var(--alb-primary-bg)}._alb-batch-toggle svg:first-of-type{width:16px;height:16px}._alb-batch-toggle svg:last-of-type{width:12px;height:12px;margin-left:auto;transition:transform .2s}._alb-batch-toggle.is-active svg:last-of-type{transform:rotate(180deg)}._alb-file-section{background:var(--alb-bg);border-radius:var(--alb-radius-lg);border-style:solid;border-width:1px;border-color:var(--alb-border);box-shadow:var(--alb-shadow);overflow:hidden}._alb-file-section.is-hidden{display:none}._alb-file-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--alb-border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}._alb-suffix-field{align-items:center;gap:.5rem;display:flex}._alb-suffix-label{text-transform:uppercase;letter-spacing:.05em;color:var(--alb-text-muted);font-size:.75rem;font-weight:600}._alb-suffix-input{background:var(--alb-bg-secondary);border-style:solid;border-width:1px;border-color:var(--alb-border);border-radius:var(--alb-radius-xs);width:120px;font-size:.8125rem;font-weight:500;font-family:var(--main-font-mono);color:var(--alb-text);padding:.375rem .625rem;transition:border-color .2s,box-shadow .2s}._alb-suffix-input:focus{border-color:var(--alb-primary);box-shadow:var(--alb-shadow-focus);outline:none}._alb-file-upload{cursor:pointer;padding:2rem;transition:background-color .2s}._alb-file-upload:hover{background:var(--alb-bg-secondary)}._alb-file-upload.is-dragover{background:var(--alb-primary-bg)}._alb-upload-content{flex-direction:column;align-items:center;gap:.75rem;display:flex}._alb-upload-content svg{width:32px;height:32px;color:var(--alb-text-muted)}._alb-file-upload:hover ._alb-upload-content svg,._alb-file-upload.is-dragover ._alb-upload-content svg{color:var(--alb-primary)}._alb-upload-text{color:var(--alb-text-secondary);font-size:.9375rem;font-weight:500}._alb-upload-hint{color:var(--alb-text-muted);font-size:.75rem}._alb-file-list{border-top-style:solid;border-top-width:1px;border-top-color:var(--alb-border-light)}._alb-file-list.is-hidden{display:none}._alb-file-list ._alb-file-header{background:var(--alb-bg-secondary);padding:.625rem 1rem}._alb-file-count{color:var(--alb-text);font-size:.8125rem;font-weight:600}._alb-file-header-actions{align-items:center;gap:.5rem;display:flex}._alb-btn-sm{background:var(--alb-primary);border-radius:var(--alb-radius-xs);color:#fff;cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .15s;display:inline-flex}._alb-btn-sm:hover{background:var(--alb-primary-hover)}._alb-btn-sm svg{width:12px;height:12px}._alb-btn-muted{background:var(--alb-bg-tertiary);color:var(--alb-text-secondary)}._alb-btn-muted:hover{color:#fff;background:#ef4444}._alb-file-items{max-height:300px;overflow-y:auto}._alb-file-item{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--alb-border-light);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background-color .15s;display:flex}._alb-file-item:last-child{border-bottom:none}._alb-file-item:hover{background:var(--alb-bg-secondary)}._alb-file-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}._alb-file-icon{background:var(--alb-primary-bg);border-radius:var(--alb-radius-sm);width:32px;height:32px;color:var(--alb-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}._alb-file-icon svg{width:16px;height:16px}._alb-file-details{flex-direction:column;gap:.125rem;min-width:0;display:flex}._alb-file-name{color:var(--alb-text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}._alb-file-meta{color:var(--alb-text-muted);font-size:.75rem}._alb-file-actions{align-items:center;gap:.25rem;display:flex}._alb-file-btn{background:var(--alb-bg-tertiary);width:28px;height:28px;color:var(--alb-text-secondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}._alb-file-btn:hover{background:var(--alb-primary);color:#fff}._alb-file-btn._alb-remove-file:hover{background:#ef4444}._alb-file-btn svg{width:14px;height:14px}@media (max-width:600px){._alb-file-upload{padding:1.5rem 1rem}._alb-upload-content svg{width:24px;height:24px}._alb-upload-text{text-align:center;font-size:.875rem}}