*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2)}#root{min-height:100vh;display:flex}.app{min-height:100vh;display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 48px #0f172a2e}.app-header{padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.app-header h1{font-size:2.4rem;font-weight:700;margin-bottom:1rem}.app-main{flex:1;padding:2rem;display:flex}.product-frame{flex:1;width:100%;border:none;border-radius:18px;background:#fff;box-shadow:0 24px 60px -32px #0f172a3d}.session-info{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.session-item{display:flex;flex-direction:column;align-items:center;gap:.35rem}.session-item .label{font-size:.85rem;opacity:.7}.session-item .value{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;padding:.25rem .65rem;border-radius:8px;background:#ffffff40;color:#fff}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center;padding:2rem;gap:1rem}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1s linear infinite}.error h2{font-size:2rem;color:#ffb4b4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.app-header{padding:1.5rem 1rem}.app-main{padding:1rem}.product-frame{min-height:60vh}}