.tools{flex-direction:column;gap:20px;width:100%;max-width:860px;margin:0 auto;padding:28px 16px 56px;display:flex}.tools__title{letter-spacing:-.03em;text-align:center;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.tool{background:var(--surface-1);border:1px solid #ffffff14;border-radius:20px;gap:20px;padding:20px;display:grid}.tool--qr{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.tool__result{flex-direction:column;gap:12px;display:flex}.tool__password{background:var(--surface-2);letter-spacing:.02em;min-height:64px;color:var(--label-1);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:14px;padding:16px 18px;font:600 clamp(1.05rem,3.2vw,1.45rem)/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.tool__password.is-hidden{letter-spacing:.12em;-webkit-user-select:none;user-select:none}.tool__meter{min-height:20px;color:var(--label-2);align-items:center;gap:10px;font-size:.9rem;display:flex}.tool__bars{gap:4px;display:inline-flex}.tool__bars i{background:var(--surface-3);border-radius:3px;width:28px;height:6px}.tool__meter[data-level="1"] .tool__bars i:nth-child(-n+1){background:#ff453a}.tool__meter[data-level="2"] .tool__bars i:nth-child(-n+2){background:#ff9f0a}.tool__meter[data-level="3"] .tool__bars i:nth-child(-n+3),.tool__meter[data-level="4"] .tool__bars i{background:#30d158}.tool__actions{flex-wrap:wrap;gap:10px;display:flex}.tool__actions .btn{gap:8px;min-height:44px}.tool__status{min-height:1.2em;color:var(--label-2);font-size:.88rem}.tool__controls{flex-direction:column;gap:16px;min-width:0;display:flex}.tool__length{flex-direction:column;gap:10px;font-weight:600;display:flex}.tool__length strong{font-variant-numeric:tabular-nums;color:var(--label-1)}.tool__kinds{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.tool__check{background:var(--surface-2);cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.tool__check input{width:20px;height:20px;accent-color:var(--accent-solid);flex:none}.tool__check small{color:var(--label-3);margin-left:auto;font-family:ui-monospace,Menlo,monospace}.tool__note{color:var(--label-3);font-size:.85rem;line-height:1.5}.tool__tabs{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:3px;display:inline-flex}.tool__tab{min-height:40px;color:var(--label-2);border-radius:9px;padding:0 16px;font-weight:600}.tool__tab[aria-pressed=true]{background:var(--surface-3);color:var(--label-1)}.tool__tabs--small .tool__tab{padding:0 12px;font-size:.88rem}.tool__field{flex-direction:column;gap:8px;font-weight:600;display:flex}.tool__field input,.tool__field textarea{background:var(--surface-2);width:100%;color:var(--label-1);font:inherit;resize:vertical;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px;font-size:16px;font-weight:400}.tool__field input:focus-visible,.tool__field textarea:focus-visible{outline:2px solid var(--accent-solid);outline-offset:1px}.tool__preview{flex-direction:column;gap:12px;display:flex}.tool__qr{aspect-ratio:1;background:#fff;border-radius:16px;place-items:center;display:grid;overflow:hidden}.tool__qr img{width:100%;height:100%;display:block}.tool__empty{text-align:center;color:#6e6e73;flex-direction:column;align-items:center;gap:10px;padding:16px;font-size:.9rem;display:flex}.tool__preview .tool__actions .btn{flex:1;justify-content:center}.tools__about{color:var(--label-2);flex-direction:column;gap:12px;padding:8px 4px 0;line-height:1.65;display:flex}.tools__about h2{color:var(--label-1);font-size:1.25rem}.tools__about a{color:var(--accent)}.tools__about code{font-size:.9em}.tools__qa{gap:6px;margin-top:4px;display:grid}.tools__qa dt{color:var(--label-1);margin-top:8px;font-weight:700}@media (max-width:680px){.tool{padding:16px}.tool--qr{grid-template-columns:minmax(0,1fr)}.tool__preview{width:100%;max-width:320px;margin:0 auto}.tool__kinds{grid-template-columns:minmax(0,1fr)}.tool__actions .btn{flex:1;justify-content:center}}