.ts-output{width:100%;height:560px;display:block;resize:vertical;padding:18px;color:#dce5ef;border:0;outline:0;background:#2b3441;font:13px/1.75 Consolas,monospace}.ts-options{display:flex;flex-wrap:wrap;gap:8px 15px;color:#687280;font-size:12px}.ts-options label{display:flex;align-items:center;gap:6px}.ts-options input{accent-color:#56657a}
.ua-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ua-summary div{padding:14px;border-radius:10px;background:#f3f6f8;text-align:center}.ua-summary i{display:block;margin-bottom:7px;color:#56657a;font-size:24px}.ua-summary strong,.ua-summary span{display:block}.ua-summary strong{color:#46515f;font-size:14px}.ua-summary span{margin-top:4px;color:#8a939f;font-size:12px}.ua-detail{display:grid;gap:8px}.ua-detail div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 12px;border:1px solid #e2e6ea;border-radius:8px}.ua-detail span{color:#89919d;font-size:12px}.ua-detail strong{overflow:hidden;color:#46515f;font-size:12px;text-overflow:ellipsis}
.status-search{display:flex;gap:8px}.status-search input{flex:1}.status-search button{height:42px;padding:0 14px;color:#fff;border:0;border-radius:9px;background:#56657a;font-size:12px;cursor:pointer}.status-groups{display:flex;flex-wrap:wrap;gap:7px}.status-groups button{height:34px;padding:0 10px;color:#65707d;border:1px solid #dfe4e9;border-radius:8px;background:#fff;font-size:12px;cursor:pointer}.status-groups button.is-active{color:#fff;border-color:#56657a;background:#56657a}.status-list{display:grid;gap:8px}.status-item{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #e1e5e9;border-radius:10px;background:#fff}.status-item b{font-size:18px}.status-item strong,.status-item small{display:block}.status-item strong{color:#46515f;font-size:13px}.status-item small{margin-top:4px;color:#8c95a1;font-size:12px}.status-item span{padding:5px 8px;border-radius:6px;background:#edf1f4;font-size:12px}.status-item.is-2xx b{color:#278162}.status-item.is-3xx b{color:#3c77ba}.status-item.is-4xx b{color:#c07d2b}.status-item.is-5xx b{color:#b44852}
.lorem-output{width:100%;height:460px;display:block;resize:vertical;padding:18px;color:#344050;border:0;outline:0;font:14px/1.85 "Microsoft YaHei",sans-serif}.lorem-stats{display:flex;flex-wrap:wrap;gap:8px}.lorem-stats span{padding:5px 8px;color:#687280;border-radius:6px;background:#edf1f4;font-size:12px}
.slug-preview{padding:18px;color:#dce5ef;border-radius:10px;background:#2b3441;font:14px/1.7 Consolas,monospace;word-break:break-all}.slug-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.slug-rules label{display:flex;align-items:center;gap:7px;padding:10px;border-radius:8px;background:#f3f6f8;color:#62707d;font-size:12px}.slug-rules input{accent-color:#56657a}
.schema-tabs{display:flex;flex-wrap:wrap;gap:7px}.schema-tabs button{height:36px;padding:0 11px;color:#65707d;border:1px solid #dfe4e9;border-radius:8px;background:#fff;font-size:12px;cursor:pointer}.schema-tabs button.is-active{color:#fff;border-color:#23936f;background:#23936f}.schema-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.schema-fields label{display:grid;gap:6px;color:#65707d;font-size:12px}.schema-fields label.is-wide{grid-column:1/-1}.schema-fields input,.schema-fields textarea{width:100%;height:40px;padding:0 10px;color:#344050;border:1px solid #dce2e8;border-radius:8px;outline:0;font-size:12px}.schema-fields textarea{height:85px;padding:10px;resize:vertical}.schema-output{height:510px;overflow:auto;margin:0;padding:18px;color:#dce5ef;background:#27352f;font:12px/1.75 Consolas,monospace;white-space:pre-wrap;word-break:break-word}
@media(max-width:760px){.ua-summary{grid-template-columns:1fr}.schema-fields{grid-template-columns:1fr}.schema-fields label.is-wide{grid-column:auto}}
@media(max-width:620px){.ua-detail div{grid-template-columns:1fr}.status-item{grid-template-columns:52px minmax(0,1fr)}.status-item>span{grid-column:1/-1}.slug-rules{grid-template-columns:1fr}}