.xpg .eyebrow{font:600 12px/16px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.xpg .stage{border:1px solid var(--line);background-color:#1b1f24;background-position:50%;background-repeat:no-repeat;border-radius:4px;position:relative;overflow:hidden}.xpg .stage .shade{pointer-events:none;background:linear-gradient(#00000059,#0000 22% 72%,#00000080);position:absolute;inset:0}.xpg .stage .xh{shape-rendering:crispedges;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xpg .hud{align-items:center;gap:8px;display:flex;position:absolute}.xpg .now{flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100% - 190px);display:flex;position:absolute;bottom:16px;left:16px}.xpg .now .mt{flex-wrap:wrap;gap:6px;display:flex}.xpg .panel{background:var(--bg-1);border:1px solid var(--line);border-radius:4px}.xpg .chips{flex-wrap:wrap;gap:6px;display:flex}.xpg .fc{border:1px solid var(--line);height:30px;color:var(--ink-muted);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.xpg .fc:hover{color:var(--ink);border-color:var(--line-strong)}.xpg .fc.on{background:var(--bg-2);border-color:var(--line-strong);color:var(--ink)}.xpg .fc em{font:500 11px/1 var(--font-mono);color:var(--ink-faint);font-style:normal}.xpg .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.xpg .card{border:1px solid var(--line);background:var(--bg-1);cursor:pointer;text-align:left;color:var(--ink);border-radius:4px;flex-direction:column;padding:0;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.xpg .card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.xpg .card.on{border-color:var(--signal);box-shadow:inset 0 0 0 1px var(--signal)}.xpg .card .pv{background-color:#1b1f24;background-position:50%;background-size:cover;height:104px;display:block;position:relative}.xpg .card .pv svg{shape-rendering:crispedges;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xpg .card .tx{flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.xpg .card .t1{font:600 14px/18px var(--font-display);align-items:center;gap:8px;display:flex}.xpg .card .t2{font:500 11px/14px var(--font-mono);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.xpg .card .sw{border-radius:1px;flex-shrink:0;width:22px;height:12px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e}.xpg .card .sw i{flex:1}.xpg .card .tg{height:20px;font:600 10px/1 var(--font-mono);letter-spacing:.06em;color:var(--signal-ink);background:#0b0d10d9;border-radius:2px;align-items:center;padding:0 6px;display:inline-flex;position:absolute;top:8px;left:8px}.xpg .card .ed{background:var(--signal);height:20px;font:600 10px/1 var(--font-mono);letter-spacing:.06em;color:var(--on-signal);border-radius:2px;align-items:center;padding:0 6px;display:inline-flex;position:absolute;top:8px;right:8px}.xpg .empty{border:1.5px dashed var(--line-strong);color:var(--ink-muted);text-align:center;background:repeating-linear-gradient(135deg,#0000 0 12px,#ffffff04 12px 24px);border-radius:4px;flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;padding:36px 16px;font-size:14px;line-height:21px;display:flex}.xpg .empty b{font:600 15px/20px var(--font-display);color:var(--ink)}.xpg .ed-h{justify-content:space-between;align-items:center;gap:8px;display:flex}.xpg .row{flex-direction:column;gap:10px;display:flex}.xpg .lbl{font:600 12px/16px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:8px;display:flex}.xpg .lbl .nw{background:var(--signal-soft);height:16px;color:var(--signal-ink);font:600 10px/1 var(--font-mono);letter-spacing:.06em;border-radius:2px;align-items:center;padding:0 5px;display:inline-flex}.xpg .lbl .v{font:500 12px/1 var(--font-mono);letter-spacing:0;text-transform:none;color:var(--ink-muted);margin-left:auto}.xpg .styles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.xpg .st{border:1px solid var(--line);background:var(--bg-0);height:78px;color:var(--ink-muted);font:500 11px/13px var(--font-sans);text-align:center;cursor:pointer;border-radius:2px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 6px;display:flex;position:relative}.xpg .st svg{shape-rendering:crispedges;flex-shrink:0}.xpg .st:hover{border-color:var(--line-strong);color:var(--ink)}.xpg .st.on{border-color:var(--signal);color:var(--ink);background:var(--bg-2)}.xpg .st .nd{background:var(--signal);border-radius:1px;width:6px;height:6px;position:absolute;top:3px;right:3px}.xpg .sws{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.xpg .swb{border:1px solid var(--line);background:var(--bg-0);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex;position:relative}.xpg .swb i{border-radius:1px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #fff3}.xpg .swb:hover{border-color:var(--line-strong)}.xpg .swb.on{border-color:var(--signal);box-shadow:inset 0 0 0 1px var(--signal)}.xpg .swb.off{opacity:.35;pointer-events:none}.xpg .cpick{border:1px solid var(--line);background:var(--bg-0);height:30px;font:500 12px/1 var(--font-mono);color:var(--ink-muted);cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:0 10px 0 4px;display:inline-flex;position:relative}.xpg .cpick input{cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0}.xpg .cpick input::-webkit-color-swatch-wrapper{padding:0}.xpg .cpick input::-webkit-color-swatch{border:0;border-radius:1px}.xpg .cpick.on{border-color:var(--signal);color:var(--ink)}.xpg .cpick.off{opacity:.35;pointer-events:none}.xpg .oseg{border:1px solid var(--line);background:var(--bg-0);border-radius:2px;align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.xpg .oseg button{height:28px;color:var(--ink-muted);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:1px;padding:0 14px}.xpg .oseg button:hover{color:var(--ink)}.xpg .oseg button.on{background:var(--bg-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.xpg .sl{grid-template-columns:92px minmax(0,1fr) 64px;align-items:center;gap:12px;display:grid}.xpg .sl span{color:var(--ink);font-size:14px}.xpg .sl output{font:500 13px/1 var(--font-mono);color:var(--ink);text-align:right}.xpg .sl output small{color:var(--ink-faint);font-size:11px}.xpg input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.xpg input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:1px;height:4px}.xpg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--signal);width:14px;height:14px;box-shadow:0 0 0 3px var(--bg-1);border-radius:2px;margin-top:-5px}.xpg input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:1px;height:4px}.xpg input[type=range]::-moz-range-thumb{background:var(--signal);border:0;border-radius:2px;width:14px;height:14px}.xpg input[type=range]:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.xpg .tg2{gap:8px;display:flex}.xpg .tgl{border:1px solid var(--line);background:var(--bg-0);height:40px;color:var(--ink);font:500 14px/1 var(--font-sans);border-radius:2px;flex:1;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.xpg .sep{background:var(--line);height:1px}.xpg .codebox{border:1px solid var(--line);background:var(--bg-0);border-radius:4px;flex-direction:column;gap:12px;padding:14px;display:flex}.xpg .codebox .hint{color:var(--ink-muted);font-size:13px;line-height:19px}.xpg .saved{font:500 12px/1 var(--font-mono);color:var(--signal-ink);align-items:center;gap:6px;display:inline-flex}.xpg .code{background:var(--bg-0);border:1px solid var(--line-strong);border-radius:4px;align-items:stretch;min-width:0;display:flex}.xpg .code-value{min-width:0;font:400 13px/20px var(--font-mono);color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:12px}.xpg .code-value:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.xpg .code-copy{border:0;border-left:1px solid var(--line-strong);background:var(--bg-2);color:var(--ink);font:600 13px/1 var(--font-sans);cursor:pointer;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.xpg .code-copy:hover{background:var(--bg-1)}.xpg .code-copy.copied{background:var(--signal-soft);color:var(--signal-ink)}@media (max-width:1023px){.xpg .work{flex-direction:column}.xpg .work>.panel{width:100%!important}.xpg .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){.xpg .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.xpg .cst-mappicker{grid-template-columns:repeat(4,minmax(0,1fr))!important}.xpg .hud-switches{flex-direction:column;align-items:flex-end}.xpg .hud-arrow,.xpg .hud-place{display:none}.xpg .now{max-width:calc(100% - 126px);bottom:10px;left:10px}.xpg .now .mt{display:none}.xpg .now .cst-scenelabel-lg{text-overflow:ellipsis;max-width:100%;height:32px;padding:0 8px;font-size:14px;overflow:hidden}.xpg .lens-wrap{bottom:10px!important;right:10px!important}.xpg .lens-wrap .cst-scenelens{width:96px!important;height:96px!important}.xpg .styles{grid-template-columns:repeat(5,minmax(0,1fr))}.xpg .st{height:72px;font-size:10px}.xpg .sl{grid-template-columns:76px minmax(0,1fr) 52px;gap:8px}}