.diploma-grid[hidden],.diploma-viewer[hidden],.diploma-error[hidden]{display:none}
.diploma-dialog .diploma-thumb{display:flex;flex-direction:column;gap:12px;text-align:left;width:100%;padding:12px;background:#0c0910;border:1px solid #3c3045;border-radius:8px;transition:border-color .18s}
.diploma-dialog .diploma-thumb:hover{border-color:var(--accent)}
.diploma-dialog .diploma-thumb img{display:block;width:100%;height:230px;max-height:none;object-fit:contain;background:#eee;pointer-events:none}
.diploma-thumb span{font-size:12px;line-height:1.5;color:#d2c4de;min-height:36px}
.diploma-dialog.is-viewing{width:calc(100% - 32px);max-width:1500px;height:94dvh;max-height:94dvh;padding:20px;overflow:hidden}
.diploma-dialog.is-viewing .dialog-head{height:52px;align-items:center}
.diploma-dialog.is-viewing .dialog-head h2{font-size:18px;letter-spacing:-.02em;line-height:1.3;max-width:calc(100% - 65px)}
.diploma-dialog.is-viewing .diploma-intro{display:none}
.diploma-viewer{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100% - 52px);min-height:0}
.diploma-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.diploma-toolbar button{min-width:44px;min-height:44px;background:#24192e;border:1px solid #503d60;border-radius:var(--action-radius,999px);padding:8px 12px;font-size:13px;transition:background-color 160ms,border-color 160ms,transform 160ms cubic-bezier(.22,1,.36,1)}
.diploma-toolbar button:hover:not(:disabled){background:#35213f}
.diploma-toolbar button:active:not(:disabled){transform:scale(.96)}
.diploma-toolbar button:disabled{opacity:.35;cursor:default}
.diploma-toolbar .diploma-fit{font-size:11px;min-width:72px}
.diploma-paging,.diploma-zoom{display:flex;align-items:center;gap:8px}
.diploma-count{min-width:50px;text-align:center;font-size:12px;color:#d3c3e1}
.diploma-toolbar :is(.diploma-prev,.diploma-next,.diploma-minus,.diploma-plus){display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;line-height:1}
.diploma-toolbar .diploma-prev,.diploma-toolbar .diploma-next{font-size:24px}
.diploma-stage{min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:6px;background:#09060d;touch-action:pan-x pan-y pinch-zoom;scrollbar-color:#675275 #140f19}
.diploma-canvas{min-width:100%;min-height:100%;width:max-content;display:flex;align-items:center;justify-content:center;padding:16px}
.diploma-dialog .diploma-full{display:block;max-width:none;max-height:none;width:calc(var(--diploma-fit-width,600px)*var(--diploma-scale,1));height:auto;flex-shrink:0;border-radius:0;cursor:zoom-in}
.diploma-dialog.is-zoomed .diploma-full{cursor:zoom-out}
.diploma-help{font-size:11px;line-height:1.5;color:#a99ab6;margin:10px 0 0}
.diploma-error{font-size:12px;color:#ead2e5;margin-top:8px}
@media(max-width:560px){
 .diploma-dialog .diploma-thumb img{height:200px}
 .diploma-dialog.is-viewing{width:calc(100% - 16px);height:96dvh;max-height:96dvh;padding:12px}
 .diploma-dialog.is-viewing .dialog-head{height:60px;gap:8px}
 .diploma-dialog.is-viewing .dialog-head h2{font-size:15px;max-width:calc(100% - 52px)}
 .diploma-viewer{height:calc(100% - 60px)}
 .diploma-toolbar{flex-wrap:wrap;gap:8px;padding-block:10px}
 .diploma-toolbar .diploma-back{font-size:11px;padding-inline:10px}
 .diploma-toolbar .diploma-paging{margin-left:auto;gap:4px}
 .diploma-zoom{justify-content:center;width:100%;gap:12px}
 .diploma-toolbar .diploma-fit{min-width:100px}
 .diploma-canvas{padding:8px}
 .diploma-help{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.diploma-thumb,.diploma-toolbar button{transition:none}.diploma-toolbar button:active{transform:none}}