.hero{border-bottom:1px solid #33406b;padding:56px 0 48px}.hero__inner{max-width:960px;margin:0 auto;padding:0 24px}.hero__title{margin:0 0 16px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#8cb4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__desc{margin:0 0 24px;font-size:1.05rem;color:#b7c2ea;line-height:1.75;max-width:600px}.hero__desc code{color:#fff;background:#ffffff14;padding:2px 7px;border-radius:5px}.hero__install{display:inline-block;margin-bottom:20px;padding:11px 18px;border:1px solid #33406b;border-radius:10px;background:#141b34e6;font-size:.9rem;color:#8cb4ff;cursor:default;-webkit-user-select:all;user-select:all}.hero__chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:5px 12px;border:1px solid #33406b;border-radius:999px;font-size:12px;color:#b7c2ea;background:#ffffff08}.main{max-width:1200px;margin:0 auto;padding:0 24px 80px}.section{padding:56px 0 0}.section__head{margin-bottom:28px}.section__title{margin:0 0 8px;font-size:1.4rem;font-weight:700}.section__desc{margin:0;color:#b7c2ea;font-size:.9rem}.editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.editor__pane{border:1px solid #33406b;border-radius:14px;background:#141b34;overflow:hidden;display:flex;flex-direction:column;min-height:220px}.editor__pane--accent{border-color:#8cb4ff73}.pane__head{padding:10px 14px;border-bottom:1px solid #33406b;flex-shrink:0}.pane__label{font-size:12px;font-weight:600;color:#b7c2ea;text-transform:uppercase;letter-spacing:.06em}.editor__textarea{flex:1;padding:16px;background:transparent;border:none;outline:none;color:#eef2ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65;resize:none}.editor__preview{flex:1;padding:16px;font-size:14px;line-height:1.75;overflow:auto}.editor__preview p,.editor__preview blockquote,.editor__preview ul,.editor__preview ol{margin:0 0 10px}.editor__preview p:last-child,.editor__preview blockquote:last-child{margin-bottom:0}.editor__preview strong{color:#fff}.editor__preview code{padding:2px 5px;border-radius:4px;background:#ffffff14;font-size:.88em}.editor__preview blockquote{margin-left:0;padding-left:12px;border-left:3px solid #8cb4ff;color:#b7c2ea}.cards{display:flex;flex-direction:column;gap:14px}.card{border:1px solid #33406b;border-radius:16px;background:#141b34;overflow:hidden}.card__head{padding:18px 20px 14px;border-bottom:1px solid #33406b}.card__title{margin:8px 0 5px;font-size:1rem;font-weight:700}.card__desc{margin:0;font-size:.85rem;color:#b7c2ea}.card__source{padding:12px 20px;border-bottom:1px solid #33406b;background:#1a2344;display:flex;align-items:baseline;gap:12px;overflow-x:auto}.source-label{font-size:11px;font-weight:700;color:#b7c2ea;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.source-pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#eef2ff;white-space:pre}.card__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-right:1px solid #33406b}.panel:last-child{border-right:none}.panel--changed{background:#2ecc7108}.panel__head{padding:9px 16px;border-bottom:1px solid #33406b;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel__label{font-size:12px;font-weight:600;color:#b7c2ea}.panel__body{padding:14px 16px;font-size:14px;line-height:1.7;min-height:52px}.panel__body strong{color:#fff}.panel__body code{padding:2px 5px;border-radius:4px;background:#ffffff14;font-size:.88em}.panel__body a{color:#8cb4ff}.panel__body blockquote{margin:0;padding-left:10px;border-left:3px solid #8cb4ff;color:#b7c2ea}.badge{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em}.badge--repaired{background:#2ecc7124;color:#7ef0b0;border:1px solid rgba(46,204,113,.22)}.badge--protected{background:#f5c4511f;color:#ffe39a;border:1px solid rgba(245,196,81,.2)}.badge--other{background:#b4b4c814;color:#b7c2ea;border:1px solid rgba(180,180,200,.14)}.diff-badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}.diff-badge--changed{background:#2ecc7124;color:#7ef0b0}.diff-badge--same{background:#f5c4511a;color:#ffe39a}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.usage-block{border:1px solid #33406b;border-radius:14px;overflow:hidden;background:#141b34}.usage-block__title{margin:0;padding:11px 16px;font-size:.85rem;font-weight:700;border-bottom:1px solid #33406b;color:#8cb4ff}.code-block{margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.65;color:#eef2ff;overflow-x:auto;background:#1a2344;white-space:pre}.footer{border-top:1px solid #33406b;padding:24px;text-align:center}.footer__inner{display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;color:#b7c2ea}.footer__sep{color:#33406b}@media (max-width: 900px){.editor,.usage-grid,.card__panels{grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid #33406b}.panel:last-child{border-bottom:none}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#0b1020;color:#eef2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:#8cb4ff;text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}