#mock-controls{background:#17243b;border-bottom:3px solid #c6ad72;flex:none;padding:8px 16px}#mock-controls>summary{color:#ffe066;cursor:pointer;font-size:14px}.mock-tools{max-height:185px;overflow-y:auto}.mock-tools p{color:#cbd8eb;margin:8px 0;font-size:12px}.mock-tools nav{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.mock-tools button,.mock-tools input,.mock-tools select{font:inherit;color:#fff;background:#111a2b;border:1px solid #7d91b1;padding:3px 8px;font-size:12px}.mock-tools button{cursor:pointer}.mock-tools button:hover,.mock-tools button.on{color:#ffe066;border-color:#ffe066}#mock-add-hero,.mock-state{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;font-size:12px;display:flex}#mock-feedback{color:#b6e9c9}.mock-navigation{z-index:20;background:#0e0e19;border-bottom:1px solid #6a6086;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 3px 12px #0005}#mock-intro{color:#191929;background:#f4d572;border:2px solid #ffe9a4;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-flex;box-shadow:inset -2px -2px #bd933f}#mock-intro:hover{background:#ffe9a4}#mock-intro:focus-visible{outline-offset:3px;outline:3px solid #fff}.mock-navigation-label{color:#efedf7;white-space:nowrap;font-size:14px}.mock-navigation-label span{color:#b2afc7;font-size:12px}@media (width<=640px){.mock-navigation{gap:8px;padding:8px}#mock-intro{padding:8px 12px;font-size:13px}.mock-navigation-label{font-size:12px}.mock-navigation-label span{text-align:right;font-size:10px;display:block}#mock-controls{padding:8px}.mock-tools{max-height:220px}.mock-tools input{max-width:180px}}