.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups]>.flex.flex-col.gap-2{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;box-sizing:border-box;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px;width:100%;align-content:start}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups]{overflow:hidden}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups]>.flex.flex-col.gap-2::-webkit-scrollbar{width:10px;background-color:transparent}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups]>.flex.flex-col.gap-2::-webkit-scrollbar-thumb{border:3px solid var(--panel-bg);border-radius:9999px;background:var(--panel-border-strong)}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups] .toolbox-card{padding:12px;cursor:default}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups] .toolbox-card>.flex.items-center.gap-3{gap:8px}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups] .toolbox-card h3{font-size:14px}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups] .toolbox-card .mt-3{margin-top:8px}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups] .toolbox-card .p-3{display:grid;grid-template-columns:minmax(0,1fr) 118px;align-items:center;padding:12px;gap:16px}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups] .toolbox-card p{display:block;-webkit-box-orient:vertical;line-clamp:unset;-webkit-line-clamp:unset;overflow:visible}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups] .toolbox-card .panel-button{width:118px;min-height:32px;justify-self:end}.feature-demo-panel.demo-roulette-panel .stylergpt-modal-panel-stage[data-section=powerups] [data-product-tour-tool=prompt-guard] p{display:block;line-clamp:unset;-webkit-line-clamp:unset;overflow:visible}.feature-demo-panel.demo-roulette-panel .demo-panel-tokens[data-layout=modal]>.stylergpt-motion-modal-root .panel-modal-surface{max-width:calc((100vw - 48px) / 1.2);max-height:calc((100vh - 48px) / 1.2)}.feature-demo-panel.demo-roulette-panel .panel-modal-surface .panel-button-secondary:hover{background:var(--panel-surface-muted-hover)}.feature-demo-panel.demo-roulette-panel .panel-modal-surface{background:var(--panel-modal-surface,var(--panel-surface));border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--panel-shadow-md)}.feature-demo-panel.demo-roulette-panel .dark .toolbox-card{--panel-muted:#fff}.feature-demo-panel.demo-roulette-panel .panel-toggle:hover .panel-toggle-track{box-shadow:0 0 0 3px var(--panel-accent-soft)}.feature-demo-panel.demo-roulette-panel .panel-range::-webkit-slider-thumb{-webkit-transition:transform .18s ease;transition:transform .18s ease}.feature-demo-panel.demo-roulette-panel .panel-range::-moz-range-thumb{-moz-transition:transform .18s ease;transition:transform .18s ease}.feature-demo-panel.demo-roulette-panel .panel-range:hover::-moz-range-thumb,.feature-demo-panel.demo-roulette-panel .panel-range:hover::-webkit-slider-thumb{transform:scale(1.08)}.feature-demo-panel.demo-roulette-panel .panel-range:hover::-moz-range-track,.feature-demo-panel.demo-roulette-panel .panel-range:hover::-webkit-slider-runnable-track{background:var(--panel-border-strong)}.feature-demo-panel.demo-roulette-panel .demo-panel-tokens[data-layout] .toolbox-card .toolbox-description{width:100%;max-width:none;white-space:normal;text-wrap:balance;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.demo-roulette .demo-roulette-wheel-root{position:fixed;right:calc(11px - 9px);bottom:calc(11px - 9px);z-index:2147482000;width:49px;height:53px;overflow:visible;pointer-events:none}.demo-roulette .demo-roulette-wheel{right:9px;bottom:9px;z-index:2;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--text-primary,#111827) 16%,transparent);border-radius:9999px;background:color-mix(in srgb,var(--main-surface-primary,#fff) 92%,transparent);color:var(--text-primary,#111827);box-shadow:0 12px 30px rgba(15,23,42,.18),0 2px 8px rgba(15,23,42,.12);isolation:isolate;opacity:.6;pointer-events:auto;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.demo-roulette .demo-roulette-wheel,.demo-roulette .demo-roulette-wheel-close{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.demo-roulette .demo-roulette-wheel-close{top:0;right:0;z-index:1;width:18px;height:18px;border:1px solid #111827;border-radius:9999px;background:#fff;color:#111827;box-shadow:0 7px 18px rgba(0,0,0,.36);font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:.82;opacity:0;pointer-events:none;transform:scale(.82);transition:opacity .14s ease,transform .14s ease}.demo-roulette .demo-roulette-wheel-root:focus-within .demo-roulette-wheel-close,.demo-roulette .demo-roulette-wheel-root:hover .demo-roulette-wheel-close{opacity:.6;pointer-events:auto;transform:scale(1)}.demo-roulette .demo-roulette-wheel-close:focus-visible,.demo-roulette .demo-roulette-wheel-root:focus-within .demo-roulette-wheel-close:focus-visible,.demo-roulette .demo-roulette-wheel-root:hover .demo-roulette-wheel-close:hover{opacity:1;outline:none;transform:scale(1)}.demo-roulette[data-mode=dark] .demo-roulette-wheel{border-color:color-mix(in srgb,var(--text-primary,#f9fafb) 20%,transparent);background:color-mix(in srgb,var(--main-surface-primary,#171717) 88%,transparent);box-shadow:0 14px 34px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.28)}.demo-roulette .demo-roulette-wheel:hover{border-color:var(--panel-accent,#0bb8da);background:color-mix(in srgb,var(--main-surface-secondary,#f5f5f5) 96%,transparent);opacity:1}.demo-roulette[data-mode=dark] .demo-roulette-wheel:hover{border-color:var(--panel-accent,#1fd5f9);background:color-mix(in srgb,var(--main-surface-secondary,#2f2f2f) 94%,transparent)}.demo-roulette .demo-roulette-wheel:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,#0bb8da 42%,transparent),0 12px 30px rgba(15,23,42,.18)}.demo-roulette .demo-roulette-wheel:disabled{cursor:default;opacity:.86}.demo-roulette .demo-roulette-wheel .stylergpt-background-roulette-wheel__wheel{position:relative;display:block;width:24px;height:24px;border-radius:9999px;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#84cc16,#14b8a6,#3b82f6,#8b5cf6,#ec4899,#ef4444);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.72),0 2px 6px rgba(15,23,42,.18)}.demo-roulette .demo-roulette-wheel .stylergpt-background-roulette-wheel__wheel:after{content:"";position:absolute;inset:7px;border-radius:9999px;background:var(--main-surface-primary,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary,#111827) 14%,transparent)}.demo-roulette[data-mode=dark] .demo-roulette-wheel .stylergpt-background-roulette-wheel__wheel:after{background:var(--main-surface-primary,#171717)}.demo-roulette .demo-roulette-wheel .stylergpt-background-roulette-wheel__indicator{position:absolute;top:50%;left:50%;z-index:2;width:3px;height:11px;border-radius:9999px;background:var(--text-primary,#111827);box-shadow:0 0 0 1px color-mix(in srgb,var(--main-surface-primary,#fff) 78%,transparent);transform:translate(-50%,-100%)}.demo-roulette .demo-roulette-wheel .stylergpt-background-roulette-wheel__indicator:before{content:"";position:absolute;top:-4px;left:50%;width:0;height:0;border-right:4px solid transparent;border-bottom:6px solid var(--text-primary,#111827);border-left:4px solid transparent;transform:translateX(-50%)}.demo-roulette .demo-roulette-wheel .stylergpt-background-roulette-wheel__indicator:after{content:"";position:absolute;bottom:-4px;left:50%;width:7px;height:7px;border-radius:9999px;background:var(--text-primary,#111827);box-shadow:0 0 0 1px color-mix(in srgb,var(--main-surface-primary,#fff) 78%,transparent);transform:translateX(-50%)}.demo-roulette .demo-roulette-wheel[data-spinning=true] .stylergpt-background-roulette-wheel__wheel{animation:stylergptBackgroundRouletteWheelSpin .52s linear infinite}@keyframes stylergptBackgroundRouletteWheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(2turn)}}@media (prefers-reduced-motion:reduce){.demo-roulette .demo-roulette-wheel[data-spinning=true] .stylergpt-background-roulette-wheel__wheel{animation:none}}.roulette-toolbox{position:relative}.demo-roulette+.demo-controls>div:first-child>span:nth-child(2){text-wrap:balance}.demo-roulette+.demo-controls>div:last-child{flex-shrink:0}.roulette-tool-icon{background:var(--panel-toggle-off-bg);color:var(--panel-muted)}.roulette-tool-icon[data-active=true]{background:var(--panel-accent-soft);color:var(--panel-accent-icon)}.roulette-tool-icon i{display:block;width:16px;height:16px;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.demo-roulette-panel [data-disabled=true]{opacity:.5}.roulette-toggle{display:inline-flex;flex:0 0 44px;width:44px;height:24px;position:relative}.roulette-toggle .panel-toggle-track{position:absolute;inset:0;border-radius:999px;background:var(--panel-toggle-off-bg)}.roulette-toggle .panel-toggle-track:before{content:"";position:absolute;width:20px;height:20px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002}.roulette-toggle[data-checked=true] .panel-toggle-track{background:var(--panel-accent)}.roulette-toggle[data-checked=true] .panel-toggle-track:before{transform:translateX(20px)}.roulette-settings-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center}.roulette-settings-backdrop{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(4px)}.dark .roulette-settings-backdrop{background:#0000008c}.roulette-settings-surface{position:relative;zoom:1.2}.feature-demo-panel.demo-roulette-panel .demo-panel-tokens[data-layout=modal]>.stylergpt-motion-modal-root .panel-modal-surface{max-width:none;max-height:none}.roulette-select-wrap{position:relative}.roulette-select-wrap .panel-select{display:flex;align-items:center;justify-content:space-between;gap:6px}.roulette-select-menu{position:absolute;top:100%;left:0;right:0;z-index:2;max-height:264px;overflow-y:auto;background:var(--panel-surface);color:var(--panel-text);border:1px solid var(--panel-border-strong);box-shadow:var(--panel-shadow-md);scrollbar-width:thin}.roulette-select-menu>span{display:block;padding:4px 8px;font-size:12px;line-height:18px}.roulette-select-menu>span[data-selected=true]{background:#1967d2;color:#fff}.roulette-range{position:relative;height:24px;margin-top:4px}.roulette-range>span{position:absolute;top:8px;width:100%;height:8px;border-radius:4px;background:var(--panel-border)}.roulette-range>i{position:absolute;width:20px;height:20px;top:2px;left:calc((100% - 20px) * .75);border-radius:50%;background:var(--panel-accent)}.roulette-range[style*="100%"]>i{left:calc(100% - 20px)}.roulette-range>b{position:absolute;left:calc((100% - 20px) * .75);top:2px;width:20px;height:20px}.demo-roulette .demo-host-wallpaper{opacity:var(--roulette-background-opacity,1)}.demo-roulette .demo-chatgpt[data-applied=true] .demo-welcome{border-radius:8px;padding:8px 24px}.demo-roulette .demo-roulette-wheel-root{position:absolute}.demo-roulette .demo-roulette-wheel{--text-primary:var(--host-text);--main-surface-primary:var(--host-bg)}.roulette-time-jump{position:absolute;top:210px;left:850px;transform:translateX(-50%);display:flex;align-items:center;gap:24px;padding:24px 36px;border:1px solid #ffffff40;border-radius:24px;color:#fff;background:#182722f2;box-shadow:0 12px 48px #0003;animation:roulette-time-arrive .3s ease-out both}.roulette-time-jump span{display:block;font-size:20px;line-height:1.5;color:#c9ded5}.roulette-time-jump strong{display:block;font-size:48px;font-weight:600;line-height:1.2;white-space:nowrap}@keyframes roulette-time-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.demo-roulette[data-running=false] *,.demo-roulette[data-running=false] :after,.demo-roulette[data-running=false] :before{animation-play-state:paused!important;transition:none!important}.demo-roulette[data-reset=true] .demo-visuals{animation:demo-reset 1.2s ease-in-out both}@media (prefers-reduced-motion:reduce){.demo-roulette *,.demo-roulette :after,.demo-roulette :before{animation:none!important;transition:none!important}}