@font-face{font-family:"Fira Sans";src:url("fonts/FiraSans-Regular.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"Fira Sans";src:url("fonts/FiraSans-Medium.ttf") format("truetype");font-weight:500;font-display:swap}@font-face{font-family:"Fira Sans";src:url("fonts/FiraSans-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#242a33;font:14px "Fira Sans",sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}header{height:76px;background:#202731;color:#bcc3ce;display:flex;align-items:center;padding:0 max(5%,calc((100vw - 1200px)/2));gap:65px}.logo{color:white;font-size:24px;font-weight:bold;letter-spacing:-1px;white-space:nowrap}.logo span{color:#64b0ed}.logo i{font-size:15px;color:#55a7e7;display:inline-block;transform:skew(-20deg);margin-left:6px}nav{height:100%;display:flex;gap:35px;align-items:center}nav a{height:100%;display:flex;align-items:center;border-bottom:3px solid transparent}.active{border-bottom-color:#4aa3e6;color:white}.headernote{margin-left:auto;font-size:10px;letter-spacing:2px;color:#7d8999}main{max-width:1200px;padding:35px 25px 70px;margin:auto}.crumb{font-size:10px;color:#9ca6b4;letter-spacing:1px;margin:0 0 30px}.heading{display:flex;align-items:center;justify-content:space-between}h1{font-size:40px;margin:0 0 10px;font-weight:500}.heading p{color:#8b96a3;margin-bottom:30px}.status{font-size:11px;background:#e9edf2;border:1px solid #d9dfe6;padding:10px 14px;border-radius:4px;color:#7e8997}.status i{display:inline-block;width:6px;height:6px;background:#a4b0be;border-radius:50%;margin-right:5px}.notice{border:1px solid #c9dfef;background:#e8f3fb;color:#5781a1;font-size:12px;padding:14px 18px;margin-bottom:25px;border-radius:3px}.catalog{display:grid;gap:20px;grid-template-columns:1fr 1fr}.featured{border:1px solid #e0e4ea;background:white;border-radius:5px;overflow:hidden}.art{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.twink{background:radial-gradient(ellipse at 70% 20%,#794caf,#111b33 75%);color:#e4d5ff}.twink>span{font:italic 900 85px Arial;letter-spacing:-12px;text-shadow:4px 4px 0 #b65deb33}.twink>small{font-size:10px;letter-spacing:8px;margin-left:10px}.mei{background:radial-gradient(ellipse at 50% 40%,#cedae5,#283442)}.mei img{width:200px;height:200px;object-fit:cover;border-radius:50%;margin-top:55px;filter:drop-shadow(0 5px 15px #18243c88)}.product{padding:25px}.label{font-size:9px;letter-spacing:1px;color:#5198ce}.label span{float:right;color:#b6bec8;font-size:8px}.product h2{font-size:25px;margin:17px 0 12px}.product p{color:#8c96a3;font-size:13px;line-height:1.7;min-height:44px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:10px;background:#f0f3f7;color:#8793a2;padding:6px 8px;border-radius:3px}.product>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 17px;background:#3f96d7;border:0;border-radius:3px;color:white}.product>button:hover{background:#2784c8}.product>button b{font-size:20px}.sectionhead{display:flex;align-items:center;gap:25px;margin-top:45px}.sectionhead h2,.scripts h2{font-size:25px;font-weight:500}.sectionhead span{font-size:12px;color:#a1aab6}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tools article{padding:25px;border:1px solid #e0e4ea;background:white;border-radius:4px}.toolicon{height:42px;width:42px;background:#e5e1f4;color:#7963a6;border-radius:7px;display:grid;place-items:center;font-size:23px;font-weight:bold}.toolicon.blue{background:#e2eff9;color:#5893bd;font-size:12px}.toolicon.pink{background:#f6e5eb;color:#b66a85;font-size:14px}.tools h3{font-size:17px}.tools p{font-size:12px;color:#949eab;line-height:1.7}.tools button{font-size:12px;color:#4792cb;padding:10px 0;background:none;border:0}.scripts{margin-top:40px}.scriptrow{border:1px solid #e0e4ea;background:white;display:flex;padding:22px;align-items:center;gap:30px}.scriptrow code{color:#477dac}.scriptrow span{font-size:11px;color:#9aa4af}.scriptrow button{margin-left:auto;border:1px solid #d7e5f0;color:#5d8cae;background:#f4f9fc;border-radius:3px;padding:10px;font-size:11px}footer{border-top:1px solid #e0e4ea;color:#8995a4;display:flex;justify-content:space-between;padding:30px 6%;font-size:11px}dialog{border:1px solid #9ca8b9;padding:0;width:360px;max-width:92vw;background:white;border-radius:5px;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#151d2c99}.titlebar{background:#263241;color:#d7e4f5;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;font-size:12px}.titlebar button{border:0;background:transparent;color:white;font-size:23px}.dialogbody{padding:20px}.dialogbody>p{font-size:12px;color:#6f8199}.progress{height:6px;background:#e9edf3;overflow:hidden;margin-bottom:18px}.progress i{display:block;width:0;height:100%;background:#58a2dc;animation:progress .7s ease-out forwards}.dialogbody img{display:block;width:100%}.dialogbody .end{text-align:center;color:#52657c;font-family:monospace}@keyframes progress{to{width:100%}}@media(max-width:750px){header{gap:25px;padding:0 5%;height:65px}.logo{font-size:20px}nav{gap:15px;font-size:12px}.headernote{display:none}main{padding:25px 15px}.heading{gap:10px}.status{font-size:9px;padding:8px}.catalog{grid-template-columns:1fr}.tools{grid-template-columns:1fr}.scriptrow{flex-wrap:wrap;gap:15px}.scriptrow button{margin-left:0}footer{gap:25px}.label span{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress i{animation:none;width:100%}}
body{background:#f2f4f7}header{box-shadow:0 1px 5px #0002}.featured,.tools article{box-shadow:0 2px 5px #26324105}.product p{color:#6b7786}.label span{color:#7b8796}.tags span{color:#657284}.status{color:#677788}.status i{background:#4c98cf}footer{justify-content:flex-start;gap:28px}footer>b{margin-right:auto}.scriptrow>b{font-size:13px;font-weight:500;color:#477dac}.tools p{color:#748190;min-height:40px}.tools button:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:2px solid #3f96d7;outline-offset:4px}

.progress i{animation-duration:1.6s}

.toolicon{width:62px;height:62px;border-radius:12px}.toolicon img{width:40px;height:40px;object-fit:contain}.toolicon.gubby-icon{background:#eef0f4;overflow:hidden}.toolicon.gubby-icon img{width:90px;height:90px;max-width:none;flex-shrink:0;transform:scale(1.25)}.art .executor-icon{width:112px;height:112px;filter:drop-shadow(0 4px 18px #be6aff55)}

.toolicon.gubby-icon{position:relative}.toolicon.gubby-icon img{position:absolute;width:95px;height:95px;left:50%;top:50%;transform:translate(-50%,-50%)}

.toolicon.photo-icon{overflow:hidden;background:none}.toolicon.photo-icon img{width:100%;height:100%;object-fit:cover;border-radius:10px}

.page-layout{max-width:1520px;margin:auto;display:grid;grid-template-columns:140px minmax(0,1fr) 140px;gap:5px;padding:0 18px}.page-layout main{width:100%;min-width:0;padding-left:22px;padding-right:22px}.mei-rail{align-self:start;position:sticky;top:20px;margin-top:145px;display:grid;gap:15px}.mei-label{font:8px Arial,sans-serif;letter-spacing:1px;color:#9ca3ab;text-align:center}.mei-frame{border:1px solid #b9bdc4;background:white;width:140px;height:330px;overflow:hidden}.mei-frame img{display:block;width:100%;height:100%;object-fit:cover}.short-frame{height:200px}.art.twink{background:#d9dfe6}.art .executor-photo{height:100%;width:auto;max-width:100%;object-fit:contain}.label{letter-spacing:.6px}@media(max-width:1100px){.page-layout{grid-template-columns:110px minmax(0,1fr) 110px;padding:0 10px;gap:0}.mei-frame{width:110px;height:280px}.short-frame{height:170px}.page-layout main{padding-left:15px;padding-right:15px}.product{padding:20px}.label span{float:none;display:block;margin-top:6px}}@media(max-width:850px){.page-layout{display:block;padding:0}.mei-rail{display:none}.label span{display:inline;float:right;margin-top:0}.page-layout main{padding-left:15px;padding-right:15px}}


/* Keep the catalog centered regardless of which side images are visible. */
.page-layout>main{grid-column:2;grid-row:1}.page-layout>.mei-rail{grid-column:1;grid-row:1}.page-layout>.right-meis{grid-column:3;grid-row:1}