.sample-ribbon{background:#fff3cc;color:#493700;padding:10px 20px;text-align:center;font:600 13px system-ui;border-bottom:1px solid #e4bd55;}
.sample-ribbon a{color:#124aae}.demo-notice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#10233f;color:white;border-radius:12px;z-index:100;box-shadow:0 4px 24px #0004;max-width:90vw}
.demo-notice[hidden]{display:none}.demo-heading{font-size:1.5rem;margin:0 0 18px;color:#10233f}
.sample-avatar{display:grid;place-items:center;background:#e7eef8;border:1px solid #c8d9ec;border-radius:50%;width:54px;height:54px;font-weight:800;color:#26456c}
.empty-frame{display:grid;place-items:center;background:#fff;border:6px solid #ccb693;height:100%;min-height:80px;color:#5b6b82;font-size:12px;}
.thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.sample-piece{margin:0}.sample-piece img{width:100%;object-fit:contain}
.demo-detail{padding:16px;background:white;border:1px solid #d5e2f2;border-radius:12px;margin-top:8px;color:#10233f}
.demo-detail summary{cursor:pointer;font-weight:700}.demo-detail p{line-height:1.6}a{overflow-wrap:anywhere}
.table-wrap{overflow-x:auto;min-width:0}input,select,textarea{max-width:100%}button[disabled]{cursor:default}
@media(max-width:760px){.app-header{flex-wrap:wrap!important;height:auto!important}.students-grid{grid-template-columns:1fr!important}.pieces{grid-template-columns:repeat(2,minmax(0,1fr))!important}.artist-row{grid-template-columns:1fr!important}.gallery-grid{grid-template-columns:1fr!important}.lower-grid{grid-template-columns:1fr!important}.calendar-inner{overflow:auto}.calendar-grid,.calendar-weekdays{min-width:600px}.hub-nav{flex-wrap:wrap}.demo-heading{margin-top:12px}}