/* Forgeverse Studio skin: the forgeverse.org design system (v2) for the inline-styled Studio
   tools. Ink surfaces, Plex, one ember accent, no shouting. Loaded after the app's own CSS. */
@font-face { font-family: "Plex"; src: url("/fv/fonts/IBMPlexSans-Variable.woff2") format("woff2"); font-weight: 100 700; font-display: swap; }
@font-face { font-family: "Plex Mono"; src: url("/fv/fonts/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }

html, body { background: #09090b !important; color: #f4f4f5; }
body, button, input, select, textarea { font-family: Plex, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
code, pre, kbd, samp, [style*="monospace"] { font-family: "Plex Mono", ui-monospace, Consolas, monospace !important; }

[style*="text-transform: uppercase"] { text-transform: none !important; letter-spacing: .01em !important; }
[style*="font-weight: 900"], [style*="font-weight: 800"], [style*="font-weight: 950"], [style*="font-weight: 700"] { font-weight: 600 !important; }
[style*="text-shadow"] { text-shadow: none !important; }

input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea {
  background-color: #0e0e11; border-radius: 10px; color: #f4f4f5; }
input:focus, select:focus, textarea:focus { outline: none !important; border-color: #ff7a45 !important; box-shadow: 0 0 0 3px rgba(255, 122, 69, .12) !important; }
button:focus-visible, a:focus-visible { outline: 2px solid #ff7a45 !important; outline-offset: 2px; }
input[type=range], input[type=checkbox], input[type=radio] { accent-color: #ff7a45; }
::selection { background: rgba(255, 122, 69, .35); }

* { scrollbar-width: thin; scrollbar-color: #27272a transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #27272a; border-radius: 10px; border: 2px solid #09090b; }
::-webkit-scrollbar-track { background: transparent; }

html.fv-embed, html.fv-embed body { overflow: hidden; }