.apple-demo{max-width:1280px;margin:auto;padding:40px 28px 72px}.apple-back{font-size:14px;color:var(--neutral-500)}.apple-back:hover{color:var(--accent)}.apple-header{max-width:850px;padding:36px 0 30px}.apple-eyebrow,.apple-section-label{letter-spacing:.14em;font-size:11px;font-weight:600;color:var(--neutral-500)}.apple-header h1{font:700 clamp(32px,4vw,52px)/1.15 var(--font-serif);margin:12px 0 20px;color:var(--primary)}.apple-header h1 span{display:block;font:normal clamp(21px,2.5vw,30px)/1.3 var(--font-serif);margin-top:10px;color:var(--neutral-500)}.apple-header>p:not(.apple-eyebrow){line-height:1.7;color:var(--neutral-600)}.apple-header .apple-precomputed{margin-top:12px;font-size:13px}.apple-samples{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--neutral-200);margin:8px 0 32px}.apple-demo button{cursor:pointer}.apple-demo button:disabled{cursor:default;opacity:.45}.apple-demo :is(button,select,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.apple-samples button{display:flex;text-align:left;align-items:center;gap:16px;padding:18px 14px;border-bottom:3px solid transparent;color:var(--neutral-600)}.apple-samples button[aria-pressed=true]{border-bottom-color:var(--accent);background:var(--neutral-50);color:var(--primary)}.apple-sample-number{font:26px var(--font-serif);color:var(--accent)}.apple-samples small{display:block;font-size:11px;margin-top:5px;color:var(--neutral-500)}.apple-workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:32px}.apple-demo h2{font:600 22px/1.3 var(--font-serif);color:var(--primary);margin:9px 0 20px}.apple-input>p{color:var(--neutral-600);font-size:14px;line-height:1.65;margin:14px 0}.apple-image-tabs{display:flex;gap:18px;margin-bottom:12px}.apple-image-tabs button{font-size:13px;color:var(--neutral-500);padding:3px 0;border-bottom:2px solid transparent}.apple-image-tabs button[aria-pressed=true]{color:var(--primary);border-color:var(--accent)}.apple-image{position:relative;overflow:hidden;border-radius:8px;background:#101e2c}.apple-image img{width:100%;height:auto}.apple-selected-box{position:absolute;border:2px solid #ffe49a;box-shadow:0 0 0 1px #172435;pointer-events:none}.apple-selected-box span{position:absolute;bottom:100%;left:-2px;background:#ffe49a;color:#101e2c;font-size:10px;padding:1px 4px;white-space:nowrap}.apple-facts{border-top:1px solid var(--neutral-200);margin-top:24px;padding-top:12px;font-size:13px}.apple-facts div{display:flex;justify-content:space-between;padding:7px 0;gap:12px}.apple-facts dt{color:var(--neutral-500)}.apple-facts dd{color:var(--primary)}.apple-viewer{height:440px;background:#101e2c;border-radius:12px;overflow:hidden;position:relative;color:#e8f0f8}.apple-canvas{width:100%;height:100%}.apple-canvas canvas{display:block}.apple-viewer-message{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px;gap:16px;text-align:center;font-size:14px;background:#101e2c}.apple-viewer-message img{height:auto;max-width:100%}.apple-view-actions{position:absolute;top:14px;right:14px;display:flex;gap:8px}.apple-view-actions button,.apple-viewer-message button{border:1px solid #4a6075;border-radius:6px;background:#132435;color:#e7edf3;padding:7px 12px;font-size:12px}.apple-gesture{position:absolute;bottom:14px;left:18px;right:18px;font-size:11px;color:#a5b9cc;pointer-events:none}.apple-loading{display:grid;place-items:center}.apple-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--neutral-600);margin:15px 0 20px}.apple-legend span{display:flex;align-items:center;gap:6px}.apple-legend i{width:8px;height:8px;border-radius:50%}.apple-controls{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:16px 24px;padding-top:20px;border-top:1px solid var(--neutral-200)}.apple-controls label{color:var(--neutral-600);font-size:13px}.apple-controls select{display:block;width:100%;margin-top:7px;border:1px solid var(--neutral-300);padding:8px;border-radius:5px;background:var(--background);color:var(--primary)}.apple-controls input[type=range]{display:block;width:100%;margin-top:9px;accent-color:#9477d6}.apple-controls output{float:right;color:var(--neutral-500)}.apple-check{display:flex;align-items:center;gap:8px}.apple-check input{accent-color:var(--accent);width:16px;height:16px}.apple-caption{color:var(--neutral-500);font-size:12px;line-height:1.6;margin:16px 0}@media(max-width:850px){.apple-workspace{grid-template-columns:1fr}.apple-image{max-width:580px}.apple-facts{display:flex;gap:25px;flex-wrap:wrap}.apple-facts div{gap:10px}}@media(max-width:520px){.apple-demo{padding:25px 16px 50px}.apple-samples{grid-template-columns:1fr}.apple-samples button{padding:10px}.apple-viewer{height:360px}.apple-controls{gap:15px}.apple-gesture{font-size:10px}}