@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg: #07090d;--bg-2: #0d1117;--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(255, 255, 255, .105);--line: rgba(255, 255, 255, .13);--line-strong: rgba(255, 255, 255, .27);--text: #f7f4ee;--muted: #a8b0bf;--soft: #717a8a;--brand-blue: #123c93;--red: #ff3f58;--mint: #68f2c3;--amber: #ffd16d;--ink: #05070a;--shadow: 0 24px 78px rgba(0, 0, 0, .46);--nav-bg: rgba(7, 9, 13, .78);--select-bg: #06080c;--code-bg: #05080c;--code-toolbar: #080b10;--syntax-text: #dfe6f4;--syntax-line: rgba(168, 176, 191, .42);--syntax-tag: #68f2c3;--syntax-attr: #ffd16d;--syntax-string: #ff8ca0;--syntax-comment: #798397;--syntax-punctuation: #bfc8d8;--font-sans: "Manrope", "Microsoft YaHei UI", "PingFang SC", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", monospace}:root[data-theme=light]{color-scheme:light;--bg: #f6f4ef;--bg-2: #e9e7df;--panel: rgba(255, 255, 255, .72);--panel-strong: rgba(255, 255, 255, .94);--line: rgba(19, 24, 33, .14);--line-strong: rgba(19, 24, 33, .28);--text: #151923;--muted: #56606f;--soft: #7c8491;--red: #e33850;--mint: #0d9678;--amber: #9a6800;--ink: #eef0ea;--shadow: 0 24px 78px rgba(42, 48, 58, .16);--nav-bg: rgba(250, 249, 245, .88);--select-bg: #ffffff;--code-bg: #fbfaf6;--code-toolbar: #f1eee7;--syntax-text: #1a2331;--syntax-line: rgba(86, 96, 111, .48);--syntax-tag: #087f65;--syntax-attr: #7a5200;--syntax-string: #b51f3f;--syntax-comment: #6b7380;--syntax-punctuation: #4d5868}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(120% 70% at 10% -10%,rgba(255,63,88,.14),transparent 56%),radial-gradient(120% 72% at 96% 2%,rgba(104,242,195,.11),transparent 58%),linear-gradient(180deg,var(--bg),var(--bg-2) 46%,var(--bg));color:var(--text);font-family:var(--font-sans);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}::selection{background:#ff3f585c;color:#fff}.site-shell{position:relative;min-height:100vh;overflow:clip}.cursor-glow{pointer-events:none;position:fixed;top:0;left:0;z-index:0;width:34vw;height:34vw;max-width:560px;max-height:560px;border-radius:999px;opacity:.44;background:radial-gradient(circle,rgba(255,63,88,.24),rgba(104,242,195,.12) 44%,transparent 70%);filter:blur(38px);mix-blend-mode:screen;transform:translate3d(-60vw,-20vh,0)}:root[data-theme=light] .cursor-glow{opacity:.22;mix-blend-mode:multiply}.page-shell{position:relative;z-index:1;opacity:0}h1,h2,h3,p{margin:0}.nav-shell{position:fixed;top:14px;left:50%;z-index:50;display:flex;width:min(1180px,calc(100% - 28px));align-items:center;justify-content:space-between;padding:9px 9px 9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--nav-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-50%)}.brand{display:flex;min-width:0;align-items:center;gap:11px;font-weight:800}.brand img,.footer-brand img{width:34px;height:34px;border-radius:7px;object-fit:cover;box-shadow:0 0 0 1px var(--line) inset}.brand span,.footer-brand div{display:grid;line-height:1.05}.brand small,.footer-brand small{color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.nav-shell nav{display:flex;align-items:center;gap:8px}.nav-link,.icon-button,.primary-action,.ghost-action{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer;color:var(--muted);font-weight:800;transition:transform .18s ease,color .18s ease,border-color .18s ease,background-color .18s ease}.nav-link{padding:0 14px;font-size:13px}.nav-link.active,.nav-link:hover,.icon-button:hover,.ghost-action:hover{border-color:var(--line-strong);background:var(--panel);color:var(--text);transform:translateY(-1px)}.icon-button{width:40px}.section{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:104px 0}.section-heading{max-width:780px;margin-bottom:34px}.compact-heading{max-width:920px}.section-kicker,.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--mint);font-family:var(--font-mono);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.live-dot{width:8px;height:8px;border-radius:999px;background:var(--mint);box-shadow:0 0 18px var(--mint)}.section-heading h2,.install-copy h2,.home-cta h2{margin-top:14px;font-size:54px;line-height:1.02;letter-spacing:0;text-wrap:balance}.install-copy h2{max-width:560px;font-size:58px}.section-heading p,.install-copy p,.home-cta p{margin-top:16px;max-width:660px;color:var(--muted);font-size:17px;line-height:1.78;text-wrap:pretty}.primary-action{padding:0 18px;border-color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent),var(--red);color:#fff;box-shadow:0 14px 38px #ff3f5854}.primary-action:hover{transform:translateY(-2px)}.ghost-action{padding:0 16px;background:var(--panel)}.home-hero{position:relative;min-height:100svh;padding:134px 0 80px;overflow:hidden}.site-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.36;background:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(90% 76% at 42% 24%,black,transparent 78%);mask-image:radial-gradient(90% 76% at 42% 24%,black,transparent 78%);will-change:transform}.home-hero-inner{position:relative;z-index:1;display:grid;width:min(1180px,calc(100% - 44px));min-height:calc(100svh - 210px);margin:0 auto;align-items:center;grid-template-columns:minmax(0,1.06fr) minmax(390px,.82fr);gap:54px}.home-hero-copy{max-width:720px}.home-hero-copy h1{margin-top:24px;font-size:60px;line-height:1.02;letter-spacing:0;text-wrap:balance}.home-hero-copy h1 span,.home-hero-copy h1 strong{display:block}.home-hero-copy h1 .product-title{display:inline-flex;max-width:100%;align-items:baseline;gap:.28em;white-space:nowrap;word-break:keep-all}.home-hero-copy h1 .product-title em{flex:0 0 auto;font-style:normal}.home-hero-copy h1 strong{margin-top:10px;color:color-mix(in srgb,var(--text) 62%,transparent);font-size:42px;font-weight:800}.hero-subtitle{margin-top:24px;max-width:650px;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.55;text-wrap:pretty}.home-cta .primary-action{flex:0 0 auto;min-width:168px;white-space:nowrap}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px;max-width:650px}.metric-card,.feature-card,.install-card,.capability-table,.home-cta,.builder-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metric-card{padding:16px}.metric-card strong{display:block;font-family:var(--font-mono);font-size:28px}.metric-card span{color:var(--muted);font-size:13px}.hero-device{position:relative;padding:18px;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(135deg,rgba(255,63,88,.14),transparent 34%),linear-gradient(315deg,rgba(104,242,195,.14),transparent 38%),color-mix(in srgb,var(--bg-2) 86%,transparent);box-shadow:var(--shadow);transform-style:preserve-3d}.device-topline,.device-controls,.preview-browser-top,.code-toolbar{display:flex;align-items:center;justify-content:space-between}.device-topline{color:var(--mint);font-family:var(--font-mono);font-size:12px;font-weight:800}.device-body{display:grid;align-items:center;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:30px 0}.hero-album{position:relative;aspect-ratio:1;border-radius:8px;background:#ffffff14;overflow:hidden}.hero-album img{position:absolute;top:28px;right:28px;bottom:28px;left:28px;width:calc(100% - 56px);height:calc(100% - 56px);border-radius:8px;object-fit:cover;box-shadow:0 18px 44px #0000006b}.hero-disc{position:absolute;inset:14px 14px 14px auto;display:grid;width:74%;place-items:center;border-radius:999px;background:repeating-radial-gradient(circle,rgba(255,255,255,.12) 0 1px,transparent 1px 9px),#050609;color:var(--mint);transform:translate(34%);will-change:transform}.device-meta span{color:var(--mint);font-family:var(--font-mono);font-size:11px;font-weight:800}.device-meta h2{margin-top:10px;font-size:clamp(28px,4vw,44px);line-height:1}.device-meta p{margin-top:12px;color:var(--muted);font-size:13px}.hero-wave{display:flex;height:82px;align-items:end;gap:4px;margin-top:24px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#00000038}.hero-wave span{display:block;width:100%;min-width:3px;height:56px;border-radius:2px;background:linear-gradient(180deg,var(--mint),var(--red));will-change:transform}.device-controls{gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0000003d}.device-controls button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.device-controls div{flex:1;height:6px;overflow:hidden;border-radius:999px;background:#ffffff21}.device-controls div span{display:block;width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--amber))}.device-tag{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg) 72%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tag-a{top:-18px;right:20px}.tag-b{bottom:-18px;left:22px}.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{min-height:250px;padding:24px;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.feature-card:hover{border-color:var(--line-strong);background:var(--panel-strong);transform:translateY(-4px)}.feature-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--mint);background:#68f2c314}.feature-card h3{margin-top:68px;font-size:22px}.feature-card p{margin-top:12px;color:var(--muted);line-height:1.7}.install-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:44px;align-items:center}.install-card,.capability-table{overflow:hidden}.capability-row{display:grid;grid-template-columns:112px minmax(0,1fr) 150px;gap:16px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.capability-row:last-child{border-bottom:0}.capability-row strong{min-width:0;overflow-wrap:anywhere}.capability-row>span:last-child{color:var(--muted);font-family:var(--font-mono);font-size:12px;text-align:right}.line-badge{display:inline-flex;width:fit-content;min-height:30px;align-items:center;padding:0 11px;border-radius:999px;font-family:var(--font-mono);font-size:12px;font-weight:800}.line-badge.base{color:var(--red);background:#ff3f5829}.line-badge.plus{color:var(--mint);background:#68f2c324}.home-cta{display:flex;width:min(1180px,calc(100% - 44px));margin:0 auto 104px;align-items:center;justify-content:space-between;gap:28px;padding:30px}.builder-page{position:relative;width:min(1240px,calc(100% - 44px));margin:0 auto;padding:132px 0 96px}.builder-hero{max-width:860px;margin-bottom:34px}.builder-hero h1{margin-top:16px;font-size:64px;line-height:1.02;letter-spacing:0;text-wrap:balance}.builder-hero p{margin-top:18px;max-width:760px;color:var(--muted);font-size:17px;line-height:1.78}.builder-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);grid-template-areas:"controls preview" "controls output";gap:16px;align-items:start}.builder-card{position:relative;padding:18px}.builder-controls{grid-area:controls;z-index:4;display:grid;gap:14px;overflow:visible}.preview-card{grid-area:preview;z-index:1}.output-card{grid-area:output;z-index:2}.panel-header{margin-bottom:14px}.panel-header.compact{margin-top:8px}.panel-header div{display:flex;align-items:center;gap:8px}.panel-header svg{color:var(--mint)}.panel-header h2{font-size:16px}.panel-header p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.55}.segmented-control{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.segmented-control button,.toggle-row,.range-control,.select-menu>button,.text-input input,.output-tabs button,.code-toolbar button{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg) 72%,transparent);color:var(--muted);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease}.segmented-control button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:800}.segmented-control button.active,.segmented-control button:hover,.output-tabs button.active,.output-tabs button:hover,.select-menu>button:hover,.toggle-row:hover,.code-toolbar button:hover{border-color:var(--line-strong);background:var(--panel-strong);color:var(--text)}.segmented-control button.active{color:var(--mint)}.animated-panel{position:relative;z-index:1;will-change:transform,opacity,filter}.animated-panel:has(.select-menu.open){z-index:120}.control-grid,.toggle-grid,.control-stack{position:relative;display:grid;gap:10px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid{z-index:4}.control-grid:has(.select-menu.open){z-index:220}.toggle-grid,.control-stack{grid-template-columns:1fr}.control-label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:800}.page-layout-card>div{display:flex;min-height:56px;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg) 72%,transparent)}.page-layout-card strong,.page-layout-card small{display:block}.page-layout-card strong{color:var(--text);font-size:14px}.page-layout-card small{margin-top:2px;color:var(--soft);font-family:var(--font-mono);font-size:10px}.text-input input{width:100%;min-height:46px;padding:0 12px;outline:none;color:var(--text)}.text-input input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #68f2c31f}.range-control{display:grid;min-height:76px;align-content:center;padding:12px}.range-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.range-head .control-label{margin-bottom:0}.range-head strong{display:inline-flex;min-width:48px;min-height:24px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--mint) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--mint) 10%,transparent);color:var(--mint);font-family:var(--font-mono);font-size:11px;font-weight:900}.range-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;border:0;background:transparent;cursor:pointer;outline:none}.range-control input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--mint)) 0 / var(--range-progress) 100% no-repeat,#ffffff21}.range-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border:2px solid color-mix(in srgb,var(--mint) 84%,white 10%);border-radius:999px;background:var(--bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 12%,transparent),0 10px 24px #00000047;transition:transform .16s ease,box-shadow .16s ease}.range-control input[type=range]:hover::-webkit-slider-thumb,.range-control input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 6px color-mix(in srgb,var(--mint) 16%,transparent),0 0 24px color-mix(in srgb,var(--mint) 34%,transparent)}.range-control input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#ffffff21}.range-control input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--mint))}.range-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--mint) 84%,white 10%);border-radius:999px;background:var(--bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 12%,transparent)}.select-menu{position:relative;z-index:2;isolation:isolate}.select-menu.open{z-index:260}.select-menu>button{display:flex;width:100%;min-height:56px;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;cursor:pointer;text-align:left}.select-menu>button strong,.select-menu>button small{display:block}.select-menu>button strong{color:var(--text);font-size:14px}.select-menu>button small{margin-top:2px;color:var(--soft);font-family:var(--font-mono);font-size:10px}.select-menu.disabled>button{cursor:not-allowed;opacity:.68}.select-list{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:300;display:grid;gap:5px;padding:8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--select-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);will-change:transform,opacity}.select-option{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.select-option small{color:var(--soft);font-family:var(--font-mono);font-size:10px}.select-option:hover,.select-option.active{background:#68f2c31f;color:var(--text)}.toggle-row{position:relative;z-index:0;display:flex;min-height:46px;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer;font-weight:800}.toggle-row i{position:relative;width:42px;height:24px;border-radius:999px;background:#ffffff21}.toggle-row i:after{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:999px;background:var(--soft);content:"";transition:transform .18s ease,background-color .18s ease}.toggle-row.on{color:var(--text)}.toggle-row.on i{background:#ff3f5840}.toggle-row.on i:after{background:var(--red);transform:translate(18px)}.builder-preview{--preview-shift: 68%;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at var(--preview-shift) 34%,rgba(104,242,195,.16),transparent 32%),linear-gradient(135deg,rgba(104,242,195,.08),transparent 45%),linear-gradient(315deg,rgba(255,63,88,.1),transparent 48%),color-mix(in srgb,var(--bg) 86%,black 14%);will-change:transform,opacity}.preview-browser-top{justify-content:flex-start;gap:7px;padding:11px 13px;border-bottom:1px solid var(--line)}.preview-browser-top span{width:10px;height:10px;border-radius:999px;background:var(--red)}.preview-browser-top span:nth-child(2){background:var(--amber)}.preview-browser-top span:nth-child(3){background:var(--mint)}.preview-browser-top strong{margin-left:8px;color:var(--muted);font-family:var(--font-mono);font-size:12px}.preview-page{position:relative;min-height:360px;padding:28px}.preview-lines{display:grid;gap:12px;margin-bottom:24px}.preview-lines i{display:block;height:10px;border-radius:999px;background:#ffffff1f}.preview-lines i:nth-child(1){width:86%}.preview-lines i:nth-child(2){width:66%}.preview-lines i:nth-child(3){width:42%}.preview-player-shell{position:relative;z-index:2;display:flex;justify-content:center;padding-top:34px;will-change:transform,opacity}.mode-article .preview-player-shell{min-height:230px;align-items:center}.position-ghost{position:absolute;right:18px;bottom:14px;color:var(--mint);font-family:var(--font-mono);font-size:11px;font-weight:800}.builder-floating-preview{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;overflow:hidden;contain:layout paint}.floating-preview-glow{pointer-events:none;position:absolute;top:0;left:0;width:min(520px,calc(100vw - 28px));height:190px;border-radius:999px;opacity:0;visibility:hidden;background:radial-gradient(circle,color-mix(in srgb,var(--mint) 36%,transparent),transparent 64%),radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--red) 26%,transparent),transparent 58%);filter:blur(34px);mix-blend-mode:screen;will-change:transform,opacity}:root[data-theme=light] .floating-preview-glow{mix-blend-mode:multiply;opacity:.24}.floating-player-card{pointer-events:auto;position:absolute;top:0;left:0;width:min(460px,calc(100vw - 36px));opacity:0;visibility:hidden;transform:translateZ(0);transform-origin:50% 50%;will-change:transform,opacity}.floating-player-card:before{pointer-events:none;position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:1px solid color-mix(in srgb,var(--mint) 30%,transparent);border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--mint) 18%,transparent),transparent 30%),linear-gradient(270deg,color-mix(in srgb,var(--red) 14%,transparent),transparent 32%);content:"";opacity:.44;transform:translateZ(0)}.floating-player-card nmp-player{position:relative;z-index:1;display:block;max-width:100%;transform-origin:center}.floating-player-card nmp-player .nmpv3-player{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;margin:0!important;transform:none!important}.page-vinyl-preview{position:relative;display:grid;width:118px;height:118px;place-items:center;border-radius:999px;background:#0000002e;isolation:isolate;transform:translateZ(0);will-change:transform,opacity}.page-vinyl-preview.compact{width:38px;height:38px;flex:0 0 38px}.vinyl-disc-mini{position:relative;display:grid;width:86px;height:86px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:repeating-radial-gradient(circle,rgba(255,255,255,.16) 0 1px,transparent 1px 8px),radial-gradient(circle at 34% 28%,rgba(255,255,255,.16),transparent 24%),#050609;box-shadow:inset 0 0 0 9px #ffffff09,0 18px 52px #0000006b;animation:vinylSpin 14s linear infinite}.page-vinyl-preview.compact .vinyl-disc-mini{width:32px;height:32px;box-shadow:inset 0 0 0 4px #ffffff09}.vinyl-disc-mini img{position:relative;z-index:2;width:34px;height:34px;border-radius:9px;object-fit:cover;box-shadow:0 8px 18px #00000052}.page-vinyl-preview.compact .vinyl-disc-mini img{width:15px;height:15px;border-radius:4px}.vinyl-ridges{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:999px;background:repeating-radial-gradient(circle,transparent 0 6px,rgba(104,242,195,.12) 6px 7px)}.vinyl-hole{position:absolute;z-index:3;width:8px;height:8px;border:2px solid color-mix(in srgb,var(--mint) 66%,white 10%);border-radius:999px;background:#050609}.page-vinyl-preview.compact .vinyl-hole{width:4px;height:4px;border-width:1px}.vinyl-orbit{position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:-1;border:1px solid color-mix(in srgb,var(--mint) 28%,transparent);border-radius:999px;animation:vinylOrbit 2.8s ease-in-out infinite}.vinyl-signal{position:absolute;right:4px;bottom:10px;display:inline-flex;gap:3px}.page-vinyl-preview.compact .vinyl-signal{display:none}.vinyl-signal i{display:block;width:4px;height:13px;border-radius:999px;background:linear-gradient(180deg,var(--mint),var(--red));animation:signalBounce .76s ease-in-out infinite}.vinyl-signal i:nth-child(2){animation-delay:.11s}.vinyl-signal i:nth-child(3){animation-delay:.22s}.floating-position-label{pointer-events:none;position:absolute;top:0;left:0;display:inline-flex;min-height:24px;align-items:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--mint) 32%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--mint);font-family:var(--font-mono);font-size:11px;font-weight:900;opacity:0;visibility:hidden;box-shadow:0 12px 34px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);will-change:transform,opacity}.placement-map{position:relative;display:grid;min-height:252px;align-items:center;grid-template-columns:minmax(250px,.9fr) minmax(220px,1fr);gap:26px;padding-top:18px;will-change:transform,opacity}.placement-frame{position:relative;min-height:224px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),color-mix(in srgb,var(--bg) 76%,transparent);background-size:34px 34px}.placement-frame:before{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:8px;content:""}.placement-node{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;display:grid;width:28px;height:28px;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--text) 22%,transparent);border-radius:7px;background:color-mix(in srgb,var(--bg) 72%,transparent);box-shadow:0 10px 28px #0000002e;color:inherit;cursor:pointer;font:inherit;transform:translateZ(0);will-change:transform,opacity}.placement-node:hover,.placement-node:focus-visible{border-color:color-mix(in srgb,var(--mint) 56%,white 6%);background:color-mix(in srgb,var(--mint) 12%,var(--bg) 88%);box-shadow:0 0 0 1px color-mix(in srgb,var(--mint) 14%,transparent),0 16px 36px color-mix(in srgb,var(--mint) 12%,transparent)}.placement-node:focus-visible{outline:2px solid color-mix(in srgb,var(--mint) 62%,white 10%);outline-offset:4px}.placement-node:before{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:14px;content:""}.placement-node:after{position:relative;width:8px;height:8px;border-radius:999px;background:var(--soft);content:""}.placement-node.active{border-color:transparent;background:transparent;box-shadow:none}.placement-node.active:after{opacity:0;background:transparent;box-shadow:none}.placement-node i{display:none;position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid color-mix(in srgb,var(--mint) 42%,transparent);border-radius:10px;animation:placementPulse 1.4s ease-in-out infinite}.node-top-left{top:16px;left:16px}.node-top-right{top:16px;right:16px}.node-bottom-left{bottom:16px;left:16px}.node-bottom-right{right:16px;bottom:16px}.node-static{bottom:16px;left:50%;transform:translate(-50%)}.node-article{top:50%;left:50%;border-color:color-mix(in srgb,var(--red) 30%,var(--mint) 16%);background:color-mix(in srgb,var(--bg) 70%,var(--red) 10%);transform:translate(-50%,-50%)}.node-article:hover,.node-article:focus-visible{border-color:color-mix(in srgb,var(--red) 52%,var(--mint) 24%);background:color-mix(in srgb,var(--red) 18%,var(--bg) 82%)}.article-node-dot{position:relative;display:block;width:13px;height:9px;border:1px solid color-mix(in srgb,var(--red) 82%,white 8%);border-radius:3px;background:color-mix(in srgb,var(--red) 16%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--red) 36%,transparent)}.article-node-dot:before{position:absolute;right:2px;bottom:-4px;left:2px;height:1px;border-radius:999px;background:color-mix(in srgb,var(--red) 82%,white 8%);content:""}.placement-cursor{--cursor-scale: 1;--cursor-x: 0px;--cursor-y: 0px;pointer-events:none;position:absolute;top:0;left:0;z-index:4;display:grid;width:46px;height:46px;margin-top:-23px;margin-left:-23px;place-items:center;border-radius:14px;opacity:0;visibility:hidden;transform:translate3d(var(--cursor-x),var(--cursor-y),0) scale(var(--cursor-scale));will-change:transform,opacity}.placement-cursor:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid color-mix(in srgb,var(--mint) 66%,white 8%);border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--mint) 22%,transparent),transparent 46%),color-mix(in srgb,var(--mint) 9%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--mint) 18%,transparent),0 0 30px color-mix(in srgb,var(--mint) 34%,transparent);content:""}.placement-cursor span{position:relative;z-index:1;width:12px;height:12px;border:2px solid color-mix(in srgb,var(--mint) 82%,white 12%);border-radius:999px;background:color-mix(in srgb,var(--mint) 84%,white 8%);box-shadow:0 0 20px var(--mint)}.placement-scan{position:absolute;right:30px;bottom:38px;left:30px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--mint),color-mix(in srgb,var(--red) 72%,var(--mint)),transparent);opacity:0;will-change:transform,opacity}.placement-copy{display:grid;gap:10px;will-change:transform,opacity}.placement-copy strong{font-size:clamp(22px,3vw,34px);line-height:1.05;text-wrap:balance}.placement-copy span{max-width:420px;color:var(--muted);font-size:14px;line-height:1.7}@keyframes placementPulse{50%{opacity:.34;transform:scale(1.18)}}@keyframes vinylSpin{to{transform:rotate(360deg)}}@keyframes vinylOrbit{50%{opacity:.42;transform:scale(1.08)}}@keyframes signalBounce{50%{transform:scaleY(.46)}}.output-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.output-tabs button{display:grid;min-height:58px;align-content:center;gap:4px;padding:8px 10px;cursor:pointer;text-align:left;word-break:keep-all}.output-tabs button span{font-size:13px;font-weight:900}.output-tabs button small{color:var(--soft);font-family:var(--font-mono);font-size:10px}.output-tabs button.active span{color:var(--mint)}.code-toolbar{padding:12px 14px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--code-toolbar)}.code-toolbar span,.code-toolbar button{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-family:var(--font-mono);font-size:12px;font-weight:800}.code-toolbar button{min-height:30px;padding:0 10px;cursor:pointer}.syntax-code{display:grid;gap:0;margin:0;overflow:auto;padding:14px 0;border:1px solid var(--line);border-radius:0 0 8px 8px;background:var(--code-bg);color:var(--syntax-text);font-size:13px;line-height:1.75;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.install-card .syntax-code{border:0;border-radius:8px}.syntax-line{display:grid;grid-template-columns:52px minmax(0,1fr);min-height:24px;padding:0 18px 0 0;transition:background-color .16s ease}.syntax-line code{position:relative;white-space:pre-wrap;word-break:break-word}.syntax-line.typing-line{background:color-mix(in srgb,var(--mint) 12%,transparent)}.line-number{-webkit-user-select:none;user-select:none;color:var(--syntax-line);text-align:right;padding-right:14px}.syntax-token.tag,.syntax-token.bracket{color:var(--syntax-tag)}.syntax-token.attr{color:var(--syntax-attr)}.syntax-token.keyword{color:color-mix(in srgb,var(--mint) 68%,var(--syntax-tag));font-weight:700}.syntax-token.string{color:var(--syntax-string)}.syntax-token.comment{color:var(--syntax-comment)}.syntax-token.punctuation{color:var(--syntax-punctuation)}.animated-code{position:relative}.code-cursor{display:inline-block;width:2px;height:1.25em;margin:0 1px -.22em;border-radius:999px;background:var(--mint);box-shadow:0 0 16px color-mix(in srgb,var(--mint) 70%,transparent);animation:cursorBlink .82s steps(2,start) infinite}.animated-code[data-typing=true] .code-cursor{animation-duration:.52s}@keyframes cursorBlink{50%{opacity:.18}}.footer{position:relative;z-index:1;display:grid;width:min(1180px,calc(100% - 44px));grid-template-columns:minmax(220px,auto) minmax(280px,1fr) minmax(280px,auto);gap:20px;align-items:center;margin:0 auto;padding:28px 0 54px;color:var(--muted)}.footer:before{position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--line) 86%,transparent) 18%,color-mix(in srgb,var(--mint) 32%,transparent) 50%,color-mix(in srgb,var(--line) 74%,transparent) 82%,transparent);content:""}.footer-brand{display:flex;min-width:0;align-items:center;gap:11px}.footer-brand strong{color:var(--text)}.footer-center{display:flex;min-height:42px;align-items:center;justify-content:center;gap:16px;min-width:0;padding:0 18px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 78%,transparent),color-mix(in srgb,var(--bg) 68%,transparent)),radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--brand-blue) 14%,transparent),transparent 38%);color:var(--muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:13px;font-weight:700}.footer-center span,.footer-center a{white-space:nowrap}.footer-center i{display:block;width:1px;height:18px;background:color-mix(in srgb,var(--line) 84%,transparent)}.footer-center a{color:inherit;transition:color .18s ease}.footer-center a:hover{color:var(--mint)}.footer-side{display:grid;justify-items:end;gap:9px}.footer nav{display:flex;justify-content:flex-end;gap:8px}.footer nav button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg) 64%,transparent);color:var(--muted);cursor:pointer;font-size:12px;font-weight:800;transition:transform .18s ease,color .18s ease,border-color .18s ease,background-color .18s ease}.footer nav button:hover{border-color:var(--line-strong);background:var(--panel);color:var(--text);transform:translateY(-1px)}.footer p{color:var(--muted);font-size:12px;font-weight:600;text-align:right}.footer p strong{color:color-mix(in srgb,var(--brand-blue) 58%,var(--mint) 42%);font-weight:800}@media(max-width:980px){.home-hero-inner,.install-section,.builder-layout{grid-template-columns:1fr}.builder-layout{grid-template-areas:"controls" "preview" "output"}.home-hero-inner{gap:34px}.home-hero-copy h1{font-size:52px}.home-hero-copy h1 strong{font-size:36px}.section-heading h2,.install-copy h2,.home-cta h2,.builder-hero h1{font-size:48px}.hero-device{max-width:680px}.feature-row{grid-template-columns:1fr}.home-cta{align-items:flex-start;flex-direction:column}.placement-map{grid-template-columns:1fr}}@media(max-width:720px){.nav-shell{top:10px;width:calc(100% - 20px)}.nav-link.github-link,.nav-link:first-child{display:none}.brand span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-hero{padding:112px 0 64px}.home-hero-inner,.section,.builder-page,.home-cta{width:min(100% - 28px,1180px)}.home-hero-copy h1{font-size:34px;line-height:1.04}.home-hero-copy h1 strong{font-size:26px}.home-hero-copy h1 .product-title{gap:.22em}.hero-subtitle{font-size:17px}.hero-metrics,.device-body,.capability-row,.control-grid,.output-tabs{grid-template-columns:1fr}.device-body{display:grid}.hero-album{width:min(240px,100%);margin:0 auto}.hero-disc{top:14px;right:14px;bottom:14px;left:14px;width:auto;transform:none}.device-tag{position:static;width:fit-content;margin-top:10px}.section{padding:82px 0}.builder-page{padding-top:118px}.builder-hero h1{font-size:40px}.builder-card{padding:14px}.preview-page{padding:18px}.placement-map{min-height:360px;gap:18px}.placement-frame{min-height:210px}.floating-player-card{width:min(360px,calc(100vw - 28px))}.floating-preview-glow{width:min(390px,calc(100vw - 18px));height:190px}.floating-position-label{font-size:10px}.syntax-code{font-size:12px}.syntax-line{grid-template-columns:42px minmax(0,1fr)}.capability-row>span:last-child,.footer p{text-align:left}.footer{width:min(100% - 28px,1180px);grid-template-columns:1fr;align-items:flex-start;gap:12px;padding:28px 0 38px}.footer-center{justify-content:flex-start;flex-wrap:wrap;width:100%;gap:10px 14px;font-size:13px}.footer-side{justify-items:start}.footer nav{justify-content:flex-start;flex-wrap:wrap}.home-cta .primary-action{width:100%;min-width:0}}@media(max-width:380px){.home-hero-copy h1{font-size:30px}.home-hero-copy h1 strong{font-size:23px}.builder-hero h1,.section-heading h2,.install-copy h2,.home-cta h2{font-size:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}