.gg-samples-section{margin:40px auto;max-width:100%;min-width:0;color:#eee;overflow-wrap:anywhere}
.gg-sample-public{background:#090805;color:#eee}.gg-sample-public main h1{color:#d4af37}
.gg-samples-section h1,.gg-samples-section h2,.gg-samples-section h3{color:#d4af37;line-height:1.35}
.gg-samples-section a{color:#e7c96c}.gg-samples-section a:hover{color:#fff0b4}
.gg-samples-section[aria-labelledby="gg-samples-heading"]{width:100%;max-width:1290px;margin-inline:auto}
.gg-sample-categories{display:flex;justify-content:safe center;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;max-width:100%}
.gg-sample-categories::-webkit-scrollbar{display:none}
.gg-sample-category{display:flex;flex:0 0 var(--gg-sample-card-width,calc((100% - 96px)/5));flex-direction:column;min-width:0;text-align:center;text-decoration:none;scroll-snap-align:start}
.gg-sample-category>img,.gg-glass-placeholder{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.gg-sample-category h3{display:flex;align-items:flex-start;justify-content:center;min-height:2.7em;font-size:20px;margin:18px 0 12px}.gg-sample-category>span:last-child{margin-top:auto}
.gg-glass-placeholder{position:relative;background:linear-gradient(135deg,#141510,#26251d);overflow:hidden}
.gg-glass-placeholder i{position:absolute;display:block;left:26%;top:20%;width:40%;height:60%;border:1px solid #d4af3780;background:linear-gradient(130deg,#f5e6b320,#d2e9eb08);transform:skewY(-9deg)}
.gg-glass-placeholder i:nth-child(2){left:33%;top:24%}.gg-glass-placeholder i:nth-child(3){left:40%;top:28%}
.gg-sample-arrows[hidden]{display:none!important}.gg-sample-arrows:not([hidden]){display:flex;justify-content:center;gap:16px;margin-top:16px}
.gg-sample-arrows button,.gg-sample-manager button{min-height:44px;min-width:44px;padding:9px 16px;border:1px solid #d4af37;border-radius:6px;background:#15120b;color:#f1d47d;cursor:pointer}
.gg-sample-arrows button{font-size:22px}.gg-sample-arrows button:disabled{opacity:.3;cursor:default}
.gg-samples-section :focus-visible,.gg-sample-dialog :focus-visible{outline:2px solid #f1d47d;outline-offset:3px}
.gg-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}
.gg-sample-item{padding:18px;border:1px solid #d4af374d;border-radius:6px;background:#11100c;min-width:0}
.gg-sample-item img{width:100%;height:auto;max-height:280px;object-fit:contain}.gg-sample-item h2,.gg-sample-item h3{font-size:22px;margin:16px 0 10px}
.gg-sample-dialog{box-sizing:border-box;width:96vw;max-width:1400px;height:92vh;height:92dvh;max-height:96dvh;padding:16px;background:#0d0c09;color:#eee;border:1px solid #d4af37;border-radius:8px;overflow:hidden}
.gg-sample-dialog::backdrop{background:#000d}.gg-sample-dialog[open]{display:flex;flex-direction:column;gap:12px}
.gg-sample-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}
.gg-sample-dialog button{background:#17140c;color:#f1d47d;border:1px solid #d4af37;border-radius:6px;min-height:44px;padding:8px 14px;cursor:pointer}
.gg-sample-dialog img{display:block;object-fit:contain;width:100%;min-height:0;flex:1;touch-action:pan-y}
.gg-sample-dialog footer{display:flex;gap:16px;justify-content:center;align-items:center;flex-shrink:0}.gg-sample-dialog footer[hidden]{display:none}
.gg-sample-dialog p{margin:0;color:#eee}.gg-sample-manager{background:#090805;color:#eee;margin:0}
.gg-sample-manager>header{padding:20px;border-bottom:1px solid #d4af3755}.gg-sample-manager a{color:#e7c96c}
.gg-sample-manager main{width:calc(100% - 40px);max-width:1180px;margin:32px auto}
.gg-sample-manager form{padding:18px;border:1px solid #d4af3755;border-radius:6px;min-width:0}
.gg-sample-manager label{display:block;margin:12px 0;color:#eee}
.gg-sample-manager input:not([type=checkbox]),.gg-sample-manager select,.gg-sample-manager textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;background:#191710!important;color:#f5f5f5!important;-webkit-text-fill-color:#f5f5f5;border:1px solid #a58b43;padding:10px;border-radius:4px;font:inherit}
.gg-sample-manager option{background:#191710;color:#f5f5f5}.gg-sample-manager .gg-sample-check{display:flex;align-items:center;gap:10px}
.gg-sample-notice{border-left:3px solid #d4af37;padding:14px;background:#25200e}
@media(max-width:1050px){.gg-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gg-sample-grid{grid-template-columns:minmax(0,1fr)}.gg-sample-dialog{padding:10px}.gg-sample-dialog header{align-items:flex-start}.gg-sample-dialog header p{font-size:16px}}