.random-page{background:#f6f7f3;color:#1e2925}
.random-page .ws-detail-nav{margin-bottom:0}
.random-shell{max-width:1180px;margin:0 auto;padding:34px 28px 84px}
.random-breadcrumb{display:flex;gap:10px;align-items:center;color:#718078;font-size:13px}
.random-breadcrumb a{color:#156b57;text-decoration:none;font-weight:650}
.random-breadcrumb a:hover{text-decoration:underline}
.random-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:30px 0 28px}
.random-eyebrow,.random-kicker{font-size:11px;letter-spacing:.12em;font-weight:750;color:#156b57}
.random-intro h1{font-size:clamp(32px,4.2vw,52px);line-height:1.18;letter-spacing:-.04em;margin:10px 0 12px}
.random-lead{font-size:16px;line-height:1.75;color:#5c6b63;margin:0}
.random-privacy{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #cbded0;background:#e8f1ea;border-radius:999px;color:#315848;font-size:12px;font-weight:650;white-space:nowrap}
.random-privacy-dot{width:7px;height:7px;border-radius:50%;background:#1c9b6f}
.random-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:16px;align-items:stretch}
.random-card{min-width:0;border:1px solid #dce5dd;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(28,65,43,.045);padding:26px}
.random-card-head{margin-bottom:24px}
.random-card-head h2{font-size:19px;line-height:1.3;margin:6px 0 0;letter-spacing:-.02em}
.random-label{display:block;color:#40564b;font-size:14px;font-weight:700;margin:0 0 10px}
.random-length-row{display:flex;align-items:center;gap:12px}
body.ws-tool-detail .random-length-row input{width:150px;min-height:48px;padding:8px 14px;font:600 18px/1.2 Inter,"PingFang SC",system-ui,sans-serif;background:#fbfcfa!important}
.random-length-row span{color:#718078;font-size:13px}
.random-help{margin:8px 0 26px;color:#718078;font-size:12px}
.random-sets{border:0;padding:0;margin:0 0 28px;min-width:0}
.random-sets legend{padding:0}
.random-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.random-set{display:flex!important;align-items:center;gap:9px;min-height:51px;margin:0!important;padding:10px 11px;border:1px solid #dce5dd;border-radius:10px;background:#fbfcfa;cursor:pointer;font-size:13px!important;font-weight:650;color:#30443c!important}
.random-set:has(input:checked){border-color:#a6cbb3;background:#f1f8f1}
.random-set input{width:16px;height:16px;margin:0;accent-color:#156b57;flex:none}
.random-set span{display:flex;justify-content:space-between;align-items:center;gap:5px;min-width:0;flex:1}
.random-set small{color:#718078;font:11px/1.2 "SFMono-Regular",Consolas,monospace;white-space:nowrap}
body.ws-tool-detail button.random-generate{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px!important;cursor:pointer;font-size:14px}
body.ws-tool-detail button.random-generate span{font-size:18px;font-weight:400}
.random-result{display:flex;flex-direction:column}
body.ws-tool-detail textarea#random-output{display:block;width:100%;min-height:215px;flex:1;resize:vertical;margin:0;padding:17px 18px!important;border:1px solid #dbe5dc!important;border-radius:11px;background:#fbfcfa!important;color:#223b30!important;font:15px/1.8 "SFMono-Regular",Consolas,"Liberation Mono",monospace!important;overflow-wrap:anywhere}
#random-output::placeholder{color:#9aa69d}
.random-result-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}
#random-count{color:#718078;font-size:12px}
body.ws-tool-detail button.random-copy.secondary{min-height:40px;padding:8px 18px!important;cursor:pointer;font-size:13px}
body.ws-tool-detail button.random-copy:disabled{border-color:#dce5dd!important;background:#f8faf7!important;color:#a6b2a8!important;cursor:not-allowed}
.random-note{margin:15px 0 0;color:#718078;font-size:12px;line-height:1.6}
.random-notice{margin:14px 0 0;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.5}
.random-notice[data-kind="error"]{border:1px solid #e9c2bb;background:#fff1ee;color:#9b352a}
.random-notice[data-kind="success"]{border:1px solid #b9dcc5;background:#eaf6ed;color:#245a3e}
@media(max-width:850px){.random-intro{align-items:start;flex-direction:column}.random-layout{grid-template-columns:1fr}.random-result textarea#random-output{min-height:180px}}
@media(max-width:560px){.random-shell{padding:24px 18px 58px}.random-intro{margin:22px 0}.random-intro h1{font-size:34px}.random-card{padding:20px}.random-set-grid{grid-template-columns:1fr 1fr}.random-set span{flex-wrap:wrap}.random-set small{width:100%}}
