.gallery-view-switch{display:flex;flex:none;border:1px solid #bdc9c2;border-radius:9px;overflow:hidden;margin-left:auto}
.gallery-view-switch button{border:0;padding:9px 13px;background:#fffdf8;color:#315b5c;font-size:13px;font-weight:750;white-space:nowrap}
.gallery-view-switch button[aria-pressed="true"]{background:#176b73;color:white}
.gallery-view-switch button:focus-visible{outline:3px solid #c98c41;outline-offset:-3px}
#demoExpand{display:none}
.demo-card-actions{display:grid;grid-template-columns:1fr 1fr}
.demo-card-actions .demo-tutorial-link,.demo-quick-run{border:1px solid #cadad4;border-top:0;border-radius:0 0 11px 0;padding:10px 5px;font-size:12px!important;font-weight:800;text-align:center;white-space:nowrap}
.demo-quick-run{border-radius:0 0 0 11px;border-right:0;background:#176b73;color:#fff}
.demo-quick-run:hover{background:#0f5057}
.demo-tile[aria-pressed="true"]{border:2px solid #176b73}
body.quick-run-view .demo-gallery{padding:8px 14px}
body.quick-run-view .demo-gallery-top{margin-bottom:6px;gap:10px;flex-wrap:nowrap}
body.quick-run-view .demo-gallery-title{font-size:16px}
body.quick-run-view .demo-gallery-sub{font-size:11px}
body.quick-run-view .level-guide{display:none}
body.quick-run-view .difficulty-filters{display:inline-flex;margin:0 10px 5px 0;gap:5px}
body.quick-run-view .level-filter{font-size:12px;padding:5px 10px}
body.quick-run-view .demo-filter-bar{display:inline-flex;width:calc(100% - 425px);vertical-align:middle;margin:0 0 5px;padding:0}
body.quick-run-view .demo-filter{font-size:11px;padding:5px 9px}
body.quick-run-view .demo-gallery-scroll{max-height:180px;align-items:stretch;padding:1px 0 5px}
body.quick-run-view .demo-project-card{flex-basis:146px}
body.quick-run-view .demo-tile canvas{height:84px;aspect-ratio:auto;object-fit:contain;background:#fff}
body.quick-run-view .demo-tile-copy{padding:5px 7px}
body.quick-run-view .demo-tile-desc,body.quick-run-view .project-skills,body.quick-run-view .project-order{display:none}
body.quick-run-view .project-badges{margin-bottom:4px}
body.quick-run-view .level-badge{font-size:9px;padding:2px 5px}
body.quick-run-view .demo-tile-name{font-size:12px}
body.quick-run-view .demo-card-actions{display:block}
body.quick-run-view .demo-quick-run{display:none}
body.quick-run-view .demo-card-actions .demo-tutorial-link{border-radius:0 0 11px 11px;padding:5px;font-size:11px!important}
body.quick-run-view #examples{display:none}
@media(max-width:1100px){body.quick-run-view .tool-note{display:none}body.quick-run-view .demo-gallery-sub{display:none}body.quick-run-view .site-link{padding:5px;font-size:11px}}
@media(max-width:840px){body.quick-run-view .demo-filter-bar{display:flex;width:100%}body.quick-run-view .demo-gallery-top{flex-wrap:wrap}body.quick-run-view .demo-gallery{padding:8px}.gallery-view-switch button{padding:7px 9px}.demo-card-actions .demo-tutorial-link,.demo-quick-run{font-size:11px!important}}
@media(max-width:560px){.demo-gallery-top{display:grid;grid-template-columns:1fr auto}.demo-gallery-top>div:first-child{grid-column:1/-1}.gallery-view-switch{margin:0;grid-column:2;grid-row:2}.demo-search{width:100%;max-width:100%;grid-column:1;grid-row:2}.site-actions{display:flex!important}.site-actions .site-link{font-size:10px;padding:5px}.site-actions .site-link:last-child{display:none}.demo-card-actions{grid-template-columns:1fr}.demo-quick-run{border-right:1px solid #cadad4;border-radius:0}.demo-card-actions .demo-tutorial-link{border-radius:0 0 11px 11px}.demo-gallery-sub{line-height:1.4}body.quick-run-view .demo-project-card{flex-basis:130px}body.quick-run-view .demo-gallery-scroll{max-height:165px}body.quick-run-view .demo-tile canvas{height:70px}}

@media(max-width:560px){body.quick-run-view .appbar-right{display:block}body.quick-run-view .site-actions{justify-content:flex-end;margin-bottom:6px}body.quick-run-view .toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}body.quick-run-view .toolbar .btn{width:100%;min-width:0;height:34px}body.quick-run-view .appbar{gap:6px}}