*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#242424;background-color:#f5f5f5}body{margin:0;min-height:100vh}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem;padding:2rem 0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}h1{font-size:2.5rem;color:#00aa58;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem}h2{font-size:1.5rem;margin-bottom:1rem;color:#333}section{background:#fff;padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.conditions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.condition{display:flex;justify-content:space-between;padding:.75rem;background:#f9f9f9;border-radius:4px;border-left:3px solid #00aa58}.label{font-weight:600;color:#555}.value{color:#00aa58;font-weight:500}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.test-btn{padding:1rem 2rem;font-size:1rem;font-weight:600;background:#00aa58;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.test-btn:hover{background:#008f4a;transform:translateY(-2px);box-shadow:0 4px 12px #00aa584d}.test-btn:active{transform:translateY(0)}.test-btn.slow{background:#ff6b6b}.test-btn.slow:hover{background:#ff5252;box-shadow:0 4px 12px #ff6b6b4d}.dropdown-container{margin-top:1.5rem}.test-menu{width:100%;max-width:300px;padding:.75rem;font-size:1rem;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .2s}.test-menu:focus{outline:none;border-color:#00aa58}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.image-grid img{width:100%;height:auto;border-radius:6px;box-shadow:0 2px 8px #0000001a}.video video{width:100%;max-width:800px;border-radius:6px;margin-top:1rem}.actions{text-align:center}.dashboard-link{display:inline-block;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:#242424;text-decoration:none;border-radius:6px;transition:all .2s}.dashboard-link:hover{background:#00aa58;transform:translateY(-2px);box-shadow:0 4px 12px #00aa584d}.footer{background:#fff;padding:2rem;margin-top:3rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.footer-content h3{font-size:1.5rem;color:#242424;margin-bottom:.5rem}.footer-subtitle{color:#666;margin-bottom:1.5rem}.params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.param-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f9f9f9;border-radius:6px;border-left:3px solid #00aa58}.param-item code{font-family:Courier New,monospace;font-size:.95rem;color:#00aa58;font-weight:600}.param-item span{font-size:.875rem;color:#666}.footer-example{padding:1rem;background:#e6f4ea;border-radius:6px;border-left:3px solid #00aa58;font-size:.875rem;color:#333}.footer-example code{font-family:Courier New,monospace;color:#00aa58;font-weight:600;background:#fff;padding:.25rem .5rem;border-radius:3px}@media(max-width:768px){.container{padding:1rem}h1{font-size:2rem}.conditions,.button-grid,.params-grid{grid-template-columns:1fr}}