:root{color:#1a1a1a;background:#f3f4f6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.center{text-align:center;place-items:center;min-height:100vh;padding:1rem;display:grid}.muted{color:#6b7280}a{color:#2563eb;text-decoration:none}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:.55rem .9rem;font-size:.95rem;font-weight:600}button.secondary{color:#111;background:#e5e7eb}button.inline{padding:.35rem .7rem;font-size:.82rem}.layout{min-height:100vh;display:flex}.sidebar{color:#e5e7eb;background:#111827;flex-shrink:0;width:240px;padding:1.25rem .75rem}.sidebar-brand{padding:0 .5rem 1rem;font-size:1.1rem;font-weight:800}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-link{color:#cbd5e1;border-radius:8px;padding:.55rem .65rem;font-size:.92rem;font-weight:500;display:block}.sidebar-link:hover{color:#fff;background:#1f2937}.sidebar-link.active{color:#fff;background:#2563eb}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:flex-end;align-items:center;padding:.75rem 1.5rem;display:flex}.topbar-right{align-items:center;gap:1rem;display:flex}.content{width:100%;max-width:760px;padding:2rem 1.5rem}.tool h1{margin:0 0 .25rem}.segmented{border:1px solid #d1d5db;border-radius:8px;margin-top:1rem;display:inline-flex;overflow:hidden}.segmented button{color:#374151;background:#fff;border-radius:0;font-weight:600}.segmented button.active{color:#fff;background:#2563eb}.hint{color:#6b7280;margin:.5rem 0 0;font-size:.85rem}.actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.batch{align-items:center;gap:.5rem;display:flex}.batch input{border:1px solid #d1d5db;border-radius:8px;width:80px;padding:.5rem;font-size:.95rem}.results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:1.75rem;padding:1rem 1.25rem}.results-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.uuid-list{margin:0;padding:0;list-style:none}.uuid-list li{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem 0;display:flex}.uuid-list code{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.tool label{margin:1rem 0 .35rem;font-size:.85rem;font-weight:600;display:block}.tool input[type=number],.tool input[type=text],.tool .fmt input[type=text],.tool .fmt input:not([type]){border:1px solid #d1d5db;border-radius:8px;padding:.5rem .6rem;font-size:.95rem}.slider{width:100%}.badge{color:#374151;background:#e5e7eb;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.pw-output{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.pw-output code{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem}.checks{flex-direction:column;gap:.4rem;margin-top:1rem;display:flex}.check{align-items:center;gap:.5rem;margin:0;font-weight:500;display:flex}.check input{width:auto}.entropy{margin-top:1.25rem}.entropy-head{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.meter{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.meter-fill{height:100%;transition:width .2s}.strength-1{color:#fff;background:#dc2626}.strength-2{color:#111;background:#f59e0b}.strength-3{color:#fff;background:#16a34a}.strength-4{color:#fff;background:#2563eb}.color-row{align-items:center;gap:1rem;margin-top:1rem;display:flex}.swatch{border:1px solid #d1d5db;border-radius:12px;width:80px;height:80px}.picker{border:1px solid #d1d5db;border-radius:8px;width:48px;height:40px;padding:2px}.fmt{align-items:center;gap:.5rem;display:flex}.fmt input{flex:1}.triple{align-items:center;gap:.5rem;display:flex}.triple input{width:90px}.contrast-fields{flex-wrap:wrap;gap:1.5rem;margin-top:.5rem;display:flex}.contrast-field{flex:1;min-width:200px}.preview{border:1px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:1.25rem 1.5rem}.preview-normal{margin:0 0 .5rem;font-size:1rem}.preview-large{margin:0;font-size:1.5rem;font-weight:700}.ratio{margin-top:1.25rem;font-size:1.1rem}.wcag-grid{flex-wrap:wrap;gap:2rem;margin-top:1rem;display:flex}.wcag-grid>div{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.wcag-badge{border-radius:8px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.wcag-badge.pass{color:#15803d;background:#dcfce7}.wcag-badge.fail{color:#b91c1c;background:#fee2e2}.tool textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.6rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.io-out{margin-top:1.25rem}.io-head{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.out{white-space:pre-wrap;word-break:break-all;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-height:2.5rem;margin:0;padding:.75rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.out.muted{color:#6b7280}.exp-banner{border-radius:8px;margin-top:1rem;padding:.5rem .9rem;font-size:.85rem;font-weight:700}.exp-banner.valid{color:#15803d;background:#dcfce7}.exp-banner.expired{color:#b91c1c;background:#fee2e2}.claims{flex-direction:column;gap:.3rem;margin-top:.75rem;display:flex}.claim{gap:.75rem;font-size:.9rem;display:flex}.claim code{min-width:3rem}.sub{margin:1.75rem 0 .5rem;font-size:1rem}.ts-input{gap:.5rem;display:flex}.ts-input input{flex:1}.tool input[type=datetime-local]{border:1px solid #d1d5db;border-radius:8px;padding:.5rem .6rem;font-size:.95rem}.time-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.time-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.1rem}.time-card-title{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;margin-bottom:.4rem;font-size:.78rem}.time-card .big{font-size:1rem;font-weight:600}.ts-results{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.ts-result{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:.75rem;padding:.5rem .9rem;display:flex}.ts-result .muted{min-width:6.5rem}.ts-result code{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=560px){.time-grid{grid-template-columns:1fr}}button.ghost{color:#9ca3af;background:0 0}button.ghost:hover:not(:disabled){color:#dc2626}.tz-rows{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.tz-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.tz-row input[type=datetime-local]{border:1px solid #d1d5db;border-radius:8px;padding:.45rem .55rem;font-size:.92rem}.tz-meta{align-items:center;gap:.5rem;display:flex}.badge.offset{color:#1d4ed8;background:#dbeafe}.tz-day{color:#b45309;background:#fef3c7;border-radius:999px;padding:.12rem .45rem;font-size:.78rem;font-weight:700}.tzpicker{min-width:190px;position:relative}.tzpicker-btn{color:#111;background:#f9fafb;border:1px solid #d1d5db;justify-content:flex-start;align-items:center;gap:.4rem;width:100%;font-weight:500;display:flex}.tzpicker-btn .caret{color:#9ca3af;margin-left:auto}.tzpicker-pop{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:260px;padding:.5rem;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001f}.tzpicker-pop input{border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:.4rem;padding:.45rem .55rem}.tzpicker-pop ul{max-height:240px;margin:0;padding:0;list-style:none;overflow-y:auto}.tzpicker-pop li button{color:#111;text-align:left;background:0 0;border-radius:6px;gap:.5rem;width:100%;padding:.4rem .5rem;font-weight:500;display:flex}.tzpicker-pop li button:hover{background:#eff6ff}.tzpicker-pop li.empty{padding:.4rem .5rem;font-size:.88rem}