.testtube-page{display:flex;align-items:flex-start;gap:20px;padding-top:20px;padding-bottom:20px;font:12px/1.35 Arial,sans-serif;color:#333;box-sizing:border-box}
.testtube-page .tt-sidebar{flex:0 0 180px;padding-top:2px}
.testtube-page .tt-sidebar>a{display:block;padding:4px 5px;color:#333;text-decoration:none}
.testtube-page .tt-sidebar a:hover{background:#eee;text-decoration:underline}
.testtube-page .tt-sidebar .tt-selected{background:#ddd;font-weight:bold}
.testtube-page .tt-sidebar .tt-subnav{padding-left:15px;margin-top:3px;font-weight:normal}
.testtube-page .tt-main{flex:1;min-width:0}
.testtube-page h1{font:bold 28px/34px Arial,sans-serif;color:#333;margin:0 0 16px}
.testtube-page .tt-article{border:1px solid #ccc;background:#fff;padding:18px 20px 22px}
.testtube-page .tt-article>p{margin:0 0 12px}
.testtube-page a{color:#03c;text-decoration:none}
.testtube-page a:hover{text-decoration:underline}
.testtube-page .tt-experiments{border-top:1px solid #ddd;margin-top:12px;padding-top:14px}
.testtube-page .tt-experiment{display:flex;gap:10px;margin:0 0 20px;min-height:74px}
.testtube-page .tt-experiment:last-child{margin-bottom:0}
.testtube-page .tt-icon{flex:0 0 103px}
.testtube-page .tt-icon img{display:block;object-fit:contain;border:0}
.testtube-page .tt-description{flex:1;min-width:0;padding-top:3px}
.testtube-page h2{font:bold 14px/18px Arial,sans-serif;margin:14px 0 5px;color:#333}
.testtube-page .tt-description h2{margin:0 0 2px}
.testtube-page .tt-description p{margin:0 0 4px}
.testtube-page .tt-actions>a:first-child{font-weight:bold}
.testtube-page .tt-separator{color:#888;padding:0 4px}
.testtube-page .tt-support{margin:8px 0 18px;padding-left:20px;line-height:1.8}
.testtube-page .tt-trial-state{border-top:1px solid #ddd;margin:18px 0 12px;padding-top:14px}
.testtube-page .tt-trial-state p{margin:4px 0}
.testtube-page .tt-button{font:bold 12px Arial,sans-serif;color:#333;padding:5px 10px;border:1px solid #999;border-radius:3px;background:linear-gradient(#fff,#e7e7e7);cursor:pointer}
.testtube-page .tt-button:hover{border-color:#666;background:linear-gradient(#fff,#ddd)}
.testtube-page form{margin:12px 0 18px}
.testtube-page label{display:block;font-weight:bold;margin-bottom:5px}
.testtube-page select{font:12px Arial,sans-serif;max-width:100%;padding:4px;margin-right:6px}
.testtube-page .tt-error{padding:8px;border:1px solid #f4bcbc;background:#fee;color:#900}
.cp-trial-preview{border:1px solid #ccc;background:#eee;margin:18px 0;color:#666;max-width:570px;box-shadow:0 1px 3px #0002;font:11px Arial}
.cp-preview-header{height:35px;display:flex;align-items:center;gap:12px;padding:5px 14px;background:linear-gradient(#fff,#eee);border-bottom:1px solid #ccc}
.cp-preview-header>span{font:bold 20px Arial;color:#555}.cp-preview-header>span>span{color:#fff;background:#6c8fc5;border-radius:4px;padding:1px 3px}
.cp-preview-header>i{background:#fff;border:1px solid #bbb;width:180px;height:18px}.cp-preview-header>b{font-size:10px}
.cp-preview-body{display:flex;min-height:140px}.cp-preview-body>div{background:#292929;color:#aaa;flex:0 0 110px;padding:12px;box-sizing:border-box}.cp-preview-body>div>*{display:block;margin-bottom:11px}.cp-preview-body>div>b{color:#eee}
.cp-preview-body>section{padding:12px;flex:1;background:#fff}.cp-preview-body>section>b{display:block;border-bottom:1px solid #ddd;padding-bottom:8px}.cp-preview-body>section>i{display:block;height:22px;background:linear-gradient(to right,#777 48px,#eee 48px);margin-top:8px;max-width:260px}
@media(max-width:760px){.testtube-page{width:100%;padding:15px 12px;gap:12px}.testtube-page .tt-sidebar{flex-basis:110px}.testtube-page .tt-article{padding:14px}.testtube-page .tt-experiment{gap:8px}}
@media(max-width:480px){.testtube-page{display:block}.testtube-page .tt-sidebar{display:flex;flex-wrap:wrap;margin-bottom:15px;gap:5px}.testtube-page .tt-icon{flex-basis:74px}.testtube-page .tt-icon img{width:74px;height:auto}.testtube-page h1{font-size:25px}}