.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:white;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted)}.brand b{font-weight:800}.topbar nav{display:flex;align-items:center;gap:30px;color:var(--muted);font-weight:600}.topbar nav a:hover{color:var(--primary)}.local-badge{font-size:12px;color:#177c73;background:#effaf7;border:1px solid #d6eeea;padding:7px 12px;border-radius:24px;white-space:nowrap}.local-badge i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:6px}.home{max-width:1260px;margin:auto;padding:50px 32px 40px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:24px 0 55px}.eyebrow{font-size:12px;font-weight:700;color:var(--primary);letter-spacing:.12em;margin-bottom:20px}.hero h1{font-size:58px;line-height:1.17;margin:0 0 20px}.hero h1 em{color:var(--primary);font-style:normal}.hero p{color:var(--muted);font-size:16px;line-height:1.9}.hero .actions{margin:24px 0 18px}.hero-note{font-size:12px;color:var(--muted)}.hero-art{position:relative;padding:35px 15px;background:radial-gradient(ellipse,#dbe5ff 0%,transparent 68%)}.mock-player{background:#142647;border:8px solid #fff;border-radius:22px;box-shadow:0 24px 60px #1b37772b;aspect-ratio:16/10;overflow:hidden;position:relative;transform:rotate(-3deg);color:white;display:flex;flex-direction:column;justify-content:center;padding:35px}.mock-player:before{content:'';position:absolute;right:-50px;top:-40px;width:270px;height:270px;border:45px solid #426ceb;border-radius:50%;opacity:.65}.mock-player .tiny{font-size:11px;letter-spacing:.14em;color:#89e3d7;z-index:1}.mock-player strong{font-size:34px;line-height:1.35;letter-spacing:-.05em;z-index:1}.mock-player .play-circle{margin-top:20px;width:45px;height:45px;background:white;color:var(--primary);border-radius:50%;display:grid;place-items:center}.floating-tag{position:absolute;background:white;border:1px solid var(--line);padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);font-weight:700;font-size:13px;bottom:15px;right:0}.floating-tag:before{content:'✓';color:var(--mint);margin-right:9px}.steps-strip{display:flex;justify-content:space-between;background:#fff;padding:22px 30px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:42px;gap:15px}.steps-strip span{font-size:13px;color:var(--muted)}.steps-strip b{color:var(--primary);margin-right:10px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:32px 0 18px}.section-head h2{margin:0}.section-head p{margin:4px 0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sample-card,.project-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.sample-card .cover{height:165px;position:relative;display:flex;align-items:center;padding:24px;color:white;overflow:hidden;background:var(--sample-color,#3867f4)}.cover:after{content:'';position:absolute;right:-20px;bottom:-80px;width:220px;height:220px;border:35px solid #ffffff20;border-radius:50%}.cover span{font-size:30px;font-weight:800;line-height:1.3;letter-spacing:-.04em;z-index:1}.cover small{position:absolute;top:12px;right:14px;font-size:10px;background:#0002;padding:2px 8px;border-radius:10px}.card-body{padding:18px 20px}.card-body h3{margin-bottom:6px}.card-body p{color:var(--muted);margin-bottom:14px}.card-body .actions{justify-content:space-between}.project-card{padding:22px}.empty{padding:28px;border:1px dashed #cbd5e1;border-radius:var(--radius);color:var(--muted);text-align:center}.editor-shell{max-width:1800px;margin:auto;padding:22px}.editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.editor-header h1{font-size:23px;margin:0}.editor-header p{color:var(--muted);font-size:12px;margin:4px 0 0}.editor-layout{display:grid;grid-template-columns:285px minmax(370px,1fr) 320px;gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:15px;margin:0}.panel-content{padding:20px}.workspace{min-width:0}.workspace .panel{margin-bottom:18px}.right-panel{max-height:calc(100vh - 160px);overflow:auto;position:sticky;top:15px}footer{max-width:1260px;padding:26px 32px;margin:auto;font-size:12px;color:var(--muted);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}
.topbar nav .topbar-install{margin-left:6px;font-size:13px;padding:7px 12px}
.topbar nav .topbar-qr{margin-left:4px}
.mf-narrow{display:none}
@media(max-width:520px){.topbar{gap:8px;padding:0 12px}.topbar nav .quiet{padding:6px}.mf-wide{display:none}.mf-narrow{display:inline}.brand{font-size:14px}.topbar nav .topbar-install{padding:6px 10px;margin-left:4px}}
.ys-credit a{text-decoration:underline;text-underline-offset:3px}