.tabs{margin-bottom:var(--space-md);border-bottom:1px solid #ddd;gap:.5rem;display:flex}.tab-button{font:inherit;cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.95rem}.tab-button.active{color:inherit;border-bottom-color:#333;font-weight:600}.tab-panel[hidden]{display:none}.upload-area{padding:var(--space-lg);border-radius:var(--radius);text-align:center;cursor:pointer;border:2px dashed #ccc;transition:border-color .15s,background .15s}.upload-area:hover,.upload-area:focus-visible,.upload-area.dragover{background:#fafafa;border-color:#999}.upload-area p{margin:.25rem 0}.upload-hint{color:#666;font-size:.85rem}.tool-notice{border-radius:var(--radius);background:#fff8e1;border:1px solid #ffe082;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}.image-preview-wrap{text-align:center;flex-direction:column;align-items:center;margin-top:1rem;display:flex}.image-preview-wrap img{border-radius:var(--radius);border:1px solid #ddd;max-width:100%;max-height:320px;display:block}label{margin-top:var(--space-md);margin-bottom:.5rem;font-weight:600;display:block}#secretMessage,#revealedText{width:100%;min-height:160px;font:inherit;border-radius:var(--radius);resize:vertical;border:1px solid #ccc;padding:1rem;line-height:1.6}.char-counter{color:#666;margin:.5rem 0 0;font-size:.85rem}.password-row{gap:.5rem;display:flex}.password-row input{font:inherit;border-radius:var(--radius);border:1px solid #ccc;flex:1;padding:.6rem .8rem}.tool-actions{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1.25rem;display:flex}.action-group{flex-wrap:wrap;gap:.5rem;display:flex}.primary-button,.secondary-button,.small-button{font:inherit;border-radius:var(--radius);cursor:pointer;padding:.6rem 1rem;font-size:.9rem;text-decoration:none;transition:background .15s,border-color .15s;display:inline-block}.primary-button{color:#fff;background:#222;border:1px solid #222}.primary-button:hover{background:#000}.primary-button:disabled{cursor:not-allowed;background:#aaa;border-color:#aaa}.secondary-button,.small-button{background:#fff;border:1px solid #ccc}.secondary-button:hover,.small-button:hover{background:#f0f0f0;border-color:#999}.compare-status{min-height:1.5rem;margin-top:1rem;font-size:.9rem}.result-block{border-radius:var(--radius);text-align:center;border:1px solid #ddd;flex-direction:column;align-items:center;margin-top:2rem;padding:1rem;transition:box-shadow .3s;display:flex}.result-block h2{margin-top:0}.result-block img{border-radius:var(--radius);max-height:320px;margin-bottom:1rem;display:block}.result-block textarea{margin-bottom:1rem}.result-block.flash{box-shadow:0 0 0 3px #90caf9}.decode-warning{border-radius:var(--radius);text-align:left;background:#fff3e0;border:1px solid #ffcc80;width:100%;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}.tool-info{max-width:var(--content-width);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid #eee}.tool-info h2{font-size:1.1rem}.tool-info p{color:#444}@media (width<=700px){.tool-actions,.action-group{flex-direction:column}.action-group button{width:100%}}