.sky-oled-preview{color:#efeff1;width:100%;margin:0 auto;padding:40px 0 80px}.sky-oled-intro{text-align:center;margin:0 auto 30px}.sky-oled-intro h2{letter-spacing:-.032em;margin:0 0 12px;font-size:clamp(26px,3.2vw,34px);font-weight:600;line-height:1.2}.sky-oled-intro h2 span{color:var(--brand-primary)}.sky-oled-intro p{color:#aaaab5;max-width:560px;margin:0 auto;font-size:15px;line-height:1.7}.sky-oled-demo{box-sizing:border-box;background:#242429;border:1px solid #383840;border-radius:12px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:60px;width:100%;min-width:0;padding:48px;display:grid}.sky-oled-device{background:linear-gradient(145deg,#2b2b32,#17171c);border:1px solid #41414b;border-radius:22px;padding:24px;box-shadow:0 20px 40px #0004,inset 0 1px #ffffff08}.sky-oled-device-label{color:#a0a0ad;letter-spacing:.12em;justify-content:space-between;margin-bottom:16px;font:600 10px/1.4 monospace;display:flex}.sky-oled-device canvas{aspect-ratio:2;width:100%;image-rendering:pixelated;box-sizing:border-box;background:#000;border:10px solid #080809;border-radius:5px;display:block;box-shadow:0 0 0 1px #38383f}.sky-oled-controls{justify-content:center;align-items:center;gap:24px;margin-top:22px;display:flex}.sky-oled-controls>div{gap:8px;display:flex}.sky-oled-controls button{color:#f0f0f5;cursor:pointer;touch-action:manipulation;background:#303039;border:1px solid #4c4c58;border-radius:10px;place-items:center;width:44px;height:44px;font:22px/1 monospace;transition:background .15s,transform .15s;display:grid}.sky-oled-controls button:hover{background:#414152}.sky-oled-controls button:active{transform:scale(.95)}.sky-oled-controls button:focus-visible{outline-offset:4px;outline:2px solid #a8bbff}.sky-oled-hint{color:#aaaab5;justify-content:center;gap:16px;margin-top:15px;font-size:10px;display:flex}.sky-oled-caption{min-width:0;padding:0}.sky-oled-caption>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.sky-oled-caption strong{font-size:clamp(22px,2.4vw,32px);font-weight:600;line-height:1.2}.sky-oled-caption span{color:#9999a6;font:11px monospace}.sky-oled-caption p{color:#aaaab5;margin:8px 0 0;font-size:15px;line-height:1.65}.sky-oled-sr{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.sky-oled-disclaimer{text-align:center;color:#aaaab5;margin:16px 0 0;font-size:11px;line-height:1.6}@media(max-width:860px){.sky-oled-preview{padding:40px 0 60px}.sky-oled-demo{border-radius:10px;grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.sky-oled-device{padding:16px}.sky-oled-caption{min-height:0;padding:4px}.sky-oled-intro p{font-size:14px}.sky-oled-controls{gap:16px}}@media(prefers-reduced-motion:reduce){.sky-oled-preview *{transition:none!important}}