.dbgal{padding:90px 0;scroll-margin-top:90px}.dbgal h2{margin:22px 0;font-size:clamp(36px,4.4vw,61px);letter-spacing:-.035em;line-height:1.13}.dbgal-intro{max-width:720px;font-size:18px;line-height:1.75}.dbgal-filters{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0 25px}.dbgal-filters button{min-height:48px;padding:13px 21px;border:1px solid #d8ddea;border-radius:28px;background:#fff;color:#8490a6;font-size:11px;letter-spacing:.06em}.dbgal-filters [aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.dbgal [hidden]{display:none!important}.dbgal-track{display:flex;position:relative;gap:23px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 15% 30px;scrollbar-width:thin;scroll-padding:15%;cursor:grab;touch-action:pan-x pan-y}.dbgal-track.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.dbgal-card{flex:0 0 100%;min-width:0;scroll-snap-align:center;border:1px solid #d9ddea;border-radius:19px;background:#fff;overflow:hidden;opacity:.75;transform:scale(.97);transition:opacity .18s,transform .18s}.dbgal-card.active{opacity:1;transform:scale(1);box-shadow:0 9px 28px #2d235012}.dbgal-cover{aspect-ratio:1600/1000;background:#f0f1f7}.dbgal-cover img{display:block;width:100%;height:100%;object-fit:contain}.dbgal-card-body{padding:27px}.dbgal-status{display:inline-block;font-size:10px;color:var(--accent);background:#eeeaff;border-radius:6px;padding:8px 11px;margin-bottom:17px}.dbgal-card-body>.eyebrow{display:block;font-size:10px}.dbgal-card h3{font-size:26px;line-height:1.35;margin:14px 0}.dbgal-card p{font-size:14px;line-height:1.7;margin-bottom:23px}.dbgal-card .button{font-size:13px;min-height:48px}.dbgal-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:9px}.dbgal-controls button{min-height:48px;border:1px solid #d6dbe8;border-radius:10px;background:#fff;color:var(--accent);padding:12px 19px;font-size:13px}.dbgal button:disabled{opacity:.4;cursor:default}.dbgal-controls span{font-size:13px;color:#8d95a8}.dbgal-empty{min-height:300px;padding:45px;border:1px dashed #c9c4e6;border-radius:21px;background:linear-gradient(140deg,#fff,#f2f0fa);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dbgal-empty>span{font-size:10px;letter-spacing:.12em;color:var(--accent)}.dbgal-empty h3{font-size:29px;margin:22px 0 13px}.dbgal-empty p{font-size:15px;line-height:1.8;max-width:530px}.dbgal-dialog{width:min(1050px,calc(100% - 30px));max-width:none;max-height:90svh;padding:28px;border:1px solid #d7d9ea;border-radius:21px;overflow-y:auto;background:#fff;color:#65718a}.dbgal-dialog::backdrop{background:#15172eaa;backdrop-filter:blur(4px)}.dbgal-modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.dbgal-modal-head h3{font-size:28px;line-height:1.3;margin:15px 0 10px;overflow-wrap:anywhere}.dbgal-modal-head button{min-width:48px;min-height:48px;padding:12px;border:1px solid #d7dbe8;border-radius:10px;background:#fff;color:var(--accent);font-size:12px}.dbgal-device{display:flex;gap:8px;margin:22px 0}.dbgal-device button{min-height:44px;padding:11px 18px;border:1px solid #d5d8e8;border-radius:8px;background:#fff;color:#8a95aa;font-size:12px}.dbgal-device [aria-pressed=true]{background:#eeeaff;color:var(--accent);border-color:#aca0e8}.dbgal-media{display:flex;align-items:center;justify-content:center;min-height:220px;height:55svh;max-height:650px;border:1px solid #dce0ec;border-radius:12px;background:#f5f6fa;margin-top:22px;overflow:hidden}.dbgal-media img{width:100%;height:100%;object-fit:contain;display:block}.dbgal-media-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:17px 0}.dbgal-media-controls button{min-height:46px;padding:12px 16px;border:1px solid #d7dce8;border-radius:9px;background:#fff;color:var(--accent);font-size:12px}.dbgal-media-controls span{font-size:12px;color:#8a94aa}.dbgal-note{font-size:12px;line-height:1.8;color:#8a94a8;margin:14px 0}.dbgal-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:27px 0;border-top:1px solid #e0e3ed;margin-top:24px}.dbgal-details h4{font-size:11px;letter-spacing:.06em;color:var(--accent);margin-bottom:14px}.dbgal-details p,.dbgal-details li{font-size:14px;line-height:1.8}.dbgal-details ul{padding-left:20px}.dbgal-features{grid-column:1/-1}.dbgal-contact{padding:23px 0;border-top:1px solid #dedfea}.dbgal-contact>p{font-size:12px;margin-bottom:19px;color:var(--accent)}.dbgal-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.dbgal-actions .button{font-size:13px;min-height:48px}.dbgal-actions .text-button{font-size:13px;color:var(--accent);min-height:44px}.dbgal summary{min-height:44px;padding:13px 0;color:var(--accent);font-size:12px;cursor:pointer}.dbgal textarea{width:100%;font:inherit;font-size:15px;line-height:1.7;border:1px solid #d6dbe9;border-radius:9px;padding:13px;color:#65718a}.dbgal :focus-visible{outline:3px solid #a595f4;outline-offset:4px}
@media(max-width:800px){.dbgal{padding:60px 0}.dbgal-intro{font-size:16px}.dbgal-filters{flex-wrap:nowrap;overflow-x:auto;padding:5px 3px 10px}.dbgal-filters button{flex-shrink:0;font-size:10px;padding:12px 16px}.dbgal-track{gap:14px;padding:14px 4% 24px;scroll-padding:4%}.dbgal-card{flex-basis:100%;transform:scale(.985);opacity:.92}.dbgal-card.active{transform:scale(1);opacity:1}.dbgal-card-body{padding:21px}.dbgal-card h3{font-size:23px}.dbgal-card p{font-size:13px}.dbgal-empty{padding:28px;min-height:270px}.dbgal-empty h3{font-size:25px}.dbgal-empty p{font-size:14px}.dbgal-dialog{padding:20px;max-height:92svh;border-radius:15px}.dbgal-modal-head h3{font-size:23px}.dbgal-details{grid-template-columns:1fr;gap:23px}.dbgal-features{grid-column:auto}.dbgal-media{height:50svh}.dbgal-media-controls button{font-size:10px;padding:12px}.dbgal-actions .button{width:100%;justify-content:center;text-align:center}.dbgal-status{font-size:9px}.dbgal-modal-head{gap:12px}}
@media(prefers-reduced-motion:reduce){.dbgal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.reduce-motion .dbgal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Genuine portfolio covers retain full artwork and use lightweight thumbnails. */
.dbgal-cover-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:#14151b}.dbgal-cover-set img{min-width:0;object-fit:contain}.dbgal-status{color:#4e36b8}.dbgal-filters button,.dbgal-controls span,.dbgal-note,.dbgal-media-controls span{color:#566078}.dbgal-filters [aria-pressed=true]{color:#fff}.dbgal-card h3{overflow-wrap:anywhere}.dbgal-media{background:#eef0f5}.dbgal-card:focus-within{opacity:1}

.dbgal-placeholders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-top:28px}.dbgal-placeholder{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:22px;min-height:180px;padding:22px;text-align:left;border:1px dashed #c9c4e6;border-radius:16px;background:linear-gradient(145deg,#fff,#eeecfa)}.dbgal-placeholder>span{font-size:12px;letter-spacing:.1em;color:var(--accent)}.dbgal-placeholder strong{font-size:14px;color:#343647;overflow-wrap:anywhere}.dbgal-placeholder small{font-size:12px;line-height:1.6;color:#747b8f}@media(max-width:800px){.dbgal-placeholders{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dbgal-placeholder{padding:16px;min-height:160px}.dbgal-placeholder strong{font-size:12px}}@media(max-width:360px){.dbgal-placeholders{grid-template-columns:1fr}}

#dbgal-meta,#dbgal-task,#dbgal-features,#dbgal-result{white-space:pre-line}

#dbgal-work-intro{white-space:pre-line;margin-bottom:18px}