.demo-photo-credits{margin:18px auto;padding:14px;max-width:1100px;font:13px/1.6 system-ui,sans-serif}.demo-photo-credits figure{margin:14px 0}.demo-photo-credits img{max-width:240px;height:auto}.demo-photo-credits a{overflow-wrap:anywhere}.demo-unavailable{padding:14px;border:1px solid #34414f;background:#e9f4f2;color:#17352f;font:14px/1.6 system-ui,sans-serif;overflow-wrap:anywhere}
.school-workflow{padding:20px;background:#fff;color:#17352f;border:1px solid #34414f}.school-workflow-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none;padding:0}.school-workflow-steps h3{font-size:18px}.school-workflow-steps span{color:#087d76;font-weight:bold}
.demo-bg .school-workflow{background:#141820;color:#e6edf3;border-color:#63d8c6;margin:1rem 0;padding:clamp(12px,3vw,20px)}.demo-bg .school-workflow-steps span{color:#63d8c6}.demo-bg .school-workflow-steps li{border-top:1px solid #3d4653;padding-top:12px}.demo-bg .school-workflow figcaption{color:#c4cdd7}
.demo-bg .demo-unavailable{background:#141820;color:#c4cdd7;border-color:#63d8c6}
@media(max-width:600px){.school-workflow-steps{grid-template-columns:1fr}}
@media(max-width:600px){.demo-bg .content{grid-template-columns:minmax(0,1fr)}.demo-bg .canvas-card,.demo-bg .controls-card{min-width:0}.demo-bg .canvas-frame{min-width:0;max-width:100%;width:100%}.demo-bg .canvas-frame canvas,.demo-bg .canvas-shell canvas{max-width:100%;height:auto!important}}

.demo-navigation{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;position:relative;max-width:1100px;margin:2rem auto 0;padding:1.2rem 22px;border-top:1px solid #77818a66;font:14px/1.6 system-ui,sans-serif}
.demo-navigation nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.demo-navigation a{text-decoration:underline;text-underline-offset:3px}.demo-navigation nav a{margin:0;padding:0}
.process-image{display:block;max-width:560px;margin:1.2rem auto}.process-image img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:10px}.original-reference{text-decoration:underline;text-underline-offset:3px}
