@layer components{.random-tool{color:#43596d;grid-template-columns:1.2fr 1fr;align-items:stretch;gap:18px;display:grid}.random-tool .surface{background:#fafbfc;border:1px solid #bdcad6;border-radius:12px;min-width:0;margin:0;padding:18px}.random-input{min-width:0}.random-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.random-heading h2{margin:0;font-size:14px;font-weight:750}.random-heading>span{color:#7b8794;font-size:11px}.random-heading .text-button{align-items:center;gap:5px;font-size:11px;display:inline-flex}.random-input textarea{resize:vertical;color:#43596d;box-sizing:border-box;background:#fff;border:1px solid #bdcad6;border-radius:8px;width:100%;height:135px;padding:10px;font:13px/1.7 monospace;display:block}.random-tool .fragment-file-status{min-height:20px}.random-note{color:#798793;margin:9px 0 14px;font-size:10px;line-height:1.6}.random-events{grid-template-columns:repeat(15,minmax(0,1fr));gap:4px;display:grid}.random-events>div{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.random-events>div>span{color:#8795a1;font-size:9px}.random-events button{cursor:pointer;color:#667d91;background:#fff;border:1px solid #c6cdd5;border-radius:5px;width:100%;height:31px;font-size:10px;font-weight:700}.random-events button[aria-pressed=true]{color:#425e78;background:linear-gradient(120deg,#dce8ee,#e8e4ed);border-color:#829ab1}.random-run{align-items:flex-end;gap:12px;display:flex}.random-run label{flex-direction:column;gap:6px;font-size:11px;display:flex}.random-run input{background:#fff;border:1px solid #bdcad6;border-radius:7px;width:150px;height:37px;padding:9px;font-size:12px}.random-tool .primary-button,.random-tool .secondary-button{justify-content:center;align-items:center;gap:7px;line-height:18px;display:inline-flex}.random-output{flex-direction:column;display:flex}.random-output .secondary-button{font-size:11px}.random-values{letter-spacing:1px;background:#f0f3f6;border:1px solid #d3dce4;border-radius:8px;flex:1;min-height:180px;max-height:310px;margin:0;padding:12px;font:14px/1.7 monospace;overflow:auto}.random-empty{text-align:center;color:#8296a7;background:#f0f3f6;border:1px dashed #c6cdd5;border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:240px;display:flex}.random-empty p{max-width:240px;font-size:12px;line-height:1.7}.random-pagination{justify-content:center;align-items:center;gap:15px;margin-top:10px;font-size:11px;display:flex}.random-tool button:disabled{opacity:.5;cursor:default}@media (max-width:1000px){.random-tool{grid-template-columns:1fr}.random-values,.random-empty{min-height:160px}}@media (max-width:500px){.random-tool .surface{padding:14px}.random-events{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.random-events button{height:34px}.random-heading h2{font-size:13px}.random-run{gap:8px}.random-run input{width:125px}.random-run .primary-button{padding:9px;font-size:11px}.random-output .secondary-button{padding:7px}.random-input textarea{height:115px}}.random-package-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.random-package-actions>span{color:#7b8794;font-size:11px}.random-tool .fragment-file-input>.random-clear-button{color:#6c8297;cursor:pointer;background:#f5f8fa;border:1px solid #c7d4df;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 7px;font-size:10px;line-height:16px;display:inline-flex}.random-clear-button svg{flex-shrink:0;display:block}.random-clear-button:hover:not(:disabled){background:#e7eef4}.random-balt-downloads{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;display:flex}.random-balt-downloads .secondary-button{white-space:nowrap;font-size:11px}.random-output>.random-heading{flex-wrap:wrap}.random-output>.random-heading>.random-balt-downloads{margin-left:auto}.random-optional-conditions{background:#f6f8fa;border:1px solid #c4d1dc;border-radius:9px;margin:0 0 16px;padding:0 12px}.random-optional-conditions>summary{cursor:pointer;color:#536f86;flex-wrap:wrap;align-items:center;gap:8px;padding:11px 0;font-size:12px;font-weight:650;list-style:none;display:flex}.random-optional-conditions>summary::-webkit-details-marker{display:none}.random-optional-conditions>summary:before{content:"›";font-size:20px;line-height:16px;transition:transform .15s;transform:rotate(0)}.random-optional-conditions[open]>summary:before{transform:rotate(90deg)}.random-optional-conditions>summary>span{color:#8395a4;font-size:10px;font-weight:500}.random-optional-conditions[open]>summary{border-bottom:1px solid #d6dfe7;margin-bottom:12px}.random-optional-conditions .random-heading>h2{display:flex}.random-optional-conditions .random-heading{justify-content:space-between;align-items:center;margin-bottom:10px}.random-optional-conditions .random-note{margin-bottom:12px}}.toto-app.classic-room #random-tool .random-visible-conditions{margin:0 0 14px;padding:12px}.toto-app.classic-room #random-tool .random-visible-conditions .random-heading{justify-content:space-between;align-items:center;margin-bottom:10px}.toto-app.classic-room #random-tool .random-visible-conditions h2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.random-visible-conditions h2 small{color:#8395a4;font-size:10px;font-weight:500}.toto-app.classic-room #random-tool>.random-input{align-self:start;height:auto}.toto-app.classic-room #random-tool .random-input textarea{flex:none;height:125px;min-height:125px;max-height:125px}.toto-app.classic-room #random-tool .random-run{flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:12px;margin-top:0;display:flex}.toto-app.classic-room #random-tool .random-run .tool-step-action{flex-shrink:0;align-self:flex-end}.toto-app.classic-room #random-tool .random-run input{box-sizing:border-box;height:36px}.toto-app.classic-room #random-tool .random-run .primary-button{min-height:36px}
