:root{--bg: #0a0c11;--panel: #11141b;--line: #232a36;--text: #f2f1ec;--muted: #9aa3b2;--blue: #5b8cff}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}a{color:inherit}.s-loading{padding:80px 20px;text-align:center;color:var(--muted)}.share-app{max-width:1100px;margin:0 auto;padding:16px}.s-top{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 16px}.s-brand a{font-weight:800;letter-spacing:-.02em;font-size:22px;text-decoration:none;color:var(--text)}.s-brand b{color:var(--blue)}.s-open{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:#171c26;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-weight:700;font-size:14px}.s-open:hover{background:#1f2734}.s-hero{position:relative;background:#07090d;border:1px solid var(--line);border-radius:16px;overflow:hidden}#s-preview-host{width:100%;height:min(64vh,560px)}#s-preview-host canvas{display:block;width:100%;height:100%}.s-cams{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:92%;background:#0a0c1199;backdrop-filter:blur(8px);padding:6px;border-radius:12px;border:1px solid var(--line)}.s-cam{all:unset;cursor:pointer;font-size:12px;font-weight:600;color:var(--muted);padding:6px 10px;border-radius:8px}.s-cam:hover{color:var(--text);background:#1b2230}.s-cam.active{color:#fff;background:var(--blue)}.s-body{padding:22px 6px}.s-title{font-size:clamp(24px,4vw,38px);font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.s-sub{color:var(--muted);font-size:15px;margin-bottom:18px}.s-sub .at{color:var(--blue);font-weight:700}.s-actions{display:flex;gap:10px;margin-bottom:22px}.s-share{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;font-weight:800;font-size:16px;padding:13px 24px;border-radius:12px}.s-share:hover{background:#4575ec}.s-fork{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:#171c26;border:1px solid var(--line);color:var(--text);font-weight:700;font-size:15px;padding:12px 18px;border-radius:12px}.s-fork:hover{background:#1f2734}.s-flat{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--line);background:#07090d;image-rendering:pixelated;margin-bottom:20px}.s-foot{color:var(--muted);font-size:14px}.s-foot a{color:var(--blue);font-weight:700;text-decoration:none}.s-unavailable{max-width:560px;margin:0 auto;padding:60px 20px;text-align:center}.s-unavailable h1{font-size:28px;margin:24px 0 8px}.s-unavailable p{color:var(--muted)}.s-cta{display:inline-block;margin-top:18px;color:var(--blue);font-weight:700;text-decoration:none}@media (max-width: 640px){#s-preview-host{height:52vh}.s-actions{flex-direction:column}.s-share,.s-fork{justify-content:center}}