:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#ededed;--foreground:#ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.chrome-container{border:1px solid #ccc;border-radius:10px;width:calc(100vw - 600px);max-width:1920px;min-height:100vh;margin:20px auto;overflow:hidden;box-shadow:0 4px 10px #0000001a}.chrome-header{background:#f1f1f1;border-bottom:1px solid #ccc;align-items:center;padding:8px 12px;display:flex}.chrome-header .dots{gap:8px;margin-right:auto;display:flex}.chrome-header .dot{border-radius:50%;width:12px;height:12px}.dot.red{background-color:#ff5f57}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#28c840}.chrome-content{background:#fff;overflow-y:auto}.chrome-title{color:#022142}.modal-box{width:100%;max-width:50vw;max-height:60vh;color:var(--module-color,#333);background-color:#fff;border-radius:16px;padding:2rem;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0003}@media (max-width:1280px){.modal-box{max-width:90vw;max-height:90vh}}@media (max-width:768px){.modal-box{border:1px solid #ccc;max-width:90vw;padding:1.5rem}}@media (max-width:480px){.modal-box{max-width:95vw;max-height:80vh;padding:1rem}}.mobileOnly{display:none}.desktopOnly{display:block}@media (max-width:600px){.mobileOnly{display:block}.desktopOnly{display:none}}.preview-root h1,.preview-root h2{font-family:var(--font-heading)}.preview-root h3,.preview-root h4,.preview-root h5,.preview-root h6,.preview-root p,.preview-root span,.preview-root button,.preview-root a,.preview-root select,.preview-root input,.preview-root span{font-family:var(--font-main)}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.saving-btn{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}
.sidebar{box-sizing:border-box;background-color:#f9f9fb;border-right:1px solid #ddd;flex-direction:column;width:100%;height:100vh;padding:16px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sidebar-title{color:#333;margin:0;font-size:18px;font-weight:600}.back-button{cursor:pointer;color:#555;background:0 0;border:none;font-size:14px}.sidebar-list{flex-grow:1;margin:0;padding:0;list-style:none;overflow-y:auto}.sidebar-item{margin-bottom:8px}.sidebar-button{text-align:left;cursor:pointer;color:#000;background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 12px;font-size:14px;transition:background-color .2s;position:relative}.sidebar-button:hover{background-color:#f0f0f5}.arrow{color:#888;font-size:14px;position:absolute;right:12px}