@layer components{.demo-app.adminStudio,.studioPopup{--primary:#f8490a;--bg:#1a1a1a;--card:#292929;--outline:#3d3d3d;--button:#f8490a;--button-text:#fff;--text:#efefef;--muted:#a1a2a6;--radius:8px;--headline:var(--font-geist-sans);--body:var(--font-geist-sans)}.adminStudio .studioToastHost{pointer-events:none;z-index:100;position:fixed;inset:0}.studioToastHost [data-sonner-toaster]{pointer-events:auto}.studioToastHost [data-sonner-toast].studioToast{background:var(--card);color:var(--text);border:1px solid var(--outline);font:13px/1.5 var(--font-geist-sans), sans-serif;border-radius:9px;box-shadow:0 6px 24px #0006}.studioToastHost [data-title]{overflow-wrap:anywhere;max-height:180px;overflow:auto}.studioToastHost [data-type=success] [data-icon]{color:#70c48a}.studioToastHost [data-type=error] [data-icon]{color:#ff9380}.studioToastHost [data-type=info] [data-icon]{color:#76b6e5}.studioToastHost [data-type=warning] [data-icon]{color:#e0b570}.adminStudio .editorGroup{border:1px solid var(--outline);background:color-mix(in srgb, var(--bg) 55%, var(--card));border-radius:9px;margin-bottom:10px}.adminStudio .studioSectionHeading{margin:0}.adminStudio .studioSectionTrigger{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:13px 12px;transition:background .15s;display:flex}.adminStudio .studioSectionTrigger:hover{background:#ffffff05}.adminStudio .studioSectionTrigger>span:nth-child(2){flex:1;min-width:0}.adminStudio .studioSectionTrigger strong{font-size:14px;font-weight:500;display:block}.adminStudio .studioSectionTrigger small{font-size:11px;line-height:1.4;font-family:var(--body), sans-serif;margin-top:3px;display:block}.adminStudio .studioSectionIcon{border:1px solid var(--outline);background:var(--card);width:30px;height:30px;color:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;transition:color .15s,background .15s;display:grid}.adminStudio .studioSectionIcon svg{width:18px;height:18px}.adminStudio .studioSectionTrigger[data-state=open] .studioSectionIcon{color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--card))}.adminStudio .studioSectionChevron{width:14px;height:14px;color:var(--muted);flex-shrink:0;transition:transform .18s}.adminStudio .studioSectionTrigger[data-state=open] .studioSectionChevron{transform:rotate(180deg)}.adminStudio .studioSectionContent{overflow:hidden}.adminStudio .studioSectionContent[data-state=open]{animation:.18s ease-out studio-expand}.adminStudio .studioSectionContent[data-state=closed]{animation:.15s ease-out studio-collapse}.adminStudio .studioSectionBody{border-top:1px solid var(--outline);padding:16px 12px 4px}.adminStudio .studioSectionBody label.field{margin-bottom:0}.adminStudio .studioSectionBody .field>span{font-size:12px}.adminStudio .studioSectionBody input:not([type=range]):not([type=checkbox]):not([type=color]):not([type=file]){padding:9px 10px;font-size:13px}.adminStudio .studioSelectTrigger{background:var(--bg);border:1px solid var(--outline);text-align:left;width:100%;min-width:0;min-height:38px;font-size:13px;font-family:var(--body), sans-serif;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s;display:flex}.adminStudio .studioSelectTrigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adminStudio .studioSelectTrigger svg{opacity:.65;flex-shrink:0}.adminStudio .studioSelectTrigger:hover{border-color:var(--muted)}.adminStudio .studioSelectTrigger[data-state=open],.adminStudio .studioSelectTrigger[aria-expanded=true]{border-color:var(--primary)}.adminStudio .studioSelectTrigger.compact{width:140px;height:32px;min-height:32px;font-size:12px}.adminStudio .studioGameChoices{border:0;gap:6px;margin:0 0 16px;padding:0;display:grid}.adminStudio .studioGameChoices legend{margin-bottom:8px;font-size:12px}.adminStudio .studioGameOption{border:1px solid var(--outline);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.adminStudio .studioGameOption:has([data-state=checked]){background:color-mix(in srgb, var(--primary) 4%, var(--bg))}.adminStudio .studioGameOption:hover{border-color:var(--muted)}.adminStudio .studioCheckbox{border:1px solid var(--muted);background:var(--bg);border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;padding:0;transition:background .15s,border-color .15s;display:grid}.adminStudio .studioCheckbox[data-state=checked]{background:var(--primary);border-color:var(--primary);color:#fff}.adminStudio .studioCheckbox>span{display:flex}.adminStudio input[type=range].studioRange{appearance:none;cursor:pointer;border:0;border-radius:99px;height:5px;margin:12px 0 16px;padding:0}.adminStudio .studioRange::-webkit-slider-runnable-track{background:0 0;height:5px}.adminStudio .studioRange::-webkit-slider-thumb{appearance:none;border:2px solid var(--primary);background:var(--text);border-radius:50%;width:15px;height:15px;margin-top:-5px;box-shadow:0 1px 5px #0006}.adminStudio .studioRange::-moz-range-track{background:0 0;height:5px}.adminStudio .studioRange::-moz-range-thumb{border:2px solid var(--primary);background:var(--text);border-radius:50%;width:11px;height:11px}.adminStudio .studioAsset{border:1px solid var(--outline);background:var(--card);border-radius:8px;min-width:0;margin-bottom:14px;padding:12px;position:relative}.adminStudio .studioAssetHeading h3{margin:0 0 4px;font-size:14px;font-weight:500}.adminStudio .studioAssetHeading p{color:var(--muted);margin:0 0 12px;font-size:11px;line-height:1.5}.adminStudio .studioAssetPreview{border:1px solid var(--outline);background:repeating-conic-gradient(#222 0% 25%,#282828 0% 50%) 50%/16px 16px;border-radius:5px;place-items:center;height:120px;display:grid;overflow:hidden}.adminStudio .studioAssetPreview img{object-fit:cover;width:100%;height:120px}.adminStudio .studioAssetPreview[data-kind=square] img{object-fit:contain;width:72px;height:72px}.adminStudio .studioAssetPreview[data-kind=wordmark] img{object-fit:contain;width:80%;height:80px}.adminStudio .studioAssetPreview>span{color:var(--muted);justify-items:center;gap:7px;display:grid}.adminStudio .studioAssetPreview small{font-size:11px}.adminStudio .studioAssetActions{justify-content:space-between;align-items:center;gap:8px;margin:10px 0;display:flex}.adminStudio .studioAssetActions .btn{cursor:pointer;padding:7px 10px;font-size:12px}.adminStudio .studioAsset:has(input[type=file]:focus-visible) .studioAssetActions label{outline:2px solid var(--primary);outline-offset:2px}.adminStudio .studioAsset:has(input[type=file]:disabled) .studioAssetActions label{opacity:.5;cursor:wait}.adminStudio .studioAssetActions button{padding:6px}.adminStudio .studioAssetUrl{gap:6px;min-width:0;display:grid}.adminStudio .studioAssetUrl>span{color:var(--muted);font-size:11px}.adminStudio .studioAssetHelp{margin-top:8px;font-size:10px;display:block}.studioPopup{color:var(--text);background:var(--card);border:1px solid var(--outline);font:13px var(--font-geist-sans), sans-serif;z-index:60;border-radius:8px;outline:none;overflow:hidden;box-shadow:0 8px 32px #0007}.studioPopup[data-state=open]{animation:.12s ease-out studio-menu-in}.studioPopup[data-state=closed]{animation:.1s ease-in studio-menu-out}.studioSelectMenu{min-width:var(--radix-select-trigger-width);max-height:min(320px, var(--radix-select-content-available-height))}.studioSelectViewport{padding:4px}.studioSelectItem{cursor:default;-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;justify-content:space-between;align-items:center;gap:20px;padding:8px 10px;display:flex;position:relative}.studioSelectItem[data-highlighted],.studioFontOption[data-selected=true]{color:#fff;background:#ffffff0d}.studioSelectItem[data-state=checked]{color:var(--primary)}.studioSelectScroll{justify-content:center;padding:4px;display:flex}.studioFontMenu{width:var(--radix-popover-trigger-width);min-width:min(300px,100vw - 24px);max-width:calc(100vw - 24px);max-height:var(--radix-popover-content-available-height)}.studioFontSearch{border-bottom:1px solid var(--outline);align-items:center;gap:8px;padding:10px 12px;display:flex}.studioFontSearch svg{color:var(--muted);flex-shrink:0}.studioFontSearch input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:none;padding:0;font-size:13px}.studioFontSearch input::placeholder{color:var(--muted)}.studioFontList{max-height:min(300px, calc(var(--radix-popover-content-available-height) - 84px));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 30%, transparent) transparent;padding:4px;overflow:auto}.studioFontOption{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.studioFontOption small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.studioFontOption svg{color:var(--primary);flex-shrink:0}.studioFontEmpty{color:var(--muted);text-align:center;padding:24px 12px;font-size:12px}.studioFontFooter{color:var(--muted);border-top:1px solid var(--outline);padding:8px 10px;font-size:10px;line-height:1.5}@keyframes studio-expand{0%{opacity:.5;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes studio-collapse{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:.5;height:0}}@keyframes studio-menu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-menu-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.adminStudio .studioSectionContent,.studioPopup{animation:none!important}.adminStudio .studioSectionTrigger,.adminStudio .studioSectionChevron,.adminStudio .studioSectionIcon,.adminStudio .studioGameOption,.adminStudio .studioCheckbox{transition:none}}}