:root{--aln-primary:#6366f1;--aln-primary-hover:#4f46e5;--aln-primary-active:#4338ca;--aln-primary-light:#818cf8;--aln-primary-bg:#6366f114;--aln-bg:#fff;--aln-bg-secondary:#f8fafc;--aln-bg-tertiary:#f1f5f9;--aln-header-bg:#f8fafc;--aln-text:#0f172a;--aln-text-secondary:#475569;--aln-text-muted:#64748b;--aln-text-placeholder:#94a3b8;--aln-border:#e2e8f0;--aln-border-light:#f1f5f9;--aln-shadow-sm:0 1px 2px 0 #0000000d;--aln-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--aln-shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--aln-shadow-lg:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--aln-shadow-focus:0 0 0 3px #6366f133;--aln-success:#10b981;--aln-success-bg:#10b9811a;--aln-warning:#f59e0b;--aln-warning-bg:#f59e0b1a;--aln-error:#ef4444;--aln-error-bg:#ef444414;--aln-info:#0ea5e9;--aln-info-bg:#0ea5e91a;--aln-radius:.75rem;--aln-radius-lg:1rem;--aln-radius-sm:.5rem;--aln-radius-xs:.375rem}._aln-container{flex-direction:column;gap:1rem;width:100%;max-width:1300px;margin:0 auto;display:flex}@media (max-width:768px){._aln-container{gap:.75rem;padding-left:1rem;padding-right:1rem}}._aln-options{background:var(--aln-bg);border-radius:var(--aln-radius);border-style:solid;border-width:1px;border-color:var(--aln-border);box-shadow:var(--aln-shadow-sm);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:relative}._aln-options-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}._aln-float-field{flex-direction:column;min-height:2.5rem;display:flex;position:relative}._aln-float-field.is-hidden{display:none}._aln-float-input{background:var(--aln-bg);border-style:solid;border-width:1px;border-color:var(--aln-border);border-radius:var(--aln-radius-sm);width:110px;color:var(--aln-text);box-shadow:var(--aln-shadow-sm);padding:.875rem .75rem .375rem;font-size:.875rem;font-weight:600;transition:border-color .2s,box-shadow .2s}._aln-float-input[type=number]{width:85px}._aln-float-input[type=text]{font-family:var(--main-font-mono)}._aln-float-input:hover{border-color:var(--aln-primary-light)}._aln-float-input:focus{border-color:var(--aln-primary);box-shadow:0 0 0 3px var(--aln-primary-bg);outline:none}._aln-float-label{color:var(--aln-text-muted);pointer-events:none;background:var(--aln-bg);padding:0 .25rem;font-size:.875rem;font-weight:500;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}._aln-float-input:focus+._aln-float-label,._aln-float-input:not(:placeholder-shown)+._aln-float-label{text-transform:uppercase;letter-spacing:.05em;color:var(--aln-primary);font-size:.6875rem;font-weight:600;top:0;left:.625rem}._aln-float-hint{color:var(--aln-text-secondary);background:var(--aln-bg-secondary);border-radius:var(--aln-radius-xs);opacity:0;pointer-events:none;white-space:nowrap;padding:.125rem .5rem;font-size:.6875rem;transition:opacity .2s,transform .2s;position:absolute;bottom:-1.5rem;left:0;transform:translateY(-2px);box-shadow:0 1px 3px #0000001a}._aln-float-input:focus~._aln-float-hint{opacity:1;transform:translateY(0)}._aln-dropdown{flex-direction:column;min-height:2.5rem;display:flex;position:relative}._aln-dropdown.is-hidden{display:none}._aln-dropdown-trigger{background:var(--aln-bg);border-style:solid;border-width:1px;border-color:var(--aln-border);border-radius:var(--aln-radius-sm);color:var(--aln-text);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:130px;box-shadow:var(--aln-shadow-sm);text-align:left;align-items:center;gap:.5rem;padding:.875rem .75rem .375rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}._aln-dropdown-trigger:hover{border-color:var(--aln-primary-light);box-shadow:var(--aln-shadow)}._aln-dropdown-trigger:active,._aln-dropdown.is-open ._aln-dropdown-trigger{border-color:var(--aln-primary);box-shadow:0 0 0 3px var(--aln-primary-bg)}._aln-dropdown-trigger svg{width:14px;height:14px;color:var(--aln-text-muted);flex-shrink:0;margin-left:auto;transition:transform .2s}._aln-dropdown.is-open ._aln-dropdown-trigger svg{transform:rotate(180deg)}._aln-dropdown-float-label{text-transform:uppercase;letter-spacing:.05em;color:var(--aln-primary);pointer-events:none;background:var(--aln-bg);z-index:1;padding:0 .25rem;font-size:.6875rem;font-weight:600;line-height:1;position:absolute;top:0;left:.625rem}._aln-dropdown-value{color:var(--aln-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}._aln-dropdown-menu{background:var(--aln-bg);border-style:solid;border-width:1px;border-color:var(--aln-border-light);border-radius:var(--aln-radius);min-width:180px;box-shadow:var(--aln-shadow-md);z-index:100;opacity:0;visibility:hidden;padding:.5rem;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-8px)}._aln-dropdown.is-open ._aln-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}._aln-dropdown-item{border-radius:var(--aln-radius-sm);width:100%;color:var(--aln-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}._aln-dropdown-item:hover{background:var(--aln-bg-secondary);color:var(--aln-text)}._aln-dropdown-item.is-active{background:var(--aln-primary-bg);color:var(--aln-primary);font-weight:600}._aln-dropdown-item svg{opacity:0;color:currentColor;width:14px;height:14px;transition:opacity .2s}._aln-dropdown-item.is-active svg{opacity:1}._aln-checkbox{background:var(--aln-bg);border-style:solid;border-width:1px;border-color:var(--aln-border);border-radius:var(--aln-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--aln-shadow-sm);align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex}._aln-checkbox:hover{border-color:var(--aln-primary-light);box-shadow:var(--aln-shadow)}._aln-checkbox input{display:none}._aln-checkbox-box{background:var(--aln-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--aln-border);border-radius:4px;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:all .2s;display:flex}._aln-checkbox-box svg{color:#fff;opacity:0;width:10px;height:10px;transition:opacity .2s}._aln-checkbox input:checked+._aln-checkbox-box{background:var(--aln-primary);border-color:var(--aln-primary)}._aln-checkbox input:checked+._aln-checkbox-box svg{opacity:1}._aln-checkbox-label{color:var(--aln-text);font-size:.875rem;font-weight:500}._aln-presets-label{text-transform:uppercase;letter-spacing:.05em;color:var(--aln-text-muted);font-size:.75rem;font-weight:600}._aln-presets{align-items:center;gap:.375rem;display:flex}._aln-preset{background:var(--aln-bg-tertiary);border-radius:var(--aln-radius-xs);font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono);color:var(--aln-text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.375rem .625rem;transition:background-color .15s,color .15s;display:inline-flex}._aln-preset:hover{background:var(--aln-primary-bg);color:var(--aln-primary)}._aln-preset.is-active{background:var(--aln-primary);color:#fff}@media (max-width:900px){._aln-options{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1rem}._aln-options-group{flex-direction:column;align-items:stretch;gap:1rem}._aln-presets-label{display:none}._aln-float-field{margin-bottom:.5rem}._aln-float-hint{opacity:1;margin-top:.375rem;font-size:.75rem;position:static;transform:none}._aln-dropdown{margin-bottom:0}}@media (max-width:600px){._aln-options{gap:1rem;padding:.875rem}._aln-options-group{gap:.875rem}._aln-float-field{flex:1;min-width:0;margin-bottom:.5rem}._aln-float-input,._aln-float-input[type=number]{width:100%;min-width:0}._aln-float-hint{margin-top:.25rem;font-size:.6875rem}._aln-dropdown{flex:1;min-width:0}._aln-dropdown-trigger{width:100%;min-width:auto}._aln-checkbox{flex:1;width:100%}._aln-checkbox-label{font-size:.8rem}._aln-preset{flex:1;min-width:0;padding:.5rem .625rem;font-size:.75rem}._aln-presets{width:100%}}._aln-editor-section{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;display:grid}._aln-panel{background:var(--aln-bg);border-radius:var(--aln-radius-lg);border-style:solid;border-width:1px;border-color:var(--aln-border);box-shadow:var(--aln-shadow);box-sizing:border-box;flex-direction:column;max-width:100%;height:100%;display:flex;overflow:hidden}._aln-panel *{box-sizing:border-box}._aln-panel-header{background:var(--aln-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--aln-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._aln-panel-title{color:var(--aln-text);align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;display:flex}._aln-panel-title svg{width:16px;height:16px;color:var(--aln-primary)}._aln-panel-actions{align-items:center;gap:.25rem;display:flex}._aln-panel-btn{background:var(--aln-bg-tertiary);color:var(--aln-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}._aln-panel-btn:hover{background:var(--aln-primary);color:#fff}._aln-panel-btn svg{flex-shrink:0;width:14px;height:14px}._aln-btn-accent{background:var(--aln-primary);color:#fff}._aln-btn-accent:hover{background:var(--aln-primary-hover)}._aln-panel-body{flex-direction:column;flex:1;min-width:0;min-height:400px;max-height:700px;display:flex;position:relative;overflow:hidden}._aln-editor-wrapper{background:var(--aln-bg);min-width:0;max-width:100%;height:100%;display:block;position:relative}._aln-editor-wrapper ._aln-textarea{width:100%}._aln-line-numbers{background:var(--aln-bg-secondary);border-right-style:solid;border-right-width:1px;border-right-color:var(--aln-border-light);-webkit-user-select:none;user-select:none;opacity:.7;flex-shrink:0;width:3.5rem;overflow:hidden}._aln-line-numbers-inner{font-family:var(--main-font-mono);color:var(--aln-text-muted);text-align:right;white-space:nowrap;padding:1rem .5rem 1rem 0;font-size:.875rem;line-height:1.625rem}._aln-line-num{height:1.625rem;line-height:1.625rem;display:block}._aln-line-num.is-active{color:var(--aln-primary);background:var(--aln-bg-secondary);font-weight:700}._aln-textarea{resize:none;min-width:0;height:100%;font-family:var(--main-font-mono);color:var(--aln-text);background:var(--aln-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}._aln-textarea:focus{outline:none}._aln-textarea::placeholder{color:var(--aln-text-placeholder)}._aln-textarea-readonly{background:var(--aln-bg)}._aln-textarea::-webkit-scrollbar{width:8px;height:8px}._aln-textarea::-webkit-scrollbar-track{background:0 0}._aln-textarea::-webkit-scrollbar-thumb{background:var(--aln-border);border-radius:4px}._aln-textarea::-webkit-scrollbar-thumb:hover{background:var(--aln-text-muted)}._aln-swap-container{justify-content:center;align-items:center;display:flex}._aln-swap-btn{background:var(--aln-bg);border-style:solid;border-width:1px;border-color:var(--aln-border);width:40px;height:40px;color:var(--aln-text-secondary);cursor:pointer;box-shadow:var(--aln-shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}._aln-swap-btn:hover{background:var(--aln-primary);border-color:var(--aln-primary);color:#fff}._aln-swap-btn svg{width:16px;height:16px}@media (max-width:900px){._aln-editor-section{grid-template-columns:1fr;gap:.5rem}._aln-swap-container{order:2}._aln-swap-btn svg{transform:rotate(90deg)}._aln-panel-body{min-height:250px;max-height:400px}}._aln-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem;display:flex}._aln-stat{background:var(--aln-bg);border-style:solid;border-width:1px;border-color:var(--aln-border);box-shadow:var(--aln-shadow-sm);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem .875rem;transition:box-shadow .2s,border-color .2s;display:inline-flex}._aln-stat:hover{box-shadow:var(--aln-shadow)}._aln-stat-label{color:var(--aln-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:500}._aln-stat-value{color:var(--aln-text);font-size:.875rem;font-weight:700;font-family:var(--main-font-mono);text-align:center;min-width:1.5rem}._aln-stat-success{color:var(--aln-success)}._aln-stat--success{background:linear-gradient(135deg, var(--aln-bg) 0%, var(--aln-success-bg) 100%);border-color:#10b9814d}._aln-stat--success ._aln-stat-label{color:var(--aln-success)}._aln-stat-muted{color:var(--aln-text-muted)}._aln-stat--muted{opacity:.7}._aln-stat-divider{display:none}@media (max-width:600px){._aln-stats{gap:.5rem}._aln-stat{padding:.375rem .75rem}._aln-stat-label{font-size:.6875rem}._aln-stat-value{font-size:.8125rem}}