
/* VAEL-CEDARTOY-STYLE-20261023-START */
#vael-toy { position: fixed; z-index: 10020; inset: 0; width: 100%; height: 100%; max-height: 100dvh; box-sizing: border-box;
  display: flex; flex-direction: column; overflow: hidden; padding-top: var(--sat, env(safe-area-inset-top));
  padding-bottom: var(--sab, env(safe-area-inset-bottom)); background: var(--bg, #151419); color: var(--text, #f4f1ee);
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif; }
#vael-toy[hidden] { display: none; }
#vael-toy * { box-sizing: border-box; }
.toy-head { display: flex; flex: none; align-items: center; gap: 12px; min-height: 67px; padding: 8px 16px; border-bottom: .5px solid var(--line, #ffffff20); }
.toy-title { flex: 1; min-width: 0; }
.toy-title h1 { margin: 0; font: 650 17px/1.4 -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif; letter-spacing: .02em; }
.toy-title span { display: block; margin-top: 1px; color: var(--dim, #a8a1b3); font-size: 10px; line-height: 1.4; white-space: nowrap; }
#vael-toy button, #vael-toy a { font-family: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.toy-back { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 3px; min-height: 40px; padding: 7px 8px 7px 0;
  border: 0; border-radius: 12px; background: none; color: inherit; font-size: 13px; }
.toy-back svg { width: 20px; height: 20px; }
.toy-end { flex: none; min-height: 36px; padding: 6px 11px; border: 1px solid var(--line, #ffffff25); border-radius: 12px;
  background: var(--sheet, #27242c); color: var(--dim, #bbb4c5); font-size: 12px; }
.toy-tools { display: flex; flex: none; align-items: center; gap: 8px; min-height: 43px; padding: 6px 16px 3px; }
.toy-tools button, .toy-tools a { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 5px 11px; border: 1px solid var(--line, #ffffff20);
  border-radius: 999px; color: inherit; background: var(--sheet, #27242c); text-decoration: none; font-size: 11px; line-height: 1.4; }
.toy-tools a { margin-left: auto; color: var(--dim, #aaa2b8); }
.toy-note { flex: none; margin: 3px 16px 9px; color: var(--dim, #aaa2b8); font-size: 10px; line-height: 1.6; }
.toy-status { flex: none; margin: 0; padding: 8px 16px; background: var(--sheet, #27242c); color: var(--dim, #aaa2b8); font-size: 12px; line-height: 1.5; }
.toy-stage { display: flex; justify-content: center; flex: 1; min-height: 0; background: var(--sheet, #1c1922); }
#toy-frame { display: block; width: 100%; max-width: 560px; height: 100%; border: 0; background: #10141b; }
#vael-toy button:focus-visible, #vael-toy a:focus-visible { outline: 2px solid var(--text, #eee); outline-offset: 2px; }
@media (max-width: 380px) { .toy-head { padding-inline: 10px; gap: 7px; } .toy-title h1 { font-size: 16px; } .toy-title span { font-size: 9px; } }
/* VAEL-CEDARTOY-STYLE-20261023-END */

