*{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:#eef1f6}#root{min-height:100vh;display:flex}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;margin:0;background:transparent;box-shadow:none}.app-header{display:none}.app-header h1{font-size:2.4rem;font-weight:700;margin-bottom:1rem}.app-main{flex:1;padding:0;display:flex}.product-frame{flex:1;width:100%;border:none;border-radius:0;background:transparent;box-shadow:none}.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}}