.et-card{--et-primary:#2271b1;--et-primary-dark:#135e96;--et-border:#dcdcde;--et-bg:#fff;--et-bg-soft:#f6f7f7;--et-text:#1d2327;--et-text-muted:#646970;--et-radius:10px;--et-danger:#b32d2e;box-sizing:border-box;max-width:560px;margin:1.5em 0;padding:1.5em;background:var(--et-bg);border:1px solid var(--et-border);border-radius:var(--et-radius);font-family:inherit;color:var(--et-text);direction:rtl;text-align:right;line-height:1.9}.et-card *,.et-card *:before,.et-card *:after{box-sizing:border-box}.et-card h3,.et-card h4{margin:0 0 .6em;font-size:1.05em}.et-tabs{display:flex;gap:.4em;margin-bottom:1em;border-bottom:1px solid var(--et-border)}.et-tab-btn{background:0 0;border:none;border-bottom:2px solid transparent;padding:.5em .9em;cursor:pointer;font-size:.95em;color:var(--et-text-muted)}.et-tab-btn.is-active{color:var(--et-primary);border-bottom-color:var(--et-primary);font-weight:600}.et-tab-panel{display:none}.et-tab-panel.is-active{display:block}.et-field-label{display:block;margin-bottom:.35em;font-size:.9em;color:var(--et-text-muted)}.et-field-row{margin-bottom:.9em}.et-inline-fields{display:flex;gap:.5em;flex-wrap:wrap}.et-input,.et-select{width:100%;padding:.55em .7em;border:1px solid var(--et-border);border-radius:6px;background:var(--et-bg);color:var(--et-text);font-size:.95em}.et-input:focus,.et-select:focus{outline:2px solid var(--et-primary);outline-offset:1px}.et-inline-fields .et-input{flex:1 1 auto;min-width:140px}.et-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55em 1.2em;background:var(--et-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95em;white-space:nowrap}.et-btn:hover{background:var(--et-primary-dark)}.et-btn.et-btn-secondary{background:var(--et-bg-soft);color:var(--et-text);border:1px solid var(--et-border)}.et-hint{margin:.5em 0 0;font-size:.82em;color:var(--et-text-muted)}.et-result{margin-top:1em;padding:.9em 1em;border-radius:8px;background:var(--et-bg-soft);min-height:1.4em;font-size:.95em}.et-result:empty{display:none}.et-result .et-result-value{font-size:1.3em;font-weight:700;color:var(--et-primary-dark)}.et-result .et-result-error{color:var(--et-danger);font-weight:600}.et-result table{width:100%;border-collapse:collapse;margin-top:.5em}.et-result table td,.et-result table th{padding:.35em .5em;border-bottom:1px solid var(--et-border);text-align:right;font-size:.9em}.et-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8em}@media (max-width:480px){.et-grid-2{grid-template-columns:1fr}}.et-bands-selects{display:flex;gap:.6em;flex-wrap:wrap}.et-band-select-wrap{flex:1 1 90px;min-width:90px}.et-color-swatch{display:block;width:100%;height:8px;border-radius:4px;margin-top:4px;border:1px solid rgba(0,0,0,.15)}.electro-toolkit-restricted-notice{max-width:560px;margin:1.5em 0;padding:1em 1.2em;background:#fff8e5;border:1px solid #f0c33c;border-radius:8px;direction:rtl;text-align:right;color:#6b5900}.et-swatch-black{background:#1b1b1b}.et-swatch-brown{background:#7b4a1e}.et-swatch-red{background:#d0332c}.et-swatch-orange{background:#f07d20}.et-swatch-yellow{background:#f4d21c}.et-swatch-green{background:#3e9142}.et-swatch-blue{background:#2f5ec4}.et-swatch-violet{background:#7c4fa8}.et-swatch-gray{background:#8a8a8a}.et-swatch-white{background:#f2f2f2}.et-swatch-gold{background:#c8a24d}.et-swatch-silver{background:#c8c8c8}.et-dropzone{border:2px dashed var(--et-border);border-radius:8px;padding:1.4em;text-align:center;cursor:pointer;background:var(--et-bg-soft);margin-bottom:1em}.et-dropzone.is-dragover{border-color:var(--et-primary);background:#eaf2fa}.et-preview-canvas{max-width:100%;image-rendering:pixelated;border:1px solid var(--et-border);background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/16px 16px}.et-code-output{width:100%;min-height:160px;direction:ltr;text-align:left;font-family:Consolas,Menlo,monospace;font-size:.82em;padding:.7em;border:1px solid var(--et-border);border-radius:6px;background:#1d2327;color:#c6e6ff;resize:vertical}.et-actions-row{display:flex;gap:.5em;flex-wrap:wrap;margin:.8em 0}.et-checkbox-row{display:flex;align-items:center;gap:.4em;margin:.5em 0;font-size:.9em}