.tool-main{flex-direction:column;flex:1;width:100%;max-width:100%;padding:0;display:flex;overflow:hidden}.tool-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;display:flex}.tool-header__title{flex-direction:column;gap:.25rem;display:flex}.tool-title{color:var(--color-text-title);margin:0;font-size:1.3rem;font-weight:700}.tool-subtitle{color:var(--color-text-muted);margin:0;font-size:.85rem}.enc-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.enc-options{background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1.25rem;padding:.55rem 1.25rem;display:flex}.enc-options__toggle{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;font-size:.82rem;display:flex}.enc-options__toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent);cursor:pointer}.enc-options__toggle:hover{color:var(--color-text-primary)}.enc-detect{color:var(--color-text-muted);align-items:center;gap:.4rem;margin-left:auto;font-size:.78rem;display:flex}.enc-detect__badge{background-color:var(--color-surface-deep,#0a0a0a);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:4px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.enc-detect__badge--high{border-color:var(--color-success,#4ade80);color:var(--color-success,#4ade80)}.enc-detect__badge--medium{border-color:var(--color-warning,#facc15);color:var(--color-warning,#facc15)}.enc-detect__badge--low{border-color:var(--color-text-muted);color:var(--color-text-muted)}.enc-panels{flex:1;align-items:stretch;min-height:0;display:flex;overflow:hidden}.enc-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.enc-panel--input{border-right:1px solid var(--color-border)}.enc-panel__header{background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.enc-panel__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:.78rem;font-weight:600}.enc-panel__actions{align-items:center;gap:.35rem;display:flex}.enc-format-select{appearance:none;background-color:var(--color-surface-deep,#0a0a0a);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236a6a6a%27 stroke-width=%272%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:12px;border-radius:6px;outline:none;padding:.3rem 2rem .3rem .6rem;font-family:inherit;font-size:.8rem;transition:border-color .15s}.enc-format-select:focus{border-color:var(--color-accent)}.enc-format-select option{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.enc-textarea{resize:none;background-color:var(--color-surface-deep,#0a0a0a);width:100%;color:var(--color-text-primary);tab-size:4;white-space:pre-wrap;word-break:break-all;caret-color:var(--color-accent);border:none;outline:none;flex:1;min-height:0;padding:.85rem 1rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.82rem;line-height:1.6;overflow:auto}.enc-textarea::placeholder{color:var(--color-text-dim,#444)}.enc-textarea:focus{box-shadow:inset 0 0 0 1px var(--color-accent-bg,#7eb8f726)}.enc-textarea[readonly]{cursor:default}.enc-swap{background-color:var(--color-surface-raised);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;display:flex}.enc-swap__btn{border:1px solid var(--color-border);background-color:var(--color-surface-deep,#0a0a0a);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background-color .15s;display:flex}.enc-swap__btn:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-accent-bg,#7eb8f714)}.enc-error{color:var(--color-danger,#f87171);white-space:pre-wrap;word-break:break-word;padding:.85rem 1rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.82rem;line-height:1.5}.enc-copy-btn .enc-copy-feedback,.enc-copy-btn.is-copied .enc-copy-label{display:none}.enc-copy-btn.is-copied .enc-copy-feedback{color:var(--color-success,#4ade80);align-items:center;gap:.25rem;display:inline-flex}@media (width<=700px){.tool-header{flex-direction:column;gap:.75rem;padding:1rem}.enc-panels{flex-direction:column}.enc-panel--input{border-right:none;border-bottom:1px solid var(--color-border)}.enc-swap{border-left:none;border-right:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);width:100%;height:2.5rem}.enc-textarea{min-height:150px}}