@font-face{font-family:NotoSans-Regular;src:url(/assets/NotoSans-Regular-D96CXwz4.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NotoSans-SemiBold;src:url(/assets/NotoSans-SemiBold-ByM6Da3X.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:NotoSans-Bold;src:url(/assets/NotoSans-Bold-BTRCuqCj.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:NotoSans-Light;src:url(/assets/NotoSans-Light-CdHvR5WY.ttf) format("truetype");font-weight:300;font-style:normal}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:NotoSans-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh;width:100%}.sidebar{width:280px;min-width:280px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;z-index:30;transition:transform .25s ease}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.header{height:68px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:20}.content-area{flex:1;padding:32px;max-width:1360px;width:100%;margin:0 auto}.playground-container{display:flex;flex-direction:row;overflow:hidden;min-height:760px}.playground-preview{flex:1;min-width:0}.mobile-menu-btn{display:none;background:transparent;border:none;cursor:pointer;padding:8px;margin-right:12px;border-radius:8px}.sidebar-overlay{display:none}#mobile-device-screen-portal>*{pointer-events:auto}@media(max-width:960px){.playground-container{flex-direction:column}.playground-controls{width:100%!important;border-right:none!important;border-bottom:1px solid #e2e8f0}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0}.sidebar.collapsed{transform:translate(-100%)}.sidebar-overlay.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:25}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.content-area{padding:20px 16px}}