*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Mabni,Arial,sans-serif}.mabni-bar{height:46px;background:#183e47;color:#fff;display:flex;align-items:center;gap:10px;padding:5px 12px;position:relative;z-index:11;font-size:12px}.mabni-bar a{display:flex;gap:7px;align-items:center;color:inherit;text-decoration:none;white-space:nowrap;letter-spacing:1px}.mabni-bar img{width:30px;height:30px}.studio-name{white-space:nowrap;font-weight:bold}.project-title{flex:1;min-width:70px;max-width:260px}.project-title input{width:100%;background:#ffffff12;border:1px solid #ffffff40;border-radius:7px;color:white;padding:7px 9px;font:inherit}.mabni-bar button{font:inherit;border:1px solid #ffffff30;border-radius:7px;padding:7px 9px;background:#ffffff0d;color:white;white-space:nowrap;cursor:pointer}.mabni-bar button:hover{background:#ffffff24}#saveStatus{color:#b8d8d7;min-width:90px;margin-right:auto;font-size:11px}#scratch-root{height:calc(100% - 46px);position:relative}#scratch-root>div{height:100%}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}dialog{width:min(740px,92vw);max-height:86vh;border:0;border-radius:20px;padding:28px;color:#193d47;box-shadow:0 20px 90px #102d4466;font:16px/1.5 Mabni,Arial,sans-serif}dialog::backdrop{background:#102d4470}.dialog-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-title h1{font-size:24px;margin:0}.dialog-title button{background:#edf3f1;border:0;border-radius:50%;width:36px;height:36px;font-size:25px;cursor:pointer}#projectList{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{border:1px solid #d7e4e3;border-radius:12px;overflow:hidden;background:#f6faf9;text-align:left;padding:0;cursor:pointer;color:#193d47}.project-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:white}.project-card span{display:block;padding:8px 10px;font-size:14px;font-weight:bold}.project-card small{display:block;padding:0 10px 10px;color:#657b82}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f0bc4c;outline-offset:2px}[data-offline-unavailable]{display:none!important}@media(max-width:1000px){.studio-name{display:none}.mabni-bar{gap:5px;padding-inline:6px}.mabni-bar button{padding-inline:6px}#saveStatus{min-width:0;font-size:10px}.project-title{max-width:180px}}@media(max-width:720px){#about,#saveStatus{display:none}#projectList{grid-template-columns:repeat(2,1fr)}}

#downloadReady{font-size:11px;letter-spacing:0;color:#ffdc8b;text-decoration:underline;white-space:nowrap}
.mabni-bar :disabled{opacity:.5;cursor:wait}.tutorials-button + div{display:none!important}

.hardware-status{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:1000000;max-width:min(590px,90vw);padding:11px 16px;border:1px solid #bdd7d2;border-radius:10px;background:#f1faf7;color:#234f54;font-size:12px;box-shadow:0 5px 24px #173e4724;pointer-events:none}