:root{color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f8;color:#111827;line-height:1.4}body{margin:0;min-height:100vh}main{margin:0 auto;padding:2.5rem 1.5rem;max-width:960px}h1{font-size:2rem;margin-bottom:1rem}.widget-shell{margin-top:1.5rem;border-radius:16px;border:1px solid rgba(15,118,110,.25);overflow:hidden;background:#fff;box-shadow:0 12px 30px #0f766e26;min-height:480px}#logs{margin-top:1.5rem;border-radius:12px;background:#0f766e;color:#ecfdf5;padding:1rem;max-height:220px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.log-entry{margin:.2rem 0}.widget-container{height:480px}body.content-demo{background:linear-gradient(180deg,#0f172a,#0f766e);color:#ecfdf5;display:flex;align-items:center;justify-content:center;padding:2rem}.widget-panel{width:min(420px,100%);border-radius:18px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(236,253,245,.2);box-shadow:0 20px 40px #0f172a59;overflow:hidden;transform-origin:bottom right;transform:scale(1);opacity:1;pointer-events:auto;transition:all .3s ease}.widget-panel header{padding:1.2rem 1.5rem .9rem;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid rgba(236,253,245,.08)}.widget-panel header h2{font-size:1.2rem;margin:0}.cards-grid{padding:1.25rem;display:grid;gap:1rem}.product-card{border-radius:14px;background:#ecfdf50d;border:1px solid rgba(236,253,245,.12);overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease,border .2s ease}.product-card:hover{transform:translateY(-2px);border-color:#ecfdf54d;box-shadow:0 12px 24px #0f172a73}.product-card img{display:block;width:100%;height:180px;object-fit:cover}.product-card .card-body{padding:1rem}.product-card h3{margin:0 0 .35rem;font-size:1.05rem}.product-card p{margin:0 0 1rem;color:#ecfdf5bf;font-size:.9rem}.cta-row{display:flex;gap:.65rem}.cta-row button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;border:none;padding:.55rem .75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cta-row button.add-to-cart{background:#22d3ee;color:#0f172a}.cta-row button.add-to-cart:hover{background:#06b6d4}.cta-row button.add-to-wishlist{background:transparent;color:#ecfdf5;border:1px solid rgba(236,253,245,.2)}.cta-row button.add-to-wishlist:hover{border-color:#ecfdf580}.alert-hint{font-size:.85rem;opacity:.75;margin-top:.5rem}