.style-module__1R01EW__container{max-width:800px;margin:0 auto;padding:40px 20px}.style-module__1R01EW__header{margin-bottom:40px}.style-module__1R01EW__title{margin-bottom:8px;font-size:2rem;font-weight:700}.style-module__1R01EW__description{color:#666;font-size:1.1rem}.style-module__1R01EW__demoSection{margin-bottom:40px}.style-module__1R01EW__sectionTitle{margin-bottom:16px;font-size:1.25rem;font-weight:600}.style-module__1R01EW__demoArea{text-align:center;-webkit-user-select:none;user-select:none;cursor:context-menu;background:#fafafa;border:2px dashed #ccc;border-radius:12px;padding:60px 20px;transition:border-color .2s,background-color .2s;position:relative}.style-module__1R01EW__demoArea:hover{background:#f5f5f5;border-color:#999}.style-module__1R01EW__demoHint{color:#888;font-size:.95rem}.style-module__1R01EW__contextMenu{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:160px;padding:4px 0;position:fixed;box-shadow:0 4px 20px #00000026}.style-module__1R01EW__menuItem{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:.9rem;transition:background-color .1s;display:block}.style-module__1R01EW__menuItem:hover{background:#f0f0f0}.style-module__1R01EW__menuDivider{background:#e0e0e0;height:1px;margin:4px 0}.style-module__1R01EW__infoSection{margin-bottom:40px}.style-module__1R01EW__infoCard{background:#f8f8f8;border-radius:8px;padding:20px}.style-module__1R01EW__infoTitle{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.85rem;font-weight:600}.style-module__1R01EW__infoGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.style-module__1R01EW__infoItem{background:#fff;border:1px solid #eee;border-radius:6px;padding:12px}.style-module__1R01EW__infoLabel{color:#888;margin-bottom:4px;font-size:.75rem}.style-module__1R01EW__infoValue{font-family:monospace;font-size:.9rem;font-weight:500}.style-module__1R01EW__codeSection{margin-bottom:40px}.style-module__1R01EW__codeBlock{color:#d4d4d4;background:#1e1e1e;border-radius:8px;padding:20px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.style-module__1R01EW__codeKeyword{color:#569cd6}.style-module__1R01EW__codeString{color:#ce9178}.style-module__1R01EW__codeComment{color:#6a9955}.style-module__1R01EW__codeFunction{color:#dcdcaa}.style-module__1R01EW__footer{text-align:center;color:#888;border-top:1px solid #eee;padding-top:20px;font-size:.85rem}.style-module__1R01EW__footerLink{color:#0070f3;text-decoration:none}.style-module__1R01EW__footerLink:hover{text-decoration:underline}