/* Biu.fun component library: shared/site-theme.css, Light and Dark Mode tokens. */
:root {
  color-scheme: light;
  --radius: 5px;
  --bg: #f1f3ef;
  --paper: #fdfefc;
  --ink: #202620;
  --muted: #59615c;
  --line: #cdd2cc;
  --green: #202620;
  --soft: #f7f8f6;
  --lime: #fff000;
  --orange: #ff9c8a;
  --chrome: #e0e3df;
  --raised: #fafbf9;
  --disabled: #dee2dd;
  --placeholder: #70786f;
  --accent: #fff000;
  --blue: #4b8dff;
  --pink: #ff68bd;
  --coral: #ff9c8a;
  --cyan: #6fe7f2;
  --purple: #9b6cff;
  --sans: Inter, 'Source Han Sans SC', 'Noto Sans CJK SC', 'PingFang SC', sans-serif;
  --serif: Georgia, 'Noto Serif SC', 'Songti SC', serif;
}
body { background: var(--bg); color: var(--ink); }
.library-view > .filters { border-top: 0; padding-top: 20px; }
.hero { display: block; min-height: 0; padding: 24px 0 28px; }
.hero-game-showcase { max-width: 760px; margin-inline: auto; transform: none; }
.hero-game-caption { padding: 12px 16px 4px; }
.hero-game-caption h3 { overflow: hidden; font-family: var(--sans); font-size: 18px; white-space: nowrap; text-overflow: ellipsis; }
.hero-game-play { gap: 0; }
.creation-divider { margin: 12px 0; }
.creation-divider img { display: block; width: 100%; height: auto; max-height: 60px; object-fit: contain; }
.creation-tools-section { padding-top: 0; }
.form-carousel-section { padding: 12px 0; }
.form-card.form-carousel { display: flex; min-width: 0; flex-direction: column; background: var(--raised); border-color: var(--line); }
.form-carousel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 700; }
.form-carousel-link { display: block; flex: 1; min-width: 0; }
.form-carousel-link .form-card-image { height: 190px; }
.form-carousel-link .form-card-image > .motion-art { height: 100%; }
.form-carousel-link .form-card-body { padding: 16px; }
.form-carousel-link h3 { font-size: 16px; min-height: 42px; }
.form-carousel-link p { min-height: 44px; color: var(--muted); font-size: 12px; }
.form-carousel-link .form-card-bottom { margin-top: 16px; font-size: 12px; }
.form-carousel-controls { display: flex; align-items: center; justify-content: space-between; gap: 4px; padding: 8px; border-top: 1px solid var(--line); }
.form-carousel-controls > button { padding: 4px 7px; min-height: 36px; min-width: 30px; font-size: 12px; }
.form-carousel-dots { display: flex; align-items: center; }
.form-carousel-dots button { display: grid; place-items: center; min-width: 16px; height: 36px; border: 0; padding: 4px; background: transparent; }
.form-carousel-dots button > span { display: block; width: 5px; height: 5px; border-radius: 50%; background: var(--line); }
.form-carousel-dots button[aria-pressed=true] > span { background: var(--ink); }
.bottom-cta { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); align-items: center; column-gap: 24px; padding: 24px; margin-block: 24px; background: var(--soft); text-align: left; }
.bottom-cta h2 { font-family: var(--sans); font-size: 24px; line-height: 1.4; }
.bottom-cta > .btn { grid-column: 1; justify-self: start; margin-top: 16px; }
.world-newsletter { grid-column: 2; grid-row: 1 / 3; min-width: 0; }
.world-newsletter h3 { margin-bottom: 10px; font-size: 14px; }
.world-newsletter-form { display: flex; align-items: stretch; gap: 8px; }
.world-newsletter-form input { flex: 1; width: 0; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius); font-size: 16px; }
.world-newsletter-form button { flex: none; min-height: 44px; opacity: 1; background: var(--disabled); color: var(--muted); font-size: 12px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
#header { background: var(--chrome); }
/* Biu.fun Shell order: language, account/avatar, credits, theme, logout. */
.biufun-global-account { display: flex; align-items: center; min-width: 0; gap: 12px; }
.biufun-language-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 32px; padding: 0 6px; border: 1px solid var(--ink); border-radius: var(--radius); background: var(--soft); color: var(--ink); font-size: 12px; font-weight: 850; white-space: nowrap; }
.biufun-language-toggle__icon { width: 16px; height: 16px; }
.biufun-account-entry { display: inline-flex; min-width: 0; height: 32px; align-items: center; gap: 8px; border: 0; background: transparent; color: var(--ink); padding: 4px 0; }
.biufun-account-entry:hover { opacity: .62; }
.biufun-global-avatar { display: grid; width: 24px; height: 24px; flex: none; place-items: center; overflow: hidden; border: 1px solid var(--ink); border-radius: 50%; background: var(--ink); }
.biufun-global-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.biufun-account-name { display: block; max-width: 12ch; overflow: hidden; font-size: 12px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.biufun-global-credits { display: flex; height: 32px; align-items: center; gap: 0; overflow: hidden; border: 1px solid var(--ink); border-radius: var(--radius); background: var(--paper); color: var(--ink); padding: 0; font-size: 12px; font-weight: 900; white-space: nowrap; }
.biufun-global-credits > span { padding: 0 8px; }
.biufun-global-credits > strong { display: grid; min-width: 44px; height: 32px; place-items: center; border-left: 1px solid var(--ink); background: var(--ink); color: var(--accent); padding: 0 8px; font: 900 14px/1 'Courier New', monospace; }
.biufun-global-theme, .biufun-global-logout { display: grid; width: 32px; height: 32px; flex: none; place-items: center; border: 1px solid var(--ink); border-radius: var(--radius); background: var(--soft); padding: 0; }
.biufun-global-theme img, .biufun-global-logout img { width: 16px; height: 16px; }
.biufun-global-logout { margin-left: -6px; }
.biufun-global-logout:hover { background: var(--raised); }
#footer { background: var(--chrome); color: var(--muted); }
dialog { background: var(--raised); color: var(--ink); border-color: var(--line); }
.dialog-close { border-radius: var(--radius); }
.brand { flex: none; }
.brand-image { display: block; width: 150px; height: auto; filter: grayscale(1) brightness(.55) contrast(20); }
.footer-brand { display: inline-block; vertical-align: middle; }
.footer-brand img { display: block; width: 92px; height: auto; filter: grayscale(1) brightness(.55) contrast(20); }
nav a, .prototype-flag, .footer-brand { color: var(--muted); }
nav a.active { color: var(--ink); font-weight: 700; }
button.primary, .btn.primary, .hero-remake { background: var(--accent); border-color: var(--ink); color: var(--ink); }
button.primary:hover, .btn.primary:hover, .hero-remake:hover { background: var(--accent); border-color: var(--ink); }
button:hover, .btn:hover { border-color: var(--ink); }
:is(button, a, input, textarea, select):focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
input, textarea, select, .search input, .field input, .field textarea { background: var(--paper); color: var(--ink); caret-color: var(--ink); }
input::placeholder, textarea::placeholder { color: var(--placeholder); }
.search input { width: 0; flex: 1 1 0; min-width: 0; }
.search button { flex: none; min-width: 64px; white-space: nowrap; }
:is(input, textarea, select):disabled { background: var(--disabled); }
.pill { background: var(--soft); color: var(--muted); border-color: var(--line); }
.pill.ready { background: color-mix(in srgb, var(--blue) 10%, var(--paper)); color: var(--ink); border-color: var(--blue); }
.pill.demo { background: color-mix(in srgb, var(--coral) 15%, var(--paper)); color: var(--ink); border-color: var(--line); }
.note, .base-reminder { background: var(--soft); color: var(--muted); border-color: var(--line); }
.hero h1 em { color: var(--ink); }
.hero-copy > p, .hero-types, .hero-caption, .hero-game-caption p, .hero-game-live, .creation-tools-note { color: var(--muted); }
.hero-game-showcase, .mix-slot, .slot-option, .mix-board-preview, .mix-board-base, .mix-board-pieces > figure { background: var(--raised); border-color: var(--line); }
.hero-game-live i, .prototype-flag i { background: var(--blue); }
.hero-game-dots button > span { background: var(--line); }
.hero-game-dots button.active > span { background: var(--ink); }
.creation-tool { background: var(--soft); border-color: var(--line); color: var(--ink); }
.creation-tool-copy p, .creation-tool-bottom { color: var(--muted); }
.creation-tool-title > span { background: var(--paper); border-color: var(--line); color: var(--muted); }
.creation-tool-bottom i { background: var(--accent); border-color: var(--line); color: var(--ink); }
.creation-tool--scene { color: var(--paper); }
.creation-tool--scene .creation-tool-copy p, .creation-tool--scene .creation-tool-bottom { color: var(--paper); }
.creation-tool--scene .creation-tool-title > span { color: var(--ink); }
.sound-bars i, .tool-wave i { background: var(--pink); }
.tool-ui-window { background: var(--chrome); border-color: var(--line); }
.tool-ui-window > span { background: var(--accent); color: var(--ink); border-color: var(--line); }
.tool-ui-window > div i { background: var(--muted); }
.tool-motion-frames span { background: var(--paper); color: var(--ink); border-color: var(--line); }
.slot-symbol, .mix-slot-cover { background: var(--chrome); color: var(--ink); border-color: var(--line); }
.plan-preview-tabs > button.active, .chip.active, .studio-steps button.active { background: var(--accent); color: var(--ink); border-color: var(--ink); }
.source-frame-shell { position: relative; min-width: 0; }
.source-frame-shell iframe { display: block; width: 100%; border: 0; }
.source-loading { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 24px; background: var(--soft); color: var(--ink); border-radius: var(--radius); }
.source-loading p { font-size: 14px; }
.source-loading small { display: block; margin-top: 4px; font-size: 12px; color: var(--muted); }
/* Exact four-square orbit pattern from 组件库.HTML; the frame uses World's 5px radius. */
.biu-orbit { --orbit-distance: 38px; position: relative; display: grid; flex: none; width: 40px; height: 40px; place-items: center; border: 1px solid var(--ink); border-radius: var(--radius); background: var(--raised); }
.biu-orbit b { font: 900 8px/1 'Courier New', monospace; }
.biu-orbit i { position: absolute; top: -3px; left: -3px; width: 6px; height: 6px; background: var(--accent); border: 1px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); animation: biu-orbit .9s linear infinite; }
.biu-orbit i:nth-of-type(2) { background: var(--pink); animation-delay: -.045s; opacity: .76; }
.biu-orbit i:nth-of-type(3) { background: var(--coral); animation-delay: -.09s; opacity: .52; }
.biu-orbit i:nth-of-type(4) { background: var(--blue); animation-delay: -.135s; opacity: .3; }
@keyframes biu-orbit { 0% { transform: translate(0,0); } 25% { transform: translate(var(--orbit-distance),0); } 50% { transform: translate(var(--orbit-distance),var(--orbit-distance)); } 75% { transform: translate(0,var(--orbit-distance)); } 100% { transform: translate(0,0); } }
@media (max-width: 1100px) {
  #header { height: auto; min-height: 72px; flex-wrap: wrap; gap: 10px; padding: 12px 22px 0; }
  #header nav { order: 3; width: 100%; height: auto; min-height: 44px; gap: 4px 12px; justify-content: flex-start; flex-wrap: wrap; }
  #header nav a { min-height: 44px; padding: 0 8px; font-size: 12px; }
  .header-end { margin-left: auto; }
}
@media (max-width: 600px) {
  .hero { padding: 20px 0; }
  .form-carousel-section { padding-block: 12px; }
  .creation-tools-section { padding-top: 0; }
  .form-carousel-link .form-card-image { height: auto; min-height: 0; aspect-ratio: 16/9; }
  .form-carousel-controls > button { min-width: 44px; min-height: 44px; }
  .form-carousel-dots { flex: 1; justify-content: center; }
  .form-carousel-dots button { flex: 1; min-width: 24px; height: 44px; }
  .bottom-cta { grid-template-columns: minmax(0,1fr); row-gap: 16px; padding: 20px 16px; }
  .bottom-cta h2 { font-size: 20px; }
  .world-newsletter { grid-column: 1; grid-row: auto; }
  .bottom-cta > .btn { margin-top: 0; }
  .brand-image { width: 124px; }
  .biufun-global-account { gap: 8px; }
  .biufun-language-toggle { width: 32px; height: 44px; padding: 0; }
  .biufun-language-toggle__label, .biufun-account-entry .biufun-global-avatar, .biufun-global-credits > span { display: none; }
  .biufun-account-entry { min-width: 32px; height: 44px; justify-content: center; padding: 0; }
  .biufun-global-credits, .biufun-global-credits > strong { height: 44px; }
  .biufun-global-theme, .biufun-global-logout { height: 44px; }
  .biufun-global-logout { margin-left: -4px; }
  .wrap { padding-inline: 16px; }
  .filters .search { flex: 1 0 100%; width: 100%; max-width: none; }
  #header { padding-inline: 16px; }
  #header nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 4px; }
  #header nav a { justify-content: center; white-space: nowrap; padding: 0 2px; }
  .hero h1 { font-size: 42px; }
  .hero-game-caption { flex-wrap: wrap; gap: 12px; }
  .hero-game-bottom { flex-wrap: wrap; }
  .hero-game-dots button { min-width: 44px; min-height: 44px; }
  .hero-game-arrows button { width: 44px; height: 44px; }
  .text-link { display: inline-flex; align-items: center; min-height: 44px; }
  .hero-remake { min-height: 44px; margin-left: auto; }
  .creation-tool-copy p, .creation-tool-bottom, .creation-tools-note, .hero-game-caption p, .mix-slot > p { font-size: 12px; }
  .creation-tool-title h3 { font-size: 16px; }
  .creation-tool-title { flex-wrap: wrap; }
  .creation-tool-bottom { line-height: 1.4; right: 12px; }
  .creation-tool--scene .creation-tool-copy p { font-size: 12px; }
  .creation-tool-copy p { max-width: none; }
  .creation-tool-visual { opacity: .4; }
  .creation-tool--scene .creation-tool-visual { opacity: 1; }
  .creation-tools-grid { grid-auto-rows: minmax(190px,auto); grid-template-rows: 220px repeat(3,200px); }
  .inspiration-grid { grid-template-columns: minmax(0,1fr); }
  .card-art { height: auto; aspect-ratio: 16/9; }
  .card-copy > p, .card-copy > small, .card-footer, .card-footer .text-link, .pill { font-size: 12px; }
  .studio-steps { display: grid; grid-template-columns: minmax(0,1fr); }
  .studio-steps button { min-height: 44px; font-size: 13px; }
  .studio-actions { align-items: stretch; }
  .studio-actions > button, .studio-actions > .btn { flex: 1 1 100%; min-height: 44px; font-size: 14px; }
  .field input, .field textarea, .field select, .search input, .file-input { font-size: 16px; }
  button.small, .btn.small, .mix-slot-actions .small, .chip { min-height: 44px; font-size: 12px; }
  .plan-preview-tabs > button { min-height: 44px; font-size: 12px; }
  .slot-picker-footer { flex-wrap: wrap; }
  dialog { max-height: calc(100dvh - 24px); width: calc(100% - 24px); max-width: 760px; padding: 52px 16px 20px; }
  .dialog-close { min-width: 44px; min-height: 44px; }
  #footer { padding-inline: 16px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .biu-orbit i { animation: none; } }

/* Shared day/night palette; artwork and embedded works keep their original colors. */
:root[data-biufun-theme="dark"] {
  color-scheme: dark;
  --bg: #040509; --paper: #1b2326; --ink: #f1f3ef; --muted: #b2bcb7;
  --line: #424d4a; --green: #e6ece5; --soft: #20292c; --chrome: #11191d;
  --raised: #1b2326; --disabled: #303b3b; --placeholder: #9ca7a1;
}
[data-biufun-theme="dark"] .brand-image,
[data-biufun-theme="dark"] .footer-brand img { filter: grayscale(1) brightness(.55) contrast(20) invert(1); }
[data-biufun-theme="dark"] .biufun-language-toggle__icon,
[data-biufun-theme="dark"] .biufun-global-logout img,
[data-biufun-theme="dark"] .creation-divider img { filter: invert(1); }
[data-biufun-theme="dark"] .primary { color: #202620; }
.form-carousel-link .form-card-image { position: relative; }
.form-carousel-heading { position: absolute; z-index: 1; inset: 10px 10px auto; padding: 6px 8px; border: 0; border-radius: 5px; background: #17231de6; color: #fff; pointer-events: none; }
.form-carousel-author { display: flex; align-items: center; min-height: 44px; padding: 0 16px 12px; font-size: 12px; }
.footer-links { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }

.hero.hero-bleed { padding: 0; margin: 0; }
.hero-bleed .hero-game-showcase { width: 100%; max-width: none; border: 0; border-radius: 0; background: var(--paper); }
.hero-bleed .hero-game-screen { position: relative; height: clamp(280px, 48vw, 650px); }
.hero-bleed .hero-game-screen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: transparent; }
.hero-loading { position: absolute; right: 16px; bottom: 16px; z-index: 2; padding: 6px 12px; border-radius: 5px; background: #17231de6; color: #fff; font-size: 12px; }
.hero-loading[hidden] { display: none; }
[data-biufun-theme="dark"] .pill { background: var(--soft); color: var(--muted); }
[data-biufun-theme="dark"] .source-well,
[data-biufun-theme="dark"] .mix-slot,
[data-biufun-theme="dark"] .remix-board,
[data-biufun-theme="dark"] .plan-paper { background: var(--paper); color: var(--ink); }

[data-biufun-theme="dark"] :is(.primary, .hero-remake, .chip.active, .studio-steps button.active, .plan-preview-tabs > button.active, .creation-tool-bottom i, .tool-ui-window > span) { color: #202620; }
[data-biufun-theme="dark"] .creation-tool--scene,
[data-biufun-theme="dark"] .creation-tool--scene .creation-tool-copy p,
[data-biufun-theme="dark"] .creation-tool--scene .creation-tool-bottom { color: #fff; }

.biufun-language-toggle select { min-width: 0; max-width: 100px; padding: 0; border: 0; background: transparent; color: var(--ink); font-size: 12px; cursor: pointer; }
@media(max-width:600px){.biufun-language-toggle {width:auto;max-width:90px;padding:0 4px}.biufun-language-toggle__icon{display:none}.biufun-language-toggle select{max-width:78px}}

.creation-tabs{display:flex;justify-content:flex-start;gap:12px;padding:20px 0 8px}
.creation-tabs button{min-width:90px;min-height:44px}
.creation-tabs button[aria-pressed="true"]{background:var(--accent);color:#202620;border-color:var(--ink)}
.card-author-row{display:flex;align-items:center;justify-content:space-between;padding-right:12px}
.card-author-row .form-carousel-author{padding-bottom:0}
.favorite-toggle{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--muted)}
.favorite-toggle[aria-pressed="true"]{color:#9b8500}
.favorite-toggle[aria-pressed="true"] path{fill:var(--accent)}
.card-copy{position:relative}.card-copy>.favorite-toggle{position:absolute;right:8px;top:6px}.card-copy h3{padding-right:30px}
.search.compact-search{flex:0 0 auto;width:auto;min-width:44px;max-width:360px;margin-left:auto}
.compact-search:not(.expanded) input,.compact-search:not(.expanded) .search-submit{display:none}
.compact-search.expanded{flex:1 1 220px}.compact-search #searchToggle{min-width:44px;font-size:24px;padding:0}
@media(max-width:600px){.filters .search.compact-search{flex:0 0 auto;width:auto}.filters .search.compact-search.expanded{flex:1 0 100%;max-width:none}}

[data-biufun-theme="dark"] .biufun-global-credits > strong {background:#050b0e;color:var(--accent)}

.brand-image { max-height:54px;object-fit:contain; }
.footer-brand img { max-height:40px;object-fit:contain; }
.hero-bleed .hero-game-showcase,.hero-bleed .hero-game-bottom { background:transparent; }
.hero-bleed .hero-game-bottom { justify-content:center;padding:0;min-height:24px;gap:0; }
.hero-bleed .hero-game-dots { justify-content:center; }
.hero-bleed .hero-game-dots button { min-height:28px;height:28px;min-width:28px;padding:0; }
.tool-line > a { background:var(--paper);color:var(--ink);border-color:var(--line); }
.form-carousel .form-carousel-heading { display:flex;align-items:center;justify-content:space-between;position:absolute;inset:10px 10px auto;z-index:2;padding:7px 10px;background:#14201ded;color:#fff;border-radius:5px;font-size:13px;line-height:20px; }
.form-carousel .form-carousel-heading > span {position:static;inset:auto;display:inline;background:transparent;color:inherit;padding:0;border:0;font:inherit;letter-spacing:0;}
.creation-tools-grid {grid-template-rows:108px 108px;gap:10px;}
.creation-tool-copy {padding:12px;}.creation-tool-title h3{font-size:16px}.creation-tool-copy p{font-size:11px;line-height:1.4}.creation-tool-bottom{font-size:9px;bottom:10px;left:12px;right:12px;}
.creation-tool--scene .creation-tool-copy h3{font-size:24px}.creation-tool--scene .creation-tool-copy p{font-size:11px}
.creation-slots-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.creation-slot { min-width:0;min-height:150px;border:1px dashed var(--line);border-radius:5px;background:var(--soft);padding:12px; }
.creation-slot small {color:var(--muted)}.creation-slot input,.creation-slot textarea {display:block;width:100%;border:0;border-bottom:1px solid var(--line);padding:6px 0;background:transparent;font-size:14px;border-radius:0;}
.creation-slot textarea{height:64px;resize:vertical;margin-top:8px}.slot-save-status{margin:8px 0;font-size:11px;color:var(--muted)}
@media(min-width:1500px){.creation-tools-grid{grid-template-rows:114px 114px}}
@media(max-width:850px){.creation-tools-grid{grid-template-rows:105px 105px 99px}.creation-slots-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.creation-tools-grid{grid-template-rows:132px repeat(3,120px);grid-auto-rows:120px}.creation-slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-slot input,.creation-slot textarea{font-size:16px}.brand-image{max-height:44px}}

.world-resource-gallery {padding:32px 0;}
.world-resource-tabs {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.world-resource-tabs button,.world-resource-tabs>.btn{font-size:14px;min-height:40px;background:var(--soft);color:var(--muted);border-color:var(--line);padding:8px 14px;}
.world-resource-tabs small{font:inherit;margin-left:8px;opacity:.65}
.world-resource-tabs button[aria-pressed="true"]{background:var(--accent);color:#202620;border-color:var(--ink);font-weight:700}
.world-resource-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:28px;color:var(--muted)}
.world-resource-filters{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:auto;}
.world-resource-filters button{background:transparent;border-color:transparent;padding:6px 10px;white-space:nowrap;font-size:12px;}
.world-resource-filters button[aria-pressed="true"]{background:var(--paper);border-color:var(--line);color:var(--ink)}
.world-resource-filters small{margin-left:6px;opacity:.65}
.world-resource-actions{display:flex;align-items:center;gap:10px;flex:none;}.world-resource-actions :is(select,button){border:0;background:transparent;color:var(--ink);padding:6px;font-size:12px;}
.world-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
.world-resource-card{min-width:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--soft)}
.world-resource-art{display:block;aspect-ratio:1.6;background:var(--paper);overflow:hidden;}.world-resource-art :is(img,video){width:100%;height:100%;object-fit:cover}
.world-resource-copy{padding:20px;}.world-resource-title{display:flex;align-items:center;gap:10px;}.world-resource-title>a:first-child{flex:1;min-width:0}.world-resource-title h3{font-size:20px;line-height:1.4}.world-resource-title .resource-author{font-size:14px;color:var(--muted);white-space:nowrap}.world-resource-copy>p{margin-top:18px;color:var(--muted);font-size:14px;letter-spacing:.5px}.world-resource-placeholder{display:grid;place-items:center;height:100%;font-size:28px;color:var(--muted)}
@media(max-width:760px){.world-resource-toolbar{flex-wrap:wrap}.world-resource-filters{flex-basis:100%}.world-resource-actions{margin-left:auto}.world-resource-title{flex-wrap:wrap}.world-resource-title h3{font-size:16px}.world-resource-title .resource-author{font-size:11px}.world-resource-copy{padding:12px}.world-resource-copy>p{font-size:12px}.world-resource-grid{gap:14px}.world-resource-tabs button{padding:8px 10px;font-size:13px}}
@media(max-width:440px){.world-resource-grid{grid-template-columns:1fr}}

.form-carousel .form-card-image>video {width:100%;height:100%;object-fit:cover}.filter-row select{padding:8px 12px;min-height:40px;border:1px solid var(--line);border-radius:5px;min-width:130px}

.library-view .filters{margin-bottom:24px}.current-unavailable{font-size:12px}.current-unavailable #clearFilters{margin-left:auto}

.form-carousel-controls > button{border:0;background:transparent;min-width:28px;min-height:28px;padding:0;font-size:12px;color:var(--muted)}
[data-biufun-theme="dark"] :is(.studio-type,.plan-paper,.plan-preview-panel,.preview-summary,.version-summary,.remake-board){background:var(--paper);color:var(--ink)}
[data-biufun-theme="dark"] .studio-type.active{background:var(--soft);color:var(--ink)}

.compact-search.expanded{position:relative;gap:0}.compact-search.expanded #searchToggle{position:absolute;left:0;top:0;bottom:0;z-index:1;border:0;background:transparent}.compact-search.expanded #searchInput{padding-left:42px;border-radius:5px}.compact-search.expanded .search-submit{margin-left:8px}

dialog.work-preview-dialog {width:min(1180px,96vw);max-width:1180px;padding:42px 20px 20px;background:var(--paper);color:var(--ink);}
.work-preview-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:24px;}
.work-preview-media{min-width:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:5px;overflow:hidden;}
.work-preview-media>:is(video,img,iframe){width:100%;height:65vh;max-height:700px;object-fit:contain;border:0;}
.work-preview-sidebar{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:12px 0;}.work-preview-sidebar h2{font-size:24px;flex:1}.work-preview-sidebar>p{color:var(--muted);font-size:14px;line-height:1.7}.work-preview-author{color:var(--muted)}.work-preview-sidebar>#callPreviewWork{margin-top:auto;min-height:44px;}
@media(max-width:760px){.work-preview-layout{grid-template-columns:1fr}.work-preview-media>:is(video,img,iframe){height:45vh}.work-preview-sidebar{gap:12px}.work-preview-sidebar h2{font-size:20px}}

[data-biufun-theme="dark"] .studio-sidebar{background:var(--paper);color:var(--ink);border-color:var(--line)}

.work-preview-dialog .dialog-close{background:var(--soft);color:var(--ink);border:1px solid var(--line);display:grid;place-items:center}

.favorite-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 4px;border-radius:5px;background:var(--soft);border:1px solid var(--line);color:var(--ink);font-size:10px;line-height:1}

[data-biufun-theme="dark"] .studio-sidebar{background:#0d1417;color:var(--ink);border-color:var(--line)}

/* World rail follows biufun AppShell spacing, link states and tooltip styling. */
body.world-has-rail {--world-rail-width:192px;}body.world-rail-collapsed{--world-rail-width:64px;}
body.world-has-rail #header{display:flex;min-height:48px;height:auto;position:sticky;top:0;z-index:1000;margin-left:var(--world-rail-width);width:calc(100% - var(--world-rail-width));padding:8px 24px;border-bottom:1px solid var(--line);}
body.world-has-rail #app,body.world-has-rail #footer{margin-left:var(--world-rail-width);width:calc(100% - var(--world-rail-width));}
.world-rail{position:fixed;inset:0 auto 0 0;z-index:1200;display:flex;flex-direction:column;width:var(--world-rail-width);height:100dvh;padding:0 16px;border-right:1px solid var(--line);background:var(--chrome);color:var(--ink);overflow:hidden;}
.world-rail-head{display:flex;align-items:center;gap:8px;padding:12px 0;min-height:76px;}.world-rail .brand{flex:1;min-width:0;}.world-rail .brand-image{width:72px;height:auto;max-height:52px;}.world-rail-collapse{width:32px;height:32px;min-width:32px;padding:0;font-size:20px;background:var(--soft);border:1px solid var(--line);}
#worldRail nav{display:flex;flex:1;min-height:0;width:100%;height:auto;flex-direction:column;gap:4px;align-items:stretch;overflow-y:auto;overflow-x:hidden;padding:0 0 16px;}
#worldRail nav a{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:5px;color:var(--ink);font-size:14px;font-weight:400;text-decoration:none;}
#worldRail nav a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.72;}#worldRail nav a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#worldRail nav a:hover,#worldRail nav a:focus-visible{background:var(--soft);border-color:var(--line)}
#worldRail nav a.active{background:var(--accent);color:#050505;border-color:#050505;}#worldRail nav a.active:after{display:none;}
.world-rail-collapsed .world-rail{padding-inline:6px;}.world-rail-collapsed .world-rail-head{flex-direction:column;gap:8px;}.world-rail-collapsed .brand-image{width:46px;}.world-rail-collapsed .world-rail-collapse{transform:rotate(180deg)}
.world-rail-collapsed #worldRail nav a{grid-template-columns:1fr;justify-items:center;padding:8px;}.world-rail-collapsed #worldRail nav a>span{display:none;}.world-rail-collapsed .favorite-count{position:absolute;top:0;right:0;height:16px;min-width:16px;font-size:8px;}
.world-nav-tooltip{position:fixed;z-index:3000;width:288px;max-width:calc(100vw - 16px);padding:16px;background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:5px;box-shadow:4px 4px 0 #050505;pointer-events:none;}.world-nav-tooltip[hidden]{display:none;}.world-nav-tooltip strong{display:block;font-size:14px;font-weight:400;line-height:20px;}.world-nav-tooltip p{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:12px;line-height:1.65;color:var(--muted);font-weight:200;}
.world-mobile-menu,.world-rail-backdrop{display:none;}
.hero-activate{position:absolute;inset:0;display:grid;place-items:center;border:0;border-radius:0;background:transparent;padding:0;}.hero-activate span{display:grid;place-items:center;width:60px;height:60px;border:1px solid #fff;border-radius:50%;color:#fff;background:#101c1ab8;font-size:24px;backdrop-filter:blur(4px)}
@media(max-width:760px){body.world-has-rail,body.world-rail-collapsed{--world-rail-width:0px;}body.world-has-rail #header{padding:6px 12px;gap:8px;flex-wrap:nowrap;}body.world-has-rail .header-end{min-width:0}.world-mobile-menu{display:grid;place-items:center;width:36px;height:36px;padding:0;flex:none;margin-right:auto;}.world-rail{width:192px;transform:translateX(-100%);}.world-rail-open .world-rail{transform:none;}.world-rail-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:1100;width:100%;height:100%;border:0;border-radius:0;background:#0008;}.world-nav-tooltip{display:none!important}.world-rail-collapsed .world-rail-head{flex-direction:row;}.world-rail-collapsed .brand-image{width:72px;}.world-rail-collapsed #worldRail nav a{grid-template-columns:24px minmax(0,1fr) auto;justify-items:stretch;}.world-rail-collapsed #worldRail nav a>span{display:block;}.world-rail-collapsed .favorite-count{position:static;height:20px;min-width:20px;font-size:10px;}}

.world-rail-learning{display:grid;gap:4px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}.world-rail-learning h4{font-size:11px;font-weight:400;color:var(--muted);margin:0 4px 8px;}.world-rail-collapsed .world-rail-learning h4{display:none;}
.creation-tabs{gap:8px;flex-wrap:wrap}.creation-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:8px 14px}.creation-tabs svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.biufun-global-account .biufun-language-toggle{position:relative;display:grid;place-items:center;width:32px;min-width:32px;padding:0;}.biufun-global-account .biufun-language-toggle__icon{display:block;width:16px;height:16px;}.biufun-global-account .biufun-language-toggle select{position:absolute;inset:0;width:100%;height:100%;max-width:none;opacity:0;cursor:pointer;}.biufun-language-toggle:focus-within{outline:2px solid var(--blue);outline-offset:2px;}
@media(max-width:600px){.creation-tabs button{padding:8px 10px;font-size:13px}.creation-tabs svg{width:18px;height:18px}.biufun-global-account .biufun-language-toggle{height:44px;}}

#worldRail nav a{height:auto;flex:none}
.creation-tools-grid .creation-tool-copy{position:relative;z-index:1}.creation-tools-grid .creation-tool-copy p{max-width:75%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creation-tools-grid .creation-tool-visual{transform:scale(.65);transform-origin:bottom right;max-height:75%;opacity:.45}.creation-tools-grid .creation-tool--scene .creation-tool-visual{transform:none;max-height:none;opacity:1}

.world-resource-art{position:relative;}
.resource-hot{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #202620;border-radius:5px;background:var(--accent);color:#202620;font:800 11px/1 var(--sans);letter-spacing:.5px;pointer-events:none;}
.resource-hot svg{width:12px;height:14px;}
.card-art.is-hot .art-label{top:auto;bottom:12px;}

/* Match biufun's hard card shadow, using the requested 2px offsets in light mode. */
@media(hover:hover){
  [data-biufun-theme="light"] :is(.form-card,.inspiration-card,.world-resource-card,.creation-tool,.creation-slot,.saved-project,.admin-work-card,.studio-type,.mix-slot,.slot-option):hover{box-shadow:2px 2px 0 #050505;border-color:#050505;transform:none;translate:none;}
}
.creation-tools-grid>.creation-tool--ui{grid-column:3;grid-row:1 / span 2;}
@media(min-width:851px){
 .creation-tools-grid>.creation-tool--scene{grid-column:1;grid-row:1 / span 2;}
 .creation-tools-grid>.creation-tool--character{grid-column:2;grid-row:1;}
 .creation-tools-grid>.creation-tool--cg{grid-column:2;grid-row:2;}
 .creation-tools-grid>.creation-tool--remake{grid-column:4;grid-row:1;}
 .creation-tools-grid>.creation-tool--audio{grid-column:4;grid-row:2;}
}
@media(max-width:560px){.creation-tools-grid>.creation-tool--ui{grid-column:2;grid-row:2 / span 2;}}
.form-carousel .form-card-image>.resource-hot{top:48px;left:12px;display:inline-flex;background:var(--accent);color:#202620;border:1px solid #202620;padding:5px 8px;font:800 11px/1 var(--sans);}
@media(max-width:600px){
 .creation-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .creation-tools-grid>.creation-tool--scene{grid-column:1 / span 2;grid-row:1;}
 .creation-tools-grid>.creation-tool--character{grid-column:1;grid-row:2;}
 .creation-tools-grid>.creation-tool--ui{grid-column:2;grid-row:2 / span 2;}
 .creation-tools-grid>.creation-tool--cg{grid-column:1;grid-row:3;}
 .creation-tools-grid>.creation-tool--remake{grid-column:1;grid-row:4;}
 .creation-tools-grid>.creation-tool--audio{grid-column:2;grid-row:4;}
}

.hero-bleed .hero-game-screen{height:clamp(140px,24vw,325px)}
.hero-game-poster{inset:0}.hero-game-poster>img{width:100%;height:100%;object-fit:cover;object-position:center}

.form-carousel .form-carousel-heading{background:rgba(20,32,29,.5)}
.form-card h3,.inspiration-card h3,.world-resource-card h3,.creation-tool h3{font-size:14px;line-height:1.5}
.world-resource-title{display:flex;flex-wrap:wrap;align-items:center}
.world-resource-title>a:first-child{flex:0 0 100%;width:100%}
.world-resource-title .resource-author{margin-right:auto}
.resource-tags{display:flex;flex-wrap:wrap;gap:6px}
.resource-tags span,.inspiration-card .badge{font-size:11px;padding:3px 6px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted)}
.resource-heading{font-size:24px;margin:0 0 20px}
#newsletterEmail,#newsletterEmail::placeholder{font-size:12px}
.bottom-cta>h2{font-size:20px;line-height:1.6;align-self:center}
.footer-tagline{display:inline-block;font-size:11px;padding:6px 10px;border:1px solid currentColor;border-radius:5px;transform:rotate(-6deg);background:transparent}
/* Compact the featured cards' text area by twenty percent. */
.form-carousel-link .form-card-body{padding:12px 16px}
.form-carousel-link .form-card-body h3{min-height:34px}
.form-carousel-link .form-card-body p{min-height:35px;margin:10px 0 17px}

.creation-slots-grid{grid-auto-rows:90px}
.creation-slot{height:90px;min-height:0;padding:6px 10px;display:flex;flex-direction:column;gap:2px}
.creation-slot-icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
.creation-slot input,.creation-slot textarea{font-size:12px;line-height:18px;padding:2px 0;min-height:0}
.creation-slot textarea{height:auto;flex:1;margin-top:0;resize:none}
.creation-slot--featured{grid-row:span 2;height:auto}

.creation-tool--scene .creation-tool-copy h3{font-family:var(--sans);font-size:16px;font-weight:700;line-height:1.5}
.creation-tool--remake .creation-tool-visual{inset:0;max-height:none;transform:none;opacity:.25}
.tool-game-image{width:100%;height:100%;object-fit:cover}
.world-rail-collapse{display:grid;place-items:center;padding:0;line-height:1}
.world-coming-soon{display:inline-block;flex:none;font-family:var(--sans);font-size:8px;font-weight:900;line-height:1;padding:4px 5px;border:1px solid #7139b5;border-radius:0;white-space:nowrap;background:#faf8ff;color:#7139b5;box-shadow:3px 3px 0 #9b6cff;transform:rotate(-6deg) skewX(-7deg);margin-left:auto}
.world-rail-collapsed .world-coming-soon{display:none}
.hero-bleed .hero-game-dots button{width:44px;min-width:44px;height:36px;min-height:36px;display:grid;place-items:center}
.hero-bleed .hero-game-dots button>span{width:28px;height:3px;border-radius:2px}
.remake-explainer-title{font-size:18px}
.bottom-cta>h2{font-size:14px}
[data-slot-type="video"] .creation-slot--featured{background:linear-gradient(180deg,rgba(17,26,29,.94),rgba(17,26,29,.72)),url('/assets/video-cases/mv03.jpg') center/cover;color:#fff}
[data-slot-type="video"] .creation-slot--featured :is(input,textarea,svg){color:#fff;border-color:#ffffff40}

.favorites-view{padding-top:28px;padding-bottom:40px;min-height:65vh}
.favorites-view h1{font-size:18px;line-height:1.5;margin:0 0 24px;letter-spacing:0}
.favorites-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:12px 0 24px}
.favorites-empty-image{display:block;width:min(280px,75%);height:auto;background:transparent;mix-blend-mode:multiply}
[data-biufun-theme="dark"] .favorites-empty-image{filter:invert(1);mix-blend-mode:screen}
.favorites-empty p{font-size:12px;margin:0}

.world-rail-link:has(.world-coming-soon){gap:8px}.world-rail-link:has(.world-coming-soon)>span{flex-shrink:0;white-space:nowrap;text-overflow:clip}

.hero-activate span{width:40px;height:40px;font-size:16px}
.form-carousel .form-carousel-heading{inset:5px 5px auto}
.world-resource-filters{gap:4px}.world-resource-filters button{padding:6px 8px;gap:5px}.world-resource-filters button small{margin-left:4px}

.form-carousel-controls{border-top:0}
[data-slot-type="game"] .creation-slot--featured{background:linear-gradient(180deg,rgba(17,26,29,.72),rgba(17,26,29,.3)),url('/assets/game-course-character.png') center/cover;color:#fff}
[data-slot-type="game"] .creation-slot--featured :is(input,textarea,svg){color:#fff;border-color:#ffffff40}

.form-carousel-controls{justify-content:center;grid-template-columns:1fr}.form-carousel-dots{justify-content:center}

.world-rail-head{width:100%}.world-rail-head>.world-rail-collapse{margin-left:auto;flex-shrink:0}.world-rail-collapsed .world-rail-head>.world-rail-collapse{margin-left:0}

.library-view .filter-label{font-size:12px;width:40px;min-width:40px;flex:0 0 40px}
.library-view #formFilter,.library-view #resourceFilter{font-size:12px;width:120px;min-width:120px;max-width:120px;box-sizing:border-box}

.footer-links .footer-icp{font-size:10px;font-weight:400;line-height:1.5;color:var(--muted);white-space:nowrap;text-decoration:none}
.footer-links .footer-icp:hover{text-decoration:underline}

#canvasSoonToast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:12000;background:var(--ink);color:var(--paper,#fff);padding:10px 18px;border-radius:5px;font-size:12px;pointer-events:none}
@media(min-width:761px){body.world-has-rail{--world-rail-width:220px}body.world-rail-collapsed{--world-rail-width:80px}}
.world-rail-collapse{width:28px;height:28px;min-width:28px}.world-rail-collapse svg{width:14px;height:14px}
#worldRail nav a{min-height:34px;padding:5px 12px;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;font-size:14px;font-weight:650;line-height:16px}
#worldRail nav a svg{width:18px;height:18px}
[data-biufun-theme="dark"] .world-rail{background:#050505;color:#d6dadd}
[data-biufun-theme="light"] .world-rail{background:var(--raised);color:var(--ink)}

.world-admin-entry{display:block;margin:12px 0;padding:8px 4px;border-top:1px solid var(--line);font-size:12px;color:var(--ink)}
#worldDemoNotice{font-size:11px;color:var(--muted);padding:4px 8px;flex-basis:100%}#worldDemoNotice a{margin-left:8px;text-decoration:underline}body.world-has-rail #header:has(#worldDemoNotice){flex-wrap:wrap}
.world-rail-collapsed .world-admin-entry{font-size:10px;text-align:center}

.resource-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.resource-heading-row>a{font-size:12px;white-space:nowrap}.role-watermark{position:absolute;right:8px;bottom:6px;font:10px/1 sans-serif;color:rgba(100,100,100,.35);pointer-events:none;z-index:2}.work-preview-media{position:relative}.world-resource-art:has(.role-watermark) img,.card-art:has(.role-watermark) img{object-fit:contain;background:#fff}

.world-resource-title .role-use-case{grid-column:1 / -1;flex-basis:100%;width:100%;margin:4px 0 8px;font-size:12px;line-height:1.5;color:var(--muted)}

/* Quiet artwork behind editable creation cards. */
.creation-slots-section .creation-slot{position:relative;isolation:isolate;overflow:hidden;background:var(--soft);color:var(--ink)}
.creation-slots-section .creation-slot::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--slot-image) center/cover;opacity:.12;pointer-events:none}
.creation-slots-section .creation-slot :is(input,textarea){border:0;box-shadow:none;color:inherit}
.creation-slots-section .creation-slot .creation-slot-icon{color:var(--muted)}
.content-access{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:6px;display:grid;gap:12px}
.content-access p{margin:0;font-size:12px;color:var(--muted)}
.content-access .btn{width:100%;text-align:center}

/* Music covers: restrained palettes matched to each track's theme. */
.audio-art{background:linear-gradient(145deg,var(--audio-bg,#ddd5c5),var(--audio-shade,#bcb3a1));color:var(--audio-ink,#514a3e)}
.audio-art .sound-bars i{background:var(--audio-wave,#8a795a)}
.audio-art[data-audio-id="music-shakuhachi"]{--audio-bg:#d6ddd1;--audio-shade:#b9c6b6;--audio-ink:#405548;--audio-wave:#718b75}
.audio-art[data-audio-id="music-noh-2"]{--audio-bg:#ded4ce;--audio-shade:#c5b4af;--audio-ink:#604b49;--audio-wave:#946b68}
.audio-art[data-audio-id="music-noh"]{--audio-bg:#dfd9cd;--audio-shade:#c7bba9;--audio-ink:#5e5141;--audio-wave:#938068}
.audio-art[data-audio-id="music-horror-techno"]{--audio-bg:#c6c3d0;--audio-shade:#a3a2b6;--audio-ink:#423d58;--audio-wave:#706489}
.audio-art[data-audio-id="music-bamboo-clouds"]{--audio-bg:#d0dfd9;--audio-shade:#aec8bf;--audio-ink:#3d5b51;--audio-wave:#659787}
.audio-art[data-audio-id="suno-score"]{--audio-bg:#dbd3c3;--audio-shade:#bdb09a;--audio-ink:#584a35;--audio-wave:#9c8256}

body:not(.world-rail-collapsed) .world-rail .brand-image{width:93.6px;height:auto;max-height:70.2px}

.detail-image>button.small{background:#fafbf7;color:#202620;border-color:#536057}.detail-insight{background:var(--soft);color:var(--ink)}.detail-insight h3{color:var(--ink)}.check-chip{background:var(--soft);color:var(--ink)}

.library-back{display:inline-block;margin:0 0 16px}.library-view .filters{border:0;background:transparent;padding:0 0 16px}.library-view #clearFilters{order:2}.library-view .compact-search{order:3;margin-left:auto}.library-view .filters>.row{justify-content:flex-start;gap:12px;flex-wrap:wrap}
/* Account controls stay at the right edge after navigation moves into the rail. */
body.world-has-rail #header>.header-end{margin-left:auto;display:flex;justify-content:flex-end;min-width:0}

body.world-has-rail #header > .header-end{margin-left:auto;}

.library-view .filters{margin-bottom:0;padding-bottom:0}.library-view .inspiration-grid{margin-top:0}
.library-view select,.prompt-warehouse select{appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,#738078 50%),linear-gradient(135deg,#738078 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.prompt-warehouse>h1{font-size:20px;line-height:1.4}.prompt-warehouse>label{display:flex;align-items:center;gap:10px;margin:10px 0}.prompt-warehouse .card-copy>h2{font-size:18px;line-height:1.4}.prompt-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.prompt-guide-grid .card-copy{display:block}.prompt-guide-grid h3{font-size:16px;margin-top:16px}@media(max-width:600px){.prompt-guide-grid{grid-template-columns:1fr}}

.library-view>.library-back{display:block;margin:40px 0}.prompt-warehouse{display:flow-root;padding-top:40px}.prompt-warehouse>a:first-child{display:block;width:fit-content;margin:0 0 40px}.library-view .filters,.prompt-warehouse .filters{margin-bottom:20px;padding-bottom:0}.library-view .filter-label,.prompt-warehouse .filter-label{width:auto;min-width:0;flex:0 0 auto;margin:0}.library-view .filter-row,.prompt-warehouse .filter-row{gap:8px;margin:0}.prompt-filters>.row{gap:12px;justify-content:flex-start;flex-wrap:wrap}.prompt-filters select{width:120px;min-width:120px;font-size:12px}.prompt-filters .compact-search{margin-left:auto}.prompt-filters .compact-search input{display:none}.prompt-filters .compact-search.expanded input{display:block}.prompt-filters .compact-search.expanded #promptQuery{padding-left:12px}.prompt-filters .compact-search.expanded #promptSearchToggle{position:static}

.prompt-category-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.prompt-category-chips button{padding:6px 12px;font-size:12px;border-radius:5px;background:var(--paper);color:var(--ink)}.prompt-category-chips button[aria-pressed="true"]{background:#fff000;color:#202620;border-color:#202620}.prompt-category-chips small{margin-left:4px;opacity:.7}

.world-resource-tabs>a.btn{font-size:12px;line-height:inherit;font-weight:inherit}.creation-slot--role strong,.creation-slot--role p{font-size:12px;line-height:18px;margin:0;padding:2px 0}.creation-slot--role{cursor:pointer}.creation-slot--role:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(max-width:760px){.world-resource-tabs>a.btn{font-size:13px}}