.workshop-entry{display:flex;align-items:center;gap:14px;min-height:48px;margin-top:15px;padding:10px 0;background:transparent;border-bottom:1px solid #ffffff5c;font-size:.875rem;letter-spacing:.03em;color:#fff}
.workshop-entry>span{font-size:.75rem;color:#c4a9e3}.workshop-entry svg{width:16px;height:16px}
.workshop-dialog{width:min(1160px,calc(100% - 32px));height:min(840px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);max-width:none;padding:0;border:1px solid #ffffff30;background:#0a0a0d;color:#fff;overflow:hidden}
.workshop-dialog::backdrop{background:#000d;backdrop-filter:blur(14px)}
.workshop-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0}
.workshop-header{padding:22px 28px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.collection-eyebrow{font-size:.75rem;letter-spacing:.13em;color:#aaa8b4;display:block}.collection-eyebrow i{font-style:normal;color:#63616e;margin:0 9px}
.workshop-header h2{font:400 35px/1.1 var(--serif);margin:6px 0 0;letter-spacing:-.02em}
.workshop-header-right{display:flex;align-items:center;gap:20px}.collection-best{font-size:.75rem;color:#aaa8b4;letter-spacing:.04em}.collection-best strong{display:block;font-size:1rem;color:#f4f3f8;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums}
.test-access{font-size:.75rem;letter-spacing:.075em;padding:7px 9px;border:1px solid #c8eab845;color:#c8eab8;background:#c8eab807}
.workshop-tabs{display:flex;flex:none;padding:0 24px;border-bottom:1px solid #ffffff24;gap:18px}
.workshop-tabs button{min-height:55px;padding:13px 12px;background:transparent;color:#a9a7b6;font-size:.875rem;border-bottom:2px solid transparent}
.workshop-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#ffffff}.workshop-tabs button span{font-size:.75rem;margin-left:6px;color:#80798b}
.gallery-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}
.preview-stage{position:relative;grid-row:1;grid-column:1;min-width:0;min-height:200px;overflow:hidden;touch-action:pan-y;background:radial-gradient(ellipse at 50% 45%,#24212c,#08090d 78%);cursor:grab}
.preview-stage:active{cursor:grabbing}
#workshop-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y;will-change:transform}
.gallery-preview-label,.gallery-count,.gallery-swipe-hint{position:absolute;pointer-events:none;font-size:.75rem;line-height:1.4;letter-spacing:.1em;color:#c6c2ce;text-shadow:0 1px 6px #000}
.gallery-preview-label{left:22px;top:20px}.gallery-count{right:22px;top:20px;font-variant-numeric:tabular-nums}.gallery-swipe-hint{bottom:17px;left:0;right:0;text-align:center;color:#aaa5b7;font-size:.75rem;letter-spacing:.16em}
.gallery-arrow{position:absolute;top:calc(50% - 25px);width:48px;height:50px;font:300 36px/1 var(--sans);border:1px solid #ffffff30;background:#08090c70;color:#ece6f4;border-radius:50%;display:grid;place-items:center;padding-bottom:5px;backdrop-filter:blur(10px)}
.gallery-arrow:hover{background:#ffffff16;border-color:#cbb5e9}.gallery-arrow:disabled{opacity:.18}.gallery-prev{left:16px}.gallery-next{right:16px}
#workshop-preview-error{position:absolute;inset:30% 15%;font-size:.875rem;text-align:center;color:#ccc;background:#101014e8;padding:18px;pointer-events:none}
.gallery-strip{grid-column:1;grid-row:2;position:relative;display:flex;gap:8px;padding:14px max(16px,calc(50% - 62px));scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;border-top:1px solid #ffffff18;background:#0d0d11;min-width:0}
.gallery-strip::-webkit-scrollbar{display:none}
.gallery-thumb{position:relative;flex:0 0 124px;min-height:74px;padding:10px 12px;background:#ffffff03;border:1px solid #ffffff1f;color:#c3bfcc;text-align:left;scroll-snap-align:center;display:grid;grid-template-columns:20px minmax(0,1fr);gap:4px 8px;align-content:center}
.gallery-thumb>i{display:block;width:19px;height:19px;border-radius:50%;background:var(--item-color);border:1px solid #ffffff55;grid-row:1 / span 2;align-self:center}.gallery-thumb>i.premium{background:linear-gradient(130deg,var(--item-color),var(--item-secondary),var(--item-color))}
.gallery-thumb>span{font-size:.75rem;line-height:1.35}.gallery-thumb>small{font-size:.75rem;color:#777180;line-height:1.3}.gallery-thumb.selected{border-color:#ccb3ec;color:#fff;background:#b18ce00c}.gallery-thumb.selected>small{color:#b0a0c3}
.selected-detail{grid-column:2;grid-row:1 / span 2;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #ffffff20;padding:30px 27px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(140deg,#141118,#0d0d10)}
#selected-tier{font-size:.75rem;letter-spacing:.13em;color:#b8a1d5}
.selected-detail h3{font:400 46px/1.06 var(--serif);letter-spacing:-.025em;margin:13px 0 18px;overflow-wrap:anywhere}
#selected-description{font-size:1rem;line-height:1.65;color:#bdb8c8;margin:0 0 20px}
.selected-feature{font-size:.75rem;line-height:1.5;letter-spacing:.03em;padding:7px 10px;background:#ffffff05;border:1px solid #ffffff20;color:#e1dbea}
.reward-progress{width:100%;margin-top:auto;padding-top:40px}.reward-progress>div{display:flex;flex-direction:column;gap:10px}.reward-progress strong{font:500 1.125rem/1.3 var(--sans);font-variant-numeric:tabular-nums}
#selected-lock{font-size:.75rem;letter-spacing:.1em;color:#b3cf9b}#selected-lock[data-locked=true]{color:#b2a3c5}
.reward-progress progress{display:block;width:100%;height:3px;margin:14px 0 9px;appearance:none;border:0;background:#ffffff18;border-radius:0}.reward-progress progress::-webkit-progress-bar{background:#ffffff18}.reward-progress progress::-webkit-progress-value{background:#ffffff}.reward-progress progress::-moz-progress-bar{background:#ffffff}
#selected-remaining{font-size:.875rem;color:#bdb5ca;margin:0}#selected-test{font-size:.75rem;color:#bddea9;line-height:1.5;margin:15px 0 0}
.collection-note{font-size:.75rem;line-height:1.5;color:#827c8c;margin:24px 0 0}
.workshop-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 26px;border-top:1px solid #ffffff2d;background:#0e0d12}
.workshop-footer>div{min-width:0}.workshop-footer strong{display:block;font-size:1rem;font-weight:500;overflow-wrap:anywhere}.workshop-footer span{display:block;font-size:.75rem;line-height:1.5;color:#a99eb9;margin-top:4px}
#workshop-equip{min-width:210px;justify-content:center;min-height:52px;letter-spacing:.08em;font-size:.8125rem}#workshop-equip:disabled{opacity:.45}
.sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.result-unlocks{padding:14px;border:1px solid #b79cd45c;background:#b79cd40b;margin:0 0 16px;font-size:.875rem;line-height:1.6;color:#d7c5ed}.result-content .collection-result-button{width:100%;border:1px solid #ffffff42;display:block;margin:10px 0;color:#ffffff}
@media(max-width:700px){
 .workshop-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;margin:0}.workshop-header{padding:calc(13px + env(safe-area-inset-top)) 17px 12px;gap:10px}.collection-eyebrow{font-size:.75rem;letter-spacing:.045em}.workshop-header h2{font-size:30px;margin-top:5px}.workshop-header-right{gap:10px}.collection-best{display:none}.test-access{font-size:.75rem;letter-spacing:0;padding:5px 6px}.workshop-header .round-button{width:42px;height:42px}
 .workshop-tabs{gap:0;padding:0 8px}.workshop-tabs button{flex:1;min-height:50px;padding:10px 5px;font-size:.875rem}.workshop-tabs button span{margin-left:3px;font-size:.75rem}
 .gallery-body{display:flex;flex-direction:column;overflow-y:auto}.preview-stage{flex:none;height:clamp(240px,43dvh,410px);min-height:240px}.gallery-preview-label,.gallery-count{top:15px}.gallery-preview-label{left:17px}.gallery-count{right:17px}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-arrow{width:44px;height:46px;font-size:32px}.gallery-swipe-hint{bottom:12px}
 .gallery-strip{flex:none;padding-top:10px;padding-bottom:10px}.gallery-thumb{min-height:64px;padding:7px 10px}.selected-detail{flex:none;overflow:visible;border-left:0;border-top:1px solid #ffffff1d;padding:22px 23px 26px}.selected-detail h3{font-size:40px;margin:9px 0 13px}#selected-description{margin-bottom:13px}.reward-progress{padding-top:24px}.reward-progress>div{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.reward-progress strong{font-size:1rem}.collection-note{margin-top:18px}
 .workshop-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:12px}.workshop-footer strong{font-size:.875rem}#workshop-equip{min-width:145px;padding:12px 14px;min-height:50px;font-size:.75rem;letter-spacing:.04em}
}
@media(max-width:650px) and (min-height:501px){.front-screen{grid-template-rows:auto auto auto 1fr auto auto auto}.workshop-entry{grid-row:6;margin-top:9px;min-height:42px;padding:8px 0}.record{grid-row:7;margin-top:10px}}
@media(max-width:380px){.collection-eyebrow{font-size:.75rem}.collection-eyebrow i{margin:0 4px}.workshop-header h2{font-size:27px}.workshop-header-right{gap:6px}.test-access{max-width:57px;text-align:center;font-size:.75rem;line-height:1.2}.workshop-tabs button span{display:none}.workshop-footer{padding-left:12px;padding-right:12px}#workshop-equip{min-width:132px}}
@media(max-height:500px) and (min-width:701px){.workshop-dialog{height:100dvh;max-height:100dvh;width:100%;margin:0;border:0}.workshop-header{padding:9px 18px}.workshop-header h2{font-size:25px;display:inline;margin-left:12px}.collection-eyebrow{display:inline}.workshop-header-right{gap:12px}.workshop-tabs button{min-height:42px;padding-top:8px;padding-bottom:8px}.gallery-body{grid-template-columns:minmax(0,1fr) 280px}.gallery-strip{padding-top:7px;padding-bottom:7px}.gallery-thumb{min-height:58px}.selected-detail{padding:18px}.selected-detail h3{font-size:33px}.reward-progress{padding-top:20px}.workshop-footer{padding:9px 18px}#workshop-equip{min-height:44px}.workshop-entry{margin-top:4px;padding:6px 0;min-height:38px}.front-screen .record{display:none}}