.random-tool{--ink:#213547;--muted:#687986;--line:#dfe7ec;--accent:#14746c;box-sizing:border-box;max-width:1160px;margin:auto;padding:40px 24px;color:var(--ink);font:15px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}.random-tool *{box-sizing:border-box}.random-tool header{margin-bottom:30px}.random-tool .eyebrow{font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:700;margin:0}.random-tool h1{font-size:clamp(24px,4vw,34px);letter-spacing:.02em;margin:8px 0}.random-tool h2{font-size:19px;margin:0 0 18px}.random-tool p{margin:8px 0}.random-tool .layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.random-tool .panel{border:1px solid var(--line);border-radius:15px;background:#fff;padding:24px;box-shadow:0 5px 25px #22334405}.random-tool label{display:block;font-weight:600;margin:13px 0 0}.random-tool input:not([type=checkbox]),.random-tool select{display:block;width:100%;border:1px solid #cbd6dd;border-radius:8px;padding:10px 12px;font:inherit;color:var(--ink);background:#fff;margin-top:5px;min-width:0}.random-tool input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;vertical-align:middle;margin:0 7px 2px 0;flex-shrink:0}.random-tool .check,.random-tool .checks label{font-weight:400}.random-tool fieldset{padding:0;border:0;margin:18px 0 0}.random-tool legend{font-weight:600}.random-tool .checks{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.random-tool small,.random-tool .help{color:var(--muted);font-size:12px;font-weight:400}.random-tool .help{margin:8px 0}.random-tool .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.random-tool button{font:inherit;font-size:13px;background:#fff;border:1px solid #cbd6dd;border-radius:7px;padding:8px 12px;cursor:pointer;color:var(--ink)}.random-tool button:hover{background:#edf7f5;border-color:var(--accent)}.random-tool button:disabled{opacity:.4;cursor:default}.random-tool :focus-visible{outline:3px solid #54b6ac;outline-offset:3px}.random-tool .presets,.random-tool .actions{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.random-tool .presets button{padding:5px 9px;font-size:12px}.random-tool .primary{background:var(--accent);color:white;width:100%;padding:13px;margin-top:18px;font-weight:700;font-size:15px;border-color:var(--accent);display:flex;justify-content:space-between}.random-tool .primary:hover{background:#0e5d56}.random-tool .text-button{display:block;margin:10px auto 0;border:0;color:var(--muted)}.random-tool details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.random-tool summary{cursor:pointer}.random-tool .result-head{display:flex;justify-content:space-between;align-items:center}.random-tool .result-head h2{margin:0}.random-tool .badge{color:var(--accent);background:#edf7f5;border-radius:30px;padding:3px 13px;font-size:13px}.random-tool #status{font-size:13px;color:var(--muted);min-height:44px}.random-tool #output{height:660px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:#fafcfd}.random-tool .row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.random-tool .row code{font:15px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.random-tool .row .number{font-size:11px;color:#8a9aa5;text-align:center}.random-tool .row button{font-size:12px;padding:5px 8px}.random-tool .empty{text-align:center;padding:140px 10px;color:var(--muted);font-size:13px}.random-tool .empty span{font-size:52px;color:#c0d7d4}.random-tool #error{background:#fff2f0;color:#9b3020;border-radius:7px;padding:12px;font-size:13px}.random-tool footer{font-size:12px;color:var(--muted);margin-top:24px}.tool-sitebar{background:#f5f8fa;border-bottom:1px solid #e1e8ee;font:14px system-ui,sans-serif}.tool-sitebar__inner{max-width:1160px;margin:auto;padding:15px 24px;display:flex;justify-content:space-between;gap:15px}.tool-sitebar a{color:#324f60;text-decoration:none}.tool-sitebar__name{font-weight:700}body{margin:0;background:#f7f9fb}[hidden]{display:none!important}@media(max-width:800px){.random-tool .layout{grid-template-columns:1fr}.random-tool{padding:26px 16px}.random-tool .panel{padding:20px}.random-tool #output{height:450px}}@media(prefers-reduced-motion:no-preference){.random-tool button{transition:background .15s}}