*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,system-ui,sans-serif;color:#23251e;background:#fafaf8}body{display:flex;height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #5046e5;outline-offset:3px}.rail{width:108px;flex-shrink:0;padding:23px 10px 14px;display:flex;flex-direction:column;border-right:1px solid #dedfd8;background:white;z-index:3}.brand{font-size:23px;font-weight:800;letter-spacing:-1.4px;text-align:center}.brand>span{font-size:9px;vertical-align:top;letter-spacing:0}#demos{display:grid;gap:8px;margin-top:28px;overflow:auto}#demos>a{display:block;padding:5px;border:1px solid transparent;border-radius:9px;text-align:center;font-size:10px;color:#73766b}#demos img{width:100%;height:48px;object-fit:cover;border-radius:5px;background:#f3f4ef}#demos span{display:block;margin-top:5px}#demos a[aria-current=page]{background:#f0edff;border-color:#d6cefa;color:#5046e5;font-weight:700}#demos a:hover{background:#f4f4ef}.rail-bottom{margin-top:auto;padding-top:18px;font-size:11px;text-align:center}.rail-bottom>a{display:block;padding:12px 0;font-weight:600}#creator{position:relative}#creator summary{cursor:pointer;list-style:none;font-size:10px;color:#74766e;padding:12px 0}#creator summary::-webkit-details-marker{display:none}.creator-menu{position:absolute;left:98px;bottom:0;width:265px;padding:18px;background:#fff;border:1px solid #dedfd8;border-radius:12px;box-shadow:0 12px 40px #0002;text-align:left}.creator-menu>span{display:block;font-size:11px;color:#777;margin-bottom:12px}.creator-menu>a{display:block;padding:12px 0;font-size:13px}main{min-width:0;flex:1;display:flex;flex-direction:column}.viewer-header{height:62px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid #dedfd8;gap:16px;background:#fff}#demo-label{font-size:8px;letter-spacing:1.6px;color:#85877b}h1{font-size:14px;font-weight:600;margin:5px 0 0}.actions{display:flex;gap:20px;align-items:center;font-size:11px}.buy{background:#24261f;color:white;padding:12px 17px;border-radius:6px;white-space:nowrap}.stage{position:relative;flex:1;min-height:0}iframe{display:block;width:100%;height:100%;border:0;background:#f6f7f2}#loading{position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:30px;background:#fff;box-shadow:0 4px 15px #0001;font-size:12px;pointer-events:none}#loading[hidden]{display:none}@media(max-height:670px) and (min-width:721px){#demos{gap:3px;margin-top:12px}#demos img{height:35px}.rail{padding-top:15px}.rail-bottom{padding-top:4px}}@media(max-width:720px){body{flex-direction:column}.rail{width:100%;height:70px;flex-direction:row;align-items:center;padding:6px 10px;gap:9px;border-right:0;border-bottom:1px solid #dedfd8}.brand{font-size:19px;flex-shrink:0}#demos{display:flex;flex:1;margin:0;gap:3px;overflow-x:auto}#demos>a{flex:1;min-width:43px;padding:3px;font-size:9px}#demos img{height:27px}#demos span{margin-top:2px}.rail-bottom{margin:0;padding:0}#store{display:none!important}#creator summary{font-size:0;padding:10px 3px}#creator summary>span{font-size:18px}.creator-menu{left:auto;right:0;top:40px;bottom:auto}.viewer-header{height:55px;padding:0 12px;gap:8px}#demo-label{font-size:7px}h1{font-size:11px}.actions{font-size:10px;gap:0}#external{display:none}.buy{padding:10px 12px}main{min-height:0}}