.angle-orbit{position:absolute;width:220px;height:220px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-grid{width:100%;height:100%;fill:none;stroke:rgba(220,230,236,.17);stroke-width:.65}.orbit-reference{position:absolute;left:50%;top:50%;width:60px;height:66px;object-fit:contain;border:1px solid #777;border-radius:5px;background:#242424}.orbit-camera{position:absolute;width:38px;height:38px;filter:drop-shadow(0 3px 4px #0008)}#anglePanel .angle-stage{position:relative}#anglePanel[data-preview-mode=camera] .angle-cube,#anglePanel[data-preview-mode=subject] .angle-orbit{display:none}
/* Luminous pigment and a pale underlayer keep the glass bright over dark video. */
body .home-brand-notice,body>.home-brand-notice{top:0;left:0;right:0;min-height:42px;padding:8px 42px;gap:12px;border:0;border-radius:0;background:linear-gradient(180deg,#ffffff38 0%,#ffffff08 48%,#ffffff00 70%,#ffffff14 100%),linear-gradient(115deg in oklab,rgba(255,232,150,.68) 0%,rgba(255,192,215,.66) 36%,rgba(212,192,255,.66) 68%,rgba(164,239,255,.68) 100%),linear-gradient(#ffffff30,#ffffff30)!important;backdrop-filter:blur(18px) saturate(1.45) brightness(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.45) brightness(1.12);color:#292936;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:12px;font-weight:500;line-height:20px;letter-spacing:.2px;-webkit-font-smoothing:antialiased;text-shadow:none;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff38}
body .home-brand-notice .home-notice-creature{width:25px;height:25px;background:radial-gradient(ellipse at 28% 18%,#ffffffb0,transparent 55%),linear-gradient(135deg,#ffe08ad9,#ffb4d0cf 42%,#cbb6ffe6 72%,#9be8ffde)!important;border:1px solid #ffffff66!important;box-shadow:inset 0 1px 3px #ffffffa0,inset 0 -2px 3px #8984cf40!important;animation:notice-bob 4.6s ease-in-out infinite,starter-morph 5.6s ease-in-out infinite}
body .home-brand-notice .home-notice-creature .starter-creature-eyes{inset:7px 0 auto;gap:5px}
body .home-brand-notice .home-notice-creature .starter-creature-eyes i{height:6px;width:2.5px;background:#343650;box-shadow:none}
.home-creature-smile{position:absolute;left:10px;top:15px;width:4px;height:2px;border-bottom:1px solid #34365099;border-radius:0 0 5px 5px}
@keyframes notice-bob{0%,100%{transform:translateY(0) rotate(-4deg)}45%{transform:translateY(-2px) rotate(5deg)}70%{transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){body .home-brand-notice .home-notice-creature,body .home-brand-notice .starter-creature-eyes{animation:none}}
body .home-notice-count[hidden]{display:none}
body .home-brand-notice strong,body .home-brand-notice .home-notice-detail,body .home-brand-notice .home-notice-legal{font:inherit;letter-spacing:inherit;color:inherit}
body .home-brand-notice .home-notice-legal{display:inline}
body .home-brand-notice .home-notice-sep{display:inline;margin:0 12px;color:#484452}
body .home-brand-notice #homeNoticeCreate{flex:none;font:inherit;letter-spacing:inherit;margin-left:6px;text-decoration:none;color:inherit;border-bottom:1px solid #30334755;padding:0}
body .home-brand-notice #homeNoticeCreate:hover{color:#080917;border-color:#080917}
body .home-brand-notice #homeNoticeClose{right:9px;width:22px;height:22px;font-size:17px;opacity:.45;border-radius:6px;transition:opacity .15s,background .15s}
body .home-brand-notice:hover #homeNoticeClose,body .home-brand-notice #homeNoticeClose:focus-visible{opacity:1}
body .home-brand-notice button:focus-visible{outline:2px solid #b2dbef;outline-offset:3px}
@media(max-width:900px){body .home-brand-notice{padding:5px 32px 5px 12px;gap:7px;font-size:12px}body .home-brand-notice .home-notice-copy{justify-content:flex-start}body .home-brand-notice .home-notice-legal{flex-basis:100%}body .home-brand-notice .home-notice-sep{display:none}}
@media(hover:none){body .home-brand-notice #homeNoticeClose{opacity:.8}}
body .home-notice-count{flex:none;gap:3px;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:0}
body .home-notice-count span{min-width:22px;height:22px;padding:0 4px;border-radius:6px;background:linear-gradient(155deg,#ffffff8c,#ffffff36);box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -1px 0 #ffffff40;text-shadow:none;font:inherit;color:inherit}
body .home-notice-count i{font:inherit;opacity:.55}
.creation-starters{margin:18px auto 0;max-width:100%;color:#eef6fa;text-shadow:0 1px 5px #0007}.starter-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:10px}.starter-row>span{font-size:13px;min-width:130px;color:#e3edf3}.starter-row button,.starter-row a{font:inherit;font-size:13px;color:#f2f8fc;text-decoration:none;padding:9px 15px;border-radius:22px;border:1px solid #ffffff38;background:linear-gradient(135deg,#ffffff20,#b6deed0b);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff29;cursor:pointer}.starter-row button:hover,.starter-row a:hover{background:#ffffff30}.starter-form{width:min(460px,calc(100vw - 32px));padding:24px;border:1px solid #ffffff45;border-radius:24px;color:#f6fafc;background:linear-gradient(135deg,#405666e8,#17232de8);backdrop-filter:blur(28px)}.starter-form::backdrop{background:#0006;backdrop-filter:blur(4px)}.starter-form h2{margin:0 0 12px;font-size:20px}.starter-form p{color:#cedee8;font-size:13px;line-height:1.6}.starter-form textarea{box-sizing:border-box;width:100%;min-height:110px;background:#ffffff0d;border:1px solid #ffffff35;border-radius:12px;padding:12px;color:white;font:inherit}.starter-form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.starter-form button{border:1px solid #ffffff40;background:#ffffff18;border-radius:20px;color:white;padding:9px 17px;cursor:pointer}
.starter-row[hidden]{display:none}.starter-suggestions{display:grid;gap:14px;padding:8px 16px}.starter-suggestion{display:flex;align-items:center;flex-wrap:wrap;gap:10px;text-align:left;border:0;background:none;color:#d8e3eb;font:inherit;font-size:15px;padding:8px 0;cursor:pointer;text-shadow:0 1px 6px #0009}.starter-suggestion:hover,.starter-suggestion[aria-pressed=true]{color:white}.starter-skill-badge{padding:6px 10px;border:1px solid #ffffff40;border-radius:10px;background:linear-gradient(135deg,#ffffff20,#ffffff08);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff20}.starter-back{margin:14px 16px 0;padding:8px 0;background:none;border:0;color:#d8e3eb;font:inherit;cursor:pointer}.starter-back:hover{color:white}
