:root{--asphalt:#1C2024;--asphalt-2:#283037;--asphalt-deep:#111417;--concrete:#F1F2EF;--concrete-2:#E2E5E1;--chalk:#C5CAC4;--pink:#FF4B91;--ink:#16191C;--muted:#4C535A;--f-d:"Arial Narrow","Franklin Gothic Medium",Impact,sans-serif;--f-s:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--concrete);color:var(--ink);font:400 16px/1.5 var(--f-s)}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.skip{position:absolute;left:12px;top:-60px;background:var(--pink);color:#111;padding:12px 16px;font-weight:700;z-index:50}.skip:focus{top:12px}.top{background:var(--asphalt);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--asphalt-2)}.top-in{max-width:1100px;margin:0 auto;padding:0 16px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font:800 1.5rem/1 var(--f-d);letter-spacing:.02em;text-decoration:none}.brand i{font-style:normal;font-weight:500;color:#b8c0c8}.nav{display:flex;flex-wrap:wrap;gap:4px}.nav a{color:#e6eaed;text-decoration:none;font:600 15px var(--f-s);min-height:44px;padding:0 10px;display:inline-flex;align-items:center}.wrap{max-width:1100px;margin:0 auto;padding:28px 16px 80px}h1{font:800 clamp(2rem,1.4rem + 2vw,2.75rem)/1 var(--f-d);margin:0 0 8px}h2{font:800 1.4rem/1.1 var(--f-d);margin:24px 0 10px}.lede{color:var(--muted);margin:0 0 20px;max-width:62ch;overflow-wrap:anywhere}.cards{display:grid;gap:12px}@media(min-width:720px){.cards{grid-template-columns:repeat(2,1fr)}}.tile{background:#fff;border:1px solid var(--concrete-2);border-radius:6px;padding:18px;text-decoration:none;display:block}.tile:hover{border-color:#5a626a}.tile b{font:800 1.35rem var(--f-d);display:block}.tile span{color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:44px;padding:0 16px;border-radius:4px;font:700 1.05rem var(--f-d);letter-spacing:.02em;border:2px solid transparent;cursor:pointer;text-decoration:none;background:var(--asphalt);color:#fff}.btn-pink{background:var(--pink);color:#111;border-color:var(--pink)}.btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-sm{min-height:40px;font-size:.95rem}form.stack,.stack{display:grid;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-weight:600}.help{font-weight:400;color:var(--muted);font-size:.9rem}input,select,textarea{font:inherit;padding:10px 12px;border:2px solid var(--chalk);border-radius:4px;min-height:46px;width:100%;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}.grid2{display:grid;gap:12px}@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}}.editor{display:grid;gap:24px}@media(min-width:960px){.editor{grid-template-columns:1fr 380px;align-items:start}}.phone{position:sticky;top:84px}.bezel{background:var(--asphalt);border-radius:28px;padding:12px;box-shadow:0 16px 40px #0003}.screen{position:relative;border-radius:20px;overflow:auto;height:clamp(460px,calc(100vh - 260px),680px);background:#111}.out{background:#fff;border:1px solid var(--concrete-2);border-radius:6px;padding:16px;margin-top:28px}.out code,.out .linkbox{display:block;overflow-wrap:anywhere;background:var(--concrete);padding:12px;border-radius:4px;font:13px/1.4 ui-monospace,Menlo,monospace}.muted{color:var(--muted)}.btns{display:grid;gap:8px}.btn-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:6px}.qrbox svg{width:min(240px,70vw);height:auto;background:#fff;border-radius:4px}.len{font:700 1.25rem var(--f-d)}.empty{padding:48px 16px;text-align:center}.color-field{display:grid;gap:8px}.color-field label{margin:0}.swatches{display:flex;flex-wrap:wrap;gap:6px}.sw{width:28px;height:28px;border-radius:4px;border:2px solid var(--chalk);cursor:pointer;padding:0}.sw:hover{border-color:var(--ink)}.check{flex-direction:row;align-items:center;gap:10px;font-weight:600}.check input{width:22px;height:22px;min-height:0}.more{border:2px solid var(--concrete-2);border-radius:6px;background:#fff;padding:0 16px}.more summary{cursor:pointer;min-height:52px;display:flex;align-items:center;font:800 1.2rem var(--f-d)}.more[open]{padding-bottom:16px}.more h2{margin:12px 0 0}.meter{background:#fff;border:1px solid var(--concrete-2);border-radius:6px;padding:12px 14px;margin-bottom:12px}.meter-bar{height:8px;border-radius:4px;background:var(--concrete-2);overflow:hidden}.meter-bar span{display:block;height:100%;width:0;background:#1f7a3d;transition:width .2s}.meter[data-level=ok] .meter-bar span{background:#9a6a00}.meter[data-level=long] .meter-bar span{background:#b42318}.meter-line{margin:8px 0 0;font-size:.95rem}.meter-hint{margin:4px 0 0;font-size:.9rem;color:var(--muted)}.meter[data-level=long] .meter-hint{color:#8a1c12}.sw[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}@media(max-width:959px){.meter{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;border-radius:0;border-width:1px 0 0;box-shadow:0 -6px 18px #0002;padding:10px 16px}.meter-line{margin-top:6px}.meter-hint{font-size:.85rem}.wrap{padding-bottom:150px}}