.xj-gallery{--g-bg:#fff;--g-text:#1e3843;--g-muted:#72838b;--g-border:#e4eceb;--g-accent:#087f7b;color:var(--g-text);text-align:left;font-family:inherit}
.course-page .projects-section{padding:60px 0;background:linear-gradient(155deg,#eef6f3,#f5f7fa 65%)}
.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.gallery-eyebrow{display:block;font-size:10px;font-weight:700;color:var(--g-accent);letter-spacing:2px;margin-bottom:14px}
.gallery-heading h2{font-size:28px;line-height:1.4;margin:0 0 12px;letter-spacing:-.5px;color:var(--g-text)}
.gallery-heading p{font-size:13px;line-height:1.9;color:var(--g-muted);margin:0;max-width:750px;white-space:pre-line}
.gallery-reading{font-size:11px;color:var(--g-accent);display:flex;align-items:center;gap:7px;white-space:nowrap;padding-bottom:6px}
.gallery-reading .icon{width:16px;height:16px}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.gallery-filters{display:flex;gap:7px;overflow-x:auto;padding:2px;max-width:100%}
.gallery-filters button{border:1px solid transparent;background:transparent;color:var(--g-muted);white-space:nowrap;border-radius:30px;padding:9px 16px;font:inherit;font-size:12px;cursor:pointer}
.gallery-filters button[aria-pressed=true]{background:var(--g-text);color:var(--g-bg);border-color:var(--g-text)}
.gallery-count{font-family:inherit;font-size:11px;line-height:1.5;color:var(--g-muted);white-space:nowrap}
.gallery-grid{--g-gap:20px;--g-cols:3;display:grid;grid-template-columns:repeat(var(--g-cols),minmax(0,1fr));gap:var(--g-gap)}
.gallery-grid.cols-2{--g-cols:2}.gallery-grid.cols-4{--g-cols:4}.gallery-grid.gap-compact{--g-gap:10px}.gallery-grid.gap-airy{--g-gap:30px}
.gallery-card{min-width:0;background:var(--g-bg);border:1px solid var(--g-border);border-radius:14px;overflow:hidden;box-shadow:0 5px 24px #163d3010;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.gallery-card:hover{box-shadow:0 12px 30px #163d301b;transform:translateY(-3px)}
.gallery-image{position:relative;display:block;width:100%;padding:0;border:0;background:#e9efef;overflow:hidden;cursor:zoom-in;line-height:0;min-height:90px}
.gallery-image img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.gallery-image img[hidden]{display:none}
.gallery-image.ratio-landscape{aspect-ratio:16/10}.gallery-image.ratio-square{aspect-ratio:1}.gallery-image.ratio-portrait{aspect-ratio:3/4}
.gallery-image.ratio-auto img{height:auto}.gallery-image.fit-cover img{object-fit:cover}.gallery-image.pos-top img{object-position:center top}.gallery-image.pos-bottom img{object-position:center bottom}
.gallery-expand{position:absolute;right:14px;bottom:14px;background:#fffef5f0;color:#254842;border:1px solid #ffffffb3;border-radius:24px;display:flex;align-items:center;gap:6px;font-size:11px;line-height:1;padding:9px 13px;box-shadow:0 3px 12px #0001}
.gallery-expand .icon{width:14px;height:14px}.gallery-demo{position:absolute;top:14px;left:14px;font-size:10px;line-height:1.4;padding:4px 9px;background:#ffffffeb;border:1px solid #d7e6e3;color:#53746e;border-radius:5px;letter-spacing:1px}
.gallery-caption{padding:19px 22px 22px}.gallery-kicker{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--g-accent);letter-spacing:1px;margin-bottom:8px}.gallery-kicker span:last-child{color:var(--g-muted);font-family:monospace}
.gallery-caption h3{font-size:16px;line-height:1.6;margin:0;color:var(--g-text)}.gallery-caption p{font-size:12px;color:var(--g-muted);line-height:1.8;margin:6px 0 0;white-space:pre-line}.gallery-caption small{display:block;margin-top:10px;font-size:10px;color:var(--g-muted)}
.gallery-grid.layout-spotlight{grid-auto-rows:minmax(275px,auto)}.layout-spotlight .size-wide{grid-column:span 2;grid-row:span 2}.layout-spotlight .size-wide .gallery-image{flex:1;aspect-ratio:auto;min-height:360px}.layout-spotlight .size-wide .gallery-image img{position:absolute;inset:0;width:100%;height:100%}.layout-spotlight .size-wide .gallery-caption h3{font-size:21px}
.gallery-grid.layout-masonry{display:block;column-count:var(--g-cols);column-gap:var(--g-gap)}.layout-masonry .gallery-card{break-inside:avoid;margin-bottom:var(--g-gap);width:100%;display:inline-flex}.layout-masonry .gallery-image{aspect-ratio:auto}.layout-masonry .gallery-image img{height:auto}
.captions-hide .gallery-caption{display:none}.gallery-empty{grid-column:1/-1;padding:55px 25px;text-align:center;color:var(--g-muted);border:1px dashed var(--g-border);border-radius:12px}
.gallery-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--g-border);margin-top:25px;padding-top:20px;color:var(--g-muted);font-size:11px;line-height:1.8}.gallery-footer a{color:var(--g-accent);font-weight:600;white-space:nowrap;text-decoration:none}
.gallery-theme-dark{--g-bg:#19343e;--g-text:#edf6f5;--g-muted:#afc7cd;--g-border:#34505a;--g-accent:#7be0cb;background:#112831;padding:28px;border-radius:18px}.gallery-theme-dark .gallery-image{background:#0e2028}
.gallery-preview{padding:22px;border:1px solid #e2e9ef;border-radius:12px;background:#f4f8f7}.gallery-preview .gallery-heading h2{font-size:20px}.gallery-preview .gallery-reading{display:none}.gallery-preview button{pointer-events:none}.gallery-preview .gallery-card:hover{transform:none}.gallery-preview.gallery-theme-dark{background:#112831}
.gallery-missing{display:none;font:13px/1.7 sans-serif;padding:25px;color:#6b8090;text-align:center}.image-failed>.gallery-missing{display:block}.image-failed>.gallery-expand{display:none}
.gallery-viewer{width:min(1420px,96vw);height:94vh;max-width:96vw;max-height:94vh;padding:0;border:1px solid #38535c;border-radius:14px;background:#0f2028;color:#e7f1f2;margin:auto;box-shadow:0 30px 90px #0008;overflow:hidden}.gallery-viewer[open]{display:flex;flex-direction:column}.gallery-viewer::backdrop{background:#061318e6;backdrop-filter:blur(7px)}.gallery-modal-open{overflow:hidden!important}
.gallery-viewer-top{padding:18px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #344952}.gallery-viewer-top h2{font-size:18px;margin:5px 0 0;line-height:1.5}.gallery-viewer-top small{font-size:11px;color:#9bb8bd}.gallery-viewer-actions{display:flex;gap:10px;flex-shrink:0}.gallery-viewer button{color:#dbedeb;background:#233d46;border:1px solid #41606b;border-radius:8px;padding:10px 13px;font-family:inherit;font-size:12px;line-height:1.4;cursor:pointer}.gallery-viewer button:disabled{opacity:.35;cursor:default}.gallery-viewer button:focus-visible,.xj-gallery button:focus-visible{outline:3px solid #69dcca;outline-offset:2px}.gallery-viewer button .icon{width:17px;height:17px}
.gallery-viewer-canvas{min-height:0;flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:18px;background:repeating-conic-gradient(#142932 0% 25%,#172e38 0% 50%) 50% / 22px 22px}.gallery-viewer-canvas img{display:block;max-width:100%;max-height:100%;object-fit:contain}.gallery-viewer-canvas img[hidden]{display:none}.gallery-viewer.zoomed .gallery-viewer-canvas{display:block;text-align:center}.gallery-viewer.zoomed .gallery-viewer-canvas img{max-width:none;max-height:none;width:auto;height:auto;margin:auto}
.gallery-viewer-bottom{padding:15px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.gallery-viewer-bottom>div{flex:1;min-width:0;max-height:90px;overflow:auto;text-align:center}.gallery-viewer-bottom p{margin:0;font-size:12px;line-height:1.8;white-space:pre-line}.gallery-viewer-bottom small{color:#afc4ca;font-size:11px}.gallery-viewer-bottom a{color:#82dbc9;font-size:12px;margin-left:10px}.gallery-viewer-bottom>button{flex-shrink:0}
@media(max-width:1000px){.gallery-grid{--g-cols:2!important}.gallery-heading h2{font-size:24px}.gallery-heading{gap:20px}.gallery-reading{display:none}.gallery-theme-dark{padding:20px}.layout-spotlight .size-wide{grid-row:span 1}.layout-spotlight .size-wide .gallery-image{min-height:330px}}
@media(max-width:600px){.course-page .projects-section{padding:35px 0}.gallery-grid{--g-cols:1!important;--g-gap:18px!important}.gallery-grid.layout-spotlight{grid-auto-rows:auto}.layout-spotlight .size-wide{grid-column:auto;grid-row:auto}.layout-spotlight .size-wide .gallery-image{aspect-ratio:auto;min-height:0}.layout-spotlight .size-wide .gallery-image img{position:static;height:auto}.gallery-heading h2{font-size:23px}.gallery-heading p{font-size:12px}.gallery-heading{margin-bottom:20px}.gallery-eyebrow{font-size:9px;letter-spacing:1px}.gallery-toolbar{flex-wrap:wrap;gap:8px}.gallery-count{margin-left:auto}.gallery-caption{padding:17px 18px}.gallery-caption h3,.layout-spotlight .size-wide .gallery-caption h3{font-size:17px}.gallery-footer{flex-direction:column;align-items:flex-start;gap:12px}.gallery-preview{padding:14px}.gallery-theme-dark{padding:16px}.gallery-viewer-top{padding:12px;gap:8px}.gallery-viewer-top h2{font-size:14px}.gallery-viewer button{padding:8px;font-size:11px}.gallery-viewer-actions{gap:6px}.gallery-viewer-bottom{padding:12px;gap:8px}.gallery-viewer-bottom p{font-size:11px}.gallery-viewer-canvas{padding:8px}}
@media(prefers-reduced-motion:reduce){.gallery-card{transition:none}.gallery-card:hover{transform:none}}

.gallery-caption h3,.gallery-heading h2,.gallery-viewer-top h2{overflow-wrap:anywhere}
.gallery-preview a{pointer-events:none}
/* Chat screenshots are documents to read, not landscape cover art. */
.chat-gallery{--g-accent:#0c8777}.chat-gallery .gallery-heading{margin-bottom:20px}.chat-gallery .gallery-heading h2{font-size:32px;letter-spacing:-.6px}.chat-gallery .gallery-heading p{font-size:14px}
.chat-reading-guide{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;padding:14px 18px;background:#e8f3ee;border:1px solid #dbe9e3;border-radius:10px;color:#47776a;font-size:11px;line-height:1.8}.chat-reading-guide>span:first-child{font-weight:600;display:flex;align-items:center;gap:8px}.chat-reading-guide i{width:6px;height:6px;border-radius:50%;background:#198c77}.chat-guide-arrow{color:#8aa79e;margin:0 14px}
.layout-chat{align-items:start;--chat-height:480px}.layout-chat.preview-height-compact{--chat-height:360px}.layout-chat.preview-height-tall{--chat-height:620px}.layout-chat .gallery-card{border-radius:13px;border-color:#dce7e3;box-shadow:0 5px 18px #164e3510}.layout-chat .gallery-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px #164e351a}
.chat-card-heading{display:flex;align-items:center;gap:10px;padding:17px 18px;background:var(--g-bg);min-height:73px}.chat-card-mark{display:flex;align-items:center;justify-content:center;background:#e8f5ee;width:35px;height:35px;flex-shrink:0;border-radius:10px;color:#187e65}.chat-card-mark .icon{width:18px;height:18px}.chat-card-heading>div{min-width:0;flex:1}.chat-card-heading>div>span{font-size:9px;letter-spacing:1px;color:var(--g-muted)}.chat-card-heading h3{font-size:14px;font-weight:600;line-height:1.5;margin:3px 0 0;color:var(--g-text);overflow-wrap:anywhere}.chat-number{color:#adbfb7;font:12px/1.5 Consolas,monospace;align-self:flex-start;padding-top:2px}
.layout-chat .gallery-image{height:var(--chat-height);min-height:0;aspect-ratio:auto;flex:none;background:#ededed;border-top:1px solid var(--g-border);border-bottom:1px solid var(--g-border);display:block}.layout-chat .gallery-image img{position:static;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top;transition:none}.layout-chat .gallery-demo{top:8px;left:8px;z-index:2}.chat-preview-fade{position:absolute;bottom:0;left:0;right:0;height:78px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(transparent,#f6f8f4f5 76%);padding:0 10px 15px;pointer-events:none}.chat-preview-fade>span{font-size:10px;line-height:1.6;color:#6e8981;letter-spacing:.3px}.chat-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;background:var(--g-bg)}.chat-card-bottom>span{color:var(--g-muted);font-size:10px;line-height:1.6}.chat-card-bottom button{border:0;padding:0;background:none;color:var(--g-accent);font-family:inherit;font-size:11px;font-weight:600;line-height:1.6;display:flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}.chat-card-bottom .icon{width:14px;height:14px}.layout-chat.captions-hide .chat-card-heading{display:none}
.gallery-more{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:28px}.gallery-more>span{font-size:11px;color:var(--g-muted)}.gallery-more button{display:flex;align-items:center;gap:8px;background:var(--g-bg);border:1px solid #bfd7cc;border-radius:30px;color:var(--g-accent);padding:12px 30px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 3px 9px #1a59430a}.gallery-more .icon{width:15px;height:15px}
.gallery-view-modes{display:flex;gap:4px;background:#0d1d24;padding:3px;border-radius:8px}.gallery-viewer .gallery-view-modes button{border-color:transparent;background:transparent;padding:7px 10px;color:#adc4cb;white-space:nowrap}.gallery-viewer .gallery-view-modes button[aria-pressed=true]{background:#d7f0e5;color:#20584b}.gallery-viewer-hint{font-size:11px;color:#a3c3c4;padding:8px 24px;background:#132932;line-height:1.7;flex-shrink:0}
.gallery-viewer.chat-viewer{width:min(940px,96vw)}.gallery-viewer.read-width .gallery-viewer-canvas{display:block;text-align:center;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px}.gallery-viewer.read-width .gallery-viewer-canvas img{width:100%;max-width:760px;height:auto;max-height:none;margin:0 auto;object-fit:initial}.gallery-viewer.zoomed .gallery-viewer-canvas{overscroll-behavior:contain;scrollbar-gutter:stable}.gallery-viewer .gallery-viewer-canvas:focus-visible{outline:2px solid #81bdad;outline-offset:-2px}.chat-viewer .gallery-viewer-bottom p{font-size:11px;color:#aec9c6}.gallery-theme-dark .chat-reading-guide{background:#193d42;border-color:#305852;color:#bddace}.gallery-theme-dark .chat-preview-fade{background:linear-gradient(transparent,#19343ef0 80%)}.gallery-theme-dark .chat-preview-fade>span{color:#d8e6df}
@media(max-width:1000px){.chat-gallery .gallery-heading h2{font-size:27px}.chat-reading-guide{flex-wrap:wrap;gap:7px}.layout-chat{--chat-height:460px}}
@media(max-width:600px){.chat-gallery .gallery-heading h2{font-size:25px;line-height:1.55}.chat-gallery .gallery-heading p{font-size:12px}.chat-reading-guide{padding:12px;font-size:10px;margin-bottom:18px}.chat-reading-guide>span:last-child{font-size:9px}.chat-guide-arrow{margin:0 6px}.layout-chat{--chat-height:460px}.layout-chat.preview-height-compact{--chat-height:340px}.layout-chat.preview-height-tall{--chat-height:600px}.chat-card-bottom{padding:15px}.gallery-viewer-top{flex-wrap:wrap;gap:9px}.gallery-viewer-actions{width:100%;justify-content:space-between}.gallery-view-modes{gap:2px}.gallery-viewer .gallery-view-modes button{font-size:10px;padding:6px 9px}.gallery-viewer.read-width .gallery-viewer-canvas{padding:0}.gallery-viewer-hint{font-size:10px;padding:7px 12px}.gallery-viewer.chat-viewer{width:98vw;max-width:98vw;height:96dvh;max-height:96dvh}.chat-viewer .gallery-viewer-bottom>div{max-height:38px}.chat-card-heading{padding:14px 16px;min-height:70px}}
.layout-chat.captions-hide .chat-card-bottom>span{display:none}