*{box-sizing:border-box}body{background:#f5f3ed;color:#171714;font-family:Arial,Helvetica,sans-serif;margin:0}.studio-login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:32px 18px}.preview-shell{margin:0 auto;max-width:1180px;padding:32px 20px 64px}.preview-header{align-items:end;border-bottom:1px solid #bdb9ad;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:18px}.preview-header p,.source-card>p{color:#68645a;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 7px;text-transform:uppercase}.preview-header h1{font-size:clamp(25px,4vw,42px);margin:0}.preview-header span{background:#e7e2d7;border-radius:999px;font-size:12px;padding:7px 11px}.preview-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(260px,38%)}.problem-card,.source-card{background:#fff;border:1px solid #d7d3c9;border-radius:18px;box-shadow:0 14px 40px rgb(36 32 22/7%);padding:clamp(20px,4vw,40px)}.stem{font-size:18px;line-height:1.75}.parts{display:grid;gap:18px;line-height:1.7;margin:28px 0 0;padding-left:22px}.display-math{display:block;margin:14px 0;overflow-x:auto}.figure-placeholder{background:#f5f3ed;border:1px dashed #aaa394;border-radius:12px;margin-top:28px;min-height:160px;padding:20px}.source-card{align-self:start;padding:14px}.source-card>p{padding:7px 7px 3px}.source-card iframe,.source-card img{border:0;border-radius:10px;display:block;max-height:680px;object-fit:contain;width:100%}.source-card iframe{height:620px}@media (max-width:760px){.preview-grid{grid-template-columns:1fr}.preview-header{align-items:start;gap:16px}}