[data-astro-cid-ovtjjxhf]{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:#333;background:#fff}a[data-astro-cid-ovtjjxhf]{color:inherit;text-decoration:none}.container[data-astro-cid-ovtjjxhf]{padding:clamp(1rem,4vw,3rem);max-width:1200px;margin:0 auto;min-height:100vh}.lab-header[data-astro-cid-ovtjjxhf]{text-align:center;margin-bottom:clamp(2rem,5vw,4rem);padding-bottom:clamp(1rem,3vw,2rem);border-bottom:2px solid #e9ecef}.clamp-text[data-astro-cid-ovtjjxhf]{font-size:clamp(1.5rem,4vw,3rem);margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-astro-cid-ovtjjxhf]{font-size:clamp(1rem,2vw,1.25rem);color:#666;margin-bottom:1rem}.viewport-info[data-astro-cid-ovtjjxhf]{background:#f0f8ff;padding:clamp(.5rem,1.5vw,1rem);border-radius:clamp(4px,.5vw,8px);border-left:4px solid #4a90e2}.property-section[data-astro-cid-ovtjjxhf]{margin-bottom:clamp(3rem,6vw,5rem)}.property-section[data-astro-cid-ovtjjxhf] h2[data-astro-cid-ovtjjxhf]{font-size:clamp(1.25rem,3vw,2rem);margin-bottom:clamp(1rem,2.5vw,2rem);color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:.5rem}.property-grid[data-astro-cid-ovtjjxhf]{display:grid;gap:clamp(1rem,2.5vw,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.property-demo[data-astro-cid-ovtjjxhf]{background:#f8f9fa;padding:clamp(1rem,2.5vw,1.5rem);border-radius:clamp(6px,1vw,12px);border:1px solid #e9ecef;transition:all .3s ease}.property-demo[data-astro-cid-ovtjjxhf]:hover{background:#fff;box-shadow:0 clamp(4px,1vw,8px) clamp(12px,2vw,24px) #0000001a;transform:translateY(-2px)}.property-demo[data-astro-cid-ovtjjxhf] h3[data-astro-cid-ovtjjxhf]{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:clamp(.5rem,1vw,1rem);color:#2c3e50}.property-demo[data-astro-cid-ovtjjxhf] code[data-astro-cid-ovtjjxhf]{display:block;background:#2c3e50;color:#ecf0f1;padding:clamp(.5rem,1.5vw,.75rem);border-radius:clamp(3px,.5vw,6px);font-family:Consolas,Monaco,monospace;font-size:clamp(.75rem,1.5vw,.875rem);margin-top:clamp(.5rem,1vw,1rem);overflow-x:auto}.demo-font-size[data-astro-cid-ovtjjxhf]{font-size:clamp(.875rem,2.5vw,2rem);font-weight:700}.demo-line-height[data-astro-cid-ovtjjxhf]{line-height:clamp(1.2,1.5vw,1.8);background:#fff3cd;padding:.5rem;border-radius:4px}.demo-letter-spacing[data-astro-cid-ovtjjxhf]{letter-spacing:clamp(.05em,.1vw,.2em);font-weight:700;background:#d1ecf1;padding:.5rem;border-radius:4px}.demo-word-spacing[data-astro-cid-ovtjjxhf]{word-spacing:clamp(.2em,.5vw,1em);background:#d4edda;padding:.5rem;border-radius:4px}.demo-width[data-astro-cid-ovtjjxhf]{width:clamp(200px,50vw,600px);background:linear-gradient(90deg,#ff6b6b,#4ecdc4);height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.demo-height[data-astro-cid-ovtjjxhf]{height:clamp(100px,20vh,300px);background:linear-gradient(180deg,#a8e6cf,#88d8c0);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#2c3e50}.demo-padding[data-astro-cid-ovtjjxhf]{padding:clamp(.5rem,3vw,3rem);background:#ffeaa7;border:2px dashed #fdcb6e;border-radius:4px;text-align:center}.demo-margin[data-astro-cid-ovtjjxhf]{background:#fab1a0;padding:1rem;margin:clamp(.5rem,2vw,2rem);border-radius:4px;text-align:center;color:#fff}.demo-gap[data-astro-cid-ovtjjxhf]{display:flex;gap:clamp(.5rem,2vw,3rem);flex-wrap:wrap}.demo-gap[data-astro-cid-ovtjjxhf]>div[data-astro-cid-ovtjjxhf]{background:#81ecec;padding:.75rem;border-radius:4px;flex:1;text-align:center;min-width:60px}.demo-flex[data-astro-cid-ovtjjxhf]{display:flex;gap:1rem}.demo-flex-item[data-astro-cid-ovtjjxhf]{flex-basis:clamp(100px,30%,300px);background:#fd79a8;padding:1rem;border-radius:4px;color:#fff;text-align:center}.demo-flex[data-astro-cid-ovtjjxhf]>div[data-astro-cid-ovtjjxhf]:last-child{flex:1;background:#6c5ce7;padding:1rem;border-radius:4px;color:#fff;text-align:center}.demo-grid[data-astro-cid-ovtjjxhf]{display:grid;grid-template-columns:repeat(3,clamp(80px,1fr,200px));gap:.5rem}.demo-grid[data-astro-cid-ovtjjxhf]>div[data-astro-cid-ovtjjxhf]{background:#a29bfe;padding:1rem;border-radius:4px;color:#fff;text-align:center}.demo-grid-gap[data-astro-cid-ovtjjxhf]{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(.5rem,1.5vw,2rem);row-gap:clamp(.25rem,1vw,1.5rem)}.demo-grid-gap[data-astro-cid-ovtjjxhf]>div[data-astro-cid-ovtjjxhf]{background:#55a3ff;padding:1rem;border-radius:4px;color:#fff;text-align:center}.demo-border-radius[data-astro-cid-ovtjjxhf]{background:#ff7675;padding:1.5rem;border-radius:clamp(4px,1vw,20px);color:#fff;text-align:center}.demo-border-width[data-astro-cid-ovtjjxhf]{background:#74b9ff;padding:1rem;border:solid #0984e3;border-width:clamp(1px,.2vw,5px);border-radius:4px;color:#fff;text-align:center}.demo-outline-width[data-astro-cid-ovtjjxhf]{background:#00b894;padding:1rem;outline:solid #00a085;outline-width:clamp(2px,.3vw,6px);border-radius:4px;color:#fff;text-align:center}.demo-box-shadow[data-astro-cid-ovtjjxhf]{background:#fdcb6e;padding:1.5rem;border-radius:8px;box-shadow:0 0 clamp(5px,1vw,20px) #0000004d;text-align:center;color:#2c3e50}.position-demo[data-astro-cid-ovtjjxhf]{position:relative;min-height:120px}.demo-position[data-astro-cid-ovtjjxhf]{position:relative;background:#f8f9fa;border:2px dashed #dee2e6;height:100px;border-radius:4px}.positioned-element[data-astro-cid-ovtjjxhf]{position:absolute;top:clamp(10px,2vw,50px);left:clamp(10px,2vw,50px);background:#e17055;color:#fff;padding:.5rem 1rem;border-radius:4px}.demo-inset[data-astro-cid-ovtjjxhf]{position:relative;background:#f8f9fa;border:2px dashed #dee2e6;height:100px;border-radius:4px}.inset-element[data-astro-cid-ovtjjxhf]{position:absolute;inset:clamp(10px,2vw,40px);background:#00cec9;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px}.demo-scroll[data-astro-cid-ovtjjxhf]{background:plum;padding:1rem;height:80px;overflow-y:auto;scroll-padding:clamp(1rem,3vw,4rem);border-radius:4px;color:#fff}.demo-text-indent[data-astro-cid-ovtjjxhf]{text-indent:clamp(1rem,4vw,6rem);background:#f39c12;padding:1rem;border-radius:4px;color:#fff;line-height:1.5}.demo-transform[data-astro-cid-ovtjjxhf]{background:#9b59b6;padding:1rem;border-radius:4px;color:#fff;text-align:center;transform:translate(clamp(0px,5vw,100px));transition:transform .3s ease}.demo-transform[data-astro-cid-ovtjjxhf]:hover{transform:translate(clamp(0px,5vw,100px)) scale(1.05)}.demo-filter[data-astro-cid-ovtjjxhf]{background:#e74c3c;padding:1rem;border-radius:4px;color:#fff;text-align:center;filter:blur(clamp(0px,.2vw,3px));transition:filter .3s ease}.demo-filter[data-astro-cid-ovtjjxhf]:hover{filter:blur(0px)}.lab-footer[data-astro-cid-ovtjjxhf]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:clamp(1.5rem,4vw,3rem);border-radius:clamp(8px,1vw,16px);margin-top:clamp(3rem,6vw,5rem)}.lab-footer[data-astro-cid-ovtjjxhf] h3[data-astro-cid-ovtjjxhf]{font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:clamp(1rem,2vw,1.5rem)}.lab-footer[data-astro-cid-ovtjjxhf] ul[data-astro-cid-ovtjjxhf]{list-style:none;padding:0}.lab-footer[data-astro-cid-ovtjjxhf] li[data-astro-cid-ovtjjxhf]{padding:clamp(.25rem,.5vw,.5rem) 0;font-size:clamp(.875rem,1.5vw,1rem)}.lab-footer[data-astro-cid-ovtjjxhf] li[data-astro-cid-ovtjjxhf] strong[data-astro-cid-ovtjjxhf]{color:#ffeaa7}@media (max-width: 768px){.property-grid[data-astro-cid-ovtjjxhf]{grid-template-columns:1fr}.demo-flex[data-astro-cid-ovtjjxhf]{flex-direction:column}.demo-grid[data-astro-cid-ovtjjxhf]{grid-template-columns:repeat(2,1fr)}}