.drop-zone{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);border:2px dashed var(--border-input);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease), background-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);flex-direction:column;display:flex}.drop-zone--dragging{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md);transform:scale(1.01)}.drop-zone__icon{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);padding:var(--space-3);transition:transform .2s var(--ease)}.drop-zone--dragging .drop-zone__icon{transform:translateY(-2px)}.drop-zone__text{color:var(--ink-2);margin:0}.drop-zone__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.drop-zone__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drop-zone__error{color:var(--error);font-size:var(--text-xs);margin-top:var(--space-2)}.options-panel{margin-top:var(--space-4);border:1px solid var(--border-input);border-radius:var(--radius);padding:var(--space-3) var(--space-4);background:var(--surface);transition:border-color .18s var(--ease)}.options-panel:hover{border-color:var(--accent-soft-border)}.options-panel summary{cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.options-panel summary::-webkit-details-marker{display:none}.options-panel summary:after{content:"";border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);width:9px;height:9px;transition:transform .18s var(--ease);transform:rotate(45deg)}.options-panel[open] summary:after{transform:rotate(-135deg)}.options-panel__body{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.options-panel__row{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-xs);display:flex}.options-panel__row--checkbox{justify-content:flex-start}.options-panel select{font:inherit;padding:var(--space-1) var(--space-2);border-radius:var(--radius);border:1px solid var(--border-input);background:var(--bg);color:var(--ink)}.results{margin-top:var(--space-6)}.results__head h2{font-size:var(--text-md);margin:0}.results__status{color:var(--ink-2);font-size:var(--text-xs);margin:var(--space-1) 0 0}.results__list{margin:var(--space-4) 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.results__item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-input);border-left:3px solid var(--border-input);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);animation:results-item-in .2s var(--ease);display:flex}.results__item--done{border-left-color:var(--success)}.results__item--error{border-left-color:var(--error)}@keyframes results-item-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.results__name{font-size:var(--text-xs);word-break:break-all;margin:0}.results__error{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--error)}.results__meta{margin:var(--space-1) 0 0;font-size:var(--text-xs)}.results__actions{gap:var(--space-2);flex-shrink:0;display:flex}.results__actions .is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.results__spinner{border:2px solid var(--border-input);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite results-spin;display:inline-block}@keyframes results-spin{to{transform:rotate(360deg)}}.email-viewer{margin-top:var(--space-6);border:1px solid var(--border-input);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs);padding:var(--space-5)}.email-viewer__headers{gap:var(--space-2);margin:0 0 var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-input);font-size:var(--text-xs);display:grid}.email-viewer__headers div{gap:var(--space-2);display:flex}.email-viewer__headers dt{color:var(--ink-2);min-width:4.5rem;font-weight:500}.email-viewer__headers dd{word-break:break-word;margin:0}.email-viewer__limitation{font-size:var(--text-xs);color:var(--ink-2);background:var(--accent-soft);border:1px solid var(--accent-soft-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.email-viewer__load-images{margin-bottom:var(--space-3)}.email-viewer__frame{border:1px solid var(--border-input);border-radius:var(--radius);width:100%;min-height:320px;box-shadow:var(--shadow-xs);background:#fff}.email-viewer__text{white-space:pre-wrap;word-break:break-word;font-size:var(--text-xs)}.email-viewer__attachments{margin-top:var(--space-5)}.email-viewer__attachments h3{font-size:var(--text-sm);margin:0 0 var(--space-2)}.email-viewer__attachments ul{gap:var(--space-1);font-size:var(--text-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.password-generator{gap:var(--space-4);flex-direction:column;display:flex}.password-generator__output{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-5);border:1px solid var(--border-input);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs);display:flex}.password-generator__value{min-width:0;font-family:var(--font-mono);font-size:var(--text-lg);color:var(--ink);white-space:nowrap;scrollbar-width:thin;flex:1;font-weight:600;overflow-x:auto}.password-generator__output-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.icon-btn{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--ink-2);cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.icon-btn:active{transform:rotate(-40deg)}.password-generator__strength{align-items:center;gap:var(--space-3);display:flex}.password-generator__strength-bar{border-radius:var(--radius-pill);background:var(--accent-soft-border);flex:1;height:8px;overflow:hidden}.password-generator__strength-bar span{border-radius:var(--radius-pill);height:100%;transition:width .2s var(--ease);display:block}.password-generator__strength-bar--weak span{background:var(--error)}.password-generator__strength-bar--fair span{background:#d97706}.password-generator__strength-bar--strong span,.password-generator__strength-bar--very-strong span{background:var(--success)}.password-generator__strength-label{align-items:center;gap:var(--space-1);font-size:var(--text-xs);flex-shrink:0;font-weight:600;display:inline-flex}.password-generator__strength-label--weak{color:var(--error)}.password-generator__strength-label--fair{color:#d97706}.password-generator__strength-label--strong,.password-generator__strength-label--very-strong{color:var(--success)}.password-generator__panel{gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid var(--accent-soft-border);flex-direction:column;display:flex}.password-generator__row{align-items:center;gap:var(--space-4);grid-template-columns:180px 1fr;display:grid}.password-generator__row label,.password-generator__row-label{font-weight:600;font-size:var(--text-sm);color:var(--ink)}.password-generator__row input[type=range]{width:100%;accent-color:var(--accent)}.password-generator__checks{gap:var(--space-4);flex-wrap:wrap;display:flex}.password-generator__check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink);display:inline-flex}.password-generator__check input{width:18px;height:18px;accent-color:var(--accent)}@media (width<=560px){.password-generator__output{flex-direction:column;align-items:stretch}.password-generator__output-actions{justify-content:space-between}.password-generator__row{gap:var(--space-2);grid-template-columns:1fr}}.id-generator{gap:var(--space-5);flex-direction:column;display:flex}.id-generator__panel{align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid var(--accent-soft-border);flex-wrap:wrap;display:flex}.id-generator__row{align-items:center;gap:var(--space-3);display:flex}.id-generator__row label{font-weight:600;font-size:var(--text-sm);color:var(--ink)}.id-generator__row input[type=number]{width:72px;font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border-input);background:var(--surface);color:var(--ink)}.id-generator__checks{gap:var(--space-4);display:flex}.id-generator__check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink);display:inline-flex}.id-generator__check input{width:18px;height:18px;accent-color:var(--accent)}.id-generator__output-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.id-generator__output-head h2{font-size:var(--text-md);margin:0}.id-generator__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.id-generator__item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-input);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);display:flex}.id-generator__value{font-size:var(--text-sm);word-break:break-all}@media (width<=560px){.id-generator__item{flex-direction:column;align-items:stretch}}.tool__header[data-astro-cid-5ipy3lzm]{margin-block:var(--space-6) var(--space-5)}.tool__header[data-astro-cid-5ipy3lzm] h1[data-astro-cid-5ipy3lzm]{margin:0 0 var(--space-2)}.tool__promise[data-astro-cid-5ipy3lzm]{color:var(--ink-2);font-size:var(--text-md);margin:0 0 var(--space-4)}.tool__ad[data-astro-cid-5ipy3lzm]{min-height:90px;margin-block:var(--space-6)}.tool__docs[data-astro-cid-5ipy3lzm]>*{margin-bottom:var(--space-7)}.tool__last-tested[data-astro-cid-5ipy3lzm]{color:var(--ink-2);font-size:var(--text-xs);margin-block:var(--space-6) var(--space-9)}