.demo-schools{max-height:750px;padding:8px 4px 15px}.demo-card.live-demo-card{padding:0;overflow:hidden;border:1px solid #ded5ed;box-shadow:0 18px 35px #6248800c;background:#fff}.live-demo-card:after{display:none}.demo-browser-bar{display:flex;align-items:center;gap:18px;padding:12px 17px;background:#f1edf7;border-bottom:1px solid #e5ddef}.demo-browser-bar>span{font-size:7px;letter-spacing:3px;color:#bbaccf}.demo-browser-bar small{font-size:8px;color:#a48eb8;overflow-wrap:anywhere}.demo-thumbnail{position:relative;width:100%;overflow:hidden;background:#e7e5e9;min-height:150px}.demo-thumbnail-frame{position:absolute;left:0;top:0;width:1100px;height:740px;transform-origin:top left;border:0;pointer-events:none;background:white}.demo-preview-overlay{position:absolute;inset:0;border:0;background:linear-gradient(transparent 70%,#281e4044);display:flex;align-items:end;justify-content:center;padding:18px;cursor:pointer;transition:background .2s}.demo-preview-overlay>span{background:#ffffffed;border:1px solid #e4d9ee;padding:10px 18px;border-radius:30px;color:#8263aa;font-size:10px;box-shadow:0 6px 15px #33214415}.demo-preview-overlay:hover{background:#6d50ac20}.demo-card-copy{padding:25px}.demo-card-copy>span{font-size:8px;letter-spacing:1.4px;color:#ad91bf}.demo-card-copy h3{margin:15px 0 20px;font-size:23px}.demo-card-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.demo-card-actions .button{font-size:10px;padding:13px 17px}.demo-card-actions>a{font-size:10px;font-weight:600;color:#8a739f}#school-preview{border:1px solid #dcd3e9;border-radius:15px;padding:0;width:min(1250px,96vw);max-width:none;max-height:95dvh;overflow:auto;box-shadow:0 30px 100px #20133255;color:var(--ink);background:#f5f2fa}#school-preview::backdrop{background:#23193299;backdrop-filter:blur(5px)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 23px;background:#fff;border-bottom:1px solid #e7dfef;position:sticky;top:0;z-index:2}.preview-toolbar small{font-size:7px;letter-spacing:1.5px;color:#a28db6}.preview-toolbar h3{font-size:17px;margin:7px 0 0}.preview-modes{display:flex;gap:3px;background:#f0eaf7;padding:4px;border-radius:7px}.preview-modes button{border:0;border-radius:5px;background:none;color:#a08bac;padding:9px 14px;font-size:10px}.preview-modes button[aria-pressed=true]{background:white;color:#79559e;box-shadow:0 2px 6px #62488015}.preview-toolbar>a{font-size:10px;color:#9475ad}.preview-toolbar>button{border:1px solid #e8e0ef;background:#faf8fd;border-radius:50%;width:32px;height:32px;color:#9577ab;font-size:13px;flex:none}.preview-canvas{position:relative;overflow:hidden;margin:0 auto;width:100%;background:#e9e5ef}.preview-device{position:absolute;left:50%;margin-left:-550px;top:12px;transform-origin:top center;border-radius:4px;overflow:hidden;box-shadow:0 6px 25px #30213a20;background:white}.preview-device iframe{display:block;border:0;background:white}.mobile-preview .preview-device{margin-left:-195px;border:5px solid #302b3e;border-radius:25px}.mobile-preview .preview-device iframe{width:380px!important;height:730px!important}.preview-caption{font-size:9px;text-align:center;margin:0;padding:15px 20px;color:#a18bad;background:#fff}@media(max-width:800px){.demo-schools{grid-template-columns:1fr;max-height:1000px}.preview-toolbar{flex-wrap:wrap;gap:13px;padding:15px}.preview-toolbar>div:first-child{flex:1;min-width:180px}.preview-toolbar h3{font-size:15px}.preview-modes{order:3}.preview-toolbar>a{order:4;font-size:10px;margin-left:auto}.preview-caption{font-size:8px}.demo-card-copy{padding:22px}.demo-card-copy h3{font-size:21px}.demo-card-actions{gap:15px}#school-preview{max-height:94dvh}.preview-device{box-shadow:none}}