@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:#1a1a2e;background:#f4f0fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.demo-harness{flex-direction:column;min-height:100vh;display:flex}.demo-harness--preprod-minimal .demo-preview>div{min-height:100vh}.demo-controls{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0f1629eb;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 24px;display:flex;position:sticky;top:0}.demo-controls-title{color:#f0f6fc;letter-spacing:.02em;align-items:center;gap:8px;margin-right:auto;font-size:.88rem;font-weight:700;display:flex}.demo-controls-title span{color:#00b894}.demo-control-group{align-items:center;gap:8px;display:flex}.demo-control-label{color:#f0f6fc80;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.demo-select{color:#f0f6fc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:7px 12px;font-family:inherit;font-size:.82rem;font-weight:500;transition:border-color .2s}.demo-select:focus{border-color:#00b894}.demo-select option{color:#f0f6fc;background:#1a2342}.demo-tabs{gap:4px;display:flex}.demo-tab{color:#f0f6fc80;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.demo-tab:hover{color:#f0f6fccc;border-color:#ffffff26}.demo-tab.active{color:#00b894;background:#00b89426;border-color:#00b8944d}.demo-preview{flex:1}.demo-preview>div{min-height:calc(100vh - 60px)}.demo-case-info{z-index:100;-webkit-backdrop-filter:blur(12px);background:#0f1629e6;border:1px solid #ffffff14;border-radius:10px;min-width:200px;padding:12px 18px;position:fixed;bottom:16px;right:16px}.demo-case-info h4{color:#00b894;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.72rem}.demo-case-info p{color:#f0f6fc99;font-size:.78rem;line-height:1.4}.demo-case-info .case-label{color:#f0f6fc;margin-bottom:2px;font-size:.88rem;font-weight:700}