.tool-detail-main:has(.random-color-app)>.tool-detail-heading{display:none}.tool-detail-workspace:has(.random-color-app){overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.random-color-app .random-word-hero>span svg{width:43px;height:43px}
.random-color-workspace{grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr)}
.random-color-options{margin:15px 0 0;padding:0;border:0}.random-color-options legend,.random-color-exclude{color:#26334a;font-size:.64rem;font-weight:700}.random-color-options>div{display:grid;margin-top:7px;overflow:hidden;border:1px solid #d7deea;border-radius:8px}.random-color-options:first-of-type>div{grid-template-columns:repeat(4,1fr)}.random-color-options:nth-of-type(2)>div{grid-template-columns:repeat(5,1fr)}
.random-color-options button{min-height:38px;padding:6px;border:0;border-right:1px solid #e2e7ef;color:#354159;background:#fff;font-size:.58rem;font-weight:700;cursor:pointer}.random-color-options button:last-child{border-right:0}.random-color-options button.is-active{color:#fff;background:linear-gradient(135deg,#3d21ec,#6738f5)}
.random-color-exclude{display:grid;gap:6px;margin-top:15px}.random-color-exclude small{color:#718096;font-size:.54rem;font-weight:500}.random-color-exclude input{width:100%;min-height:39px;padding:8px 10px;border:1px solid #d6deea;border-radius:8px;color:#17223a;background:#fff}.random-color-lock-all{display:flex;align-items:center;gap:8px;margin-top:14px;color:#354159;font-size:.62rem;font-weight:600}.random-color-lock-all input{width:15px;height:15px;accent-color:#5634ef}#randomColorStatus{min-height:18px;margin:7px 0 0;color:#607087;font-size:.59rem}#randomColorStatus.is-error{color:#c52d40}
.random-color-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:10px;min-height:0;margin-top:15px}.random-color-card{position:relative;align-self:start;overflow:hidden;border:1px solid #dde3ec;border-radius:9px;background:#fff;cursor:pointer}.random-color-card.is-selected{border-color:#5634ef;box-shadow:0 0 0 2px rgba(86,52,239,.12)}.random-color-swatch{display:block;width:100%;height:94px;border:0}.random-color-meta{display:flex;height:36px;align-items:center;justify-content:space-between;gap:5px;padding:5px 7px;color:#233049;font-family:"IBM Plex Mono",monospace;font-size:.51rem;font-weight:600}.random-color-lock{display:grid;flex:0 0 23px;width:23px;height:23px;place-items:center;border:0;border-radius:6px;color:#65738a;background:#f4f6fa;cursor:pointer}.random-color-lock svg{width:13px!important;height:13px!important}.random-color-card.is-locked .random-color-lock{color:#fff;background:#5634ef}.random-color-list>p{grid-column:1/-1;display:grid;min-height:180px;place-items:center;color:#758298}.random-color-results>small{display:block;min-height:18px;margin-top:9px;color:#607087;font-size:.58rem;text-align:center}.random-color-results footer{grid-template-columns:repeat(2,minmax(0,1fr))}
.random-color-history{margin-top:12px;padding:14px}.random-color-history>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.random-color-history article{padding:8px;border:1px solid #dce2ec;border-radius:8px;background:#fff}.random-color-history article>div{display:flex;overflow:hidden;height:34px;border-radius:6px}.random-color-history article i{flex:1}.random-color-history article small{display:block;margin-top:6px;color:#69778d;font-size:.53rem}.random-color-history>div>p{grid-column:1/-1;color:#718096;font-size:.62rem}
@media(max-width:1080px){.random-color-workspace{grid-template-columns:1fr}.random-color-history>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.random-color-list{grid-template-columns:repeat(3,1fr)}.random-color-history>div{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.random-color-list{grid-template-columns:repeat(2,1fr)}.random-color-options:nth-of-type(2)>div{grid-template-columns:repeat(2,1fr)}.random-color-options button{border-bottom:1px solid #e2e7ef}.random-color-history>div{grid-template-columns:1fr}.random-color-results footer{grid-template-columns:1fr}}