.sidebar-root{position:relative;height:100vh;z-index:200;width:fit-content}.sidebar-toggle-btn{position:fixed;top:78px;left:16px;z-index:20;background:#171717;color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:1.2rem;transition:left .3s,background .2s;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn.open{left:214px}.sidebar-toggle-btn:hover{background:#000}.sidebar{position:fixed;top:64px;left:0;height:calc(100vh - 64px);background-color:#232323;color:#fff;box-sizing:border-box;border-right:1px solid #4e54c834;overflow-x:hidden;transition:width .3s;width:0;display:flex;flex-direction:column;padding:24px 0;z-index:10}.sidebar.open{width:200px;min-width:200px;padding:24px 16px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .2s;pointer-events:none}.sidebar-nav.open{opacity:1;pointer-events:auto}.sidebar-menu-item{margin-bottom:8px;color:#fff;font-size:1rem;padding:8px 12px;border-radius:4px;transition:background .2s;text-decoration:none;cursor:pointer}.sidebar-menu-item:hover{background:#333}.sidebar:not(.open) .sidebar-menu-item{display:none}.header{position:fixed;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 32px;background-color:#232323;color:#fff;border-bottom:1px solid #4e54c834;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:32px}.header-logo{font-size:1.5rem;font-weight:700;letter-spacing:1px}.header-nav{display:flex;align-items:center;gap:24px}.header-nav-item{color:#fff;text-decoration:none;font-size:1rem;padding:4px 12px;border-radius:4px;transition:background .2s}.header-nav-item:hover{background:#333}.header-right{display:flex;align-items:center}.header-profile-btn{background:none;border:none;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.header-profile-icon{display:inline-block;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4e54c8,#8f94fb)}.app-main-content{position:absolute;top:0;left:0;width:100%;flex:1;margin-top:64px;background:#232323;color:#fff;height:calc(100vh - 64px);transition:margin-left .3s;box-sizing:border-box;z-index:100}.app-main-content.with-sidebar{margin-left:200px;width:calc(100% - 200px)}@media (max-width: 768px){.app-main-content{padding:16px 8px;margin-left:0!important}}.notfound-container{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#232323;color:#fff;padding:48px 16px;box-sizing:border-box}.notfound-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;letter-spacing:1px}.notfound-description{font-size:1.1rem;color:#bdbdbd;margin-bottom:32px}.notfound-button{background:linear-gradient(135deg,#4e54c8,#8f94fb);color:#fff;border:none;border-radius:6px;padding:12px 32px;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .2s,transform .2s}.notfound-button:hover{background:linear-gradient(135deg,#3a3fc8,#6f74fb);transform:translateY(-2px) scale(1.04)}.not-ready-page{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#232323;color:#fff;padding:48px 16px;box-sizing:border-box}.not-ready-title{font-size:2.2rem;font-weight:700;margin-bottom:18px;letter-spacing:1px}.not-ready-message{font-size:1.1rem;color:#bdbdbd;margin-bottom:0;text-align:center}.foundation-page{min-height:calc(100vh - 64px);background:#232323;color:#fff;padding:48px 30px;box-sizing:border-box}.foundation-page-header{width:100%;margin-bottom:32px;text-align:left}.foundation-page-title{font-size:2.3rem;font-weight:700;margin-bottom:16px;letter-spacing:1px}.foundation-page-description{font-size:1.1rem;color:#bdbdbd;margin-bottom:0;line-height:1.7}.foundation-page-content{width:100%;margin:0 auto;background:#232323;border-radius:8px;box-sizing:border-box;padding:24px 0}.component-page-installable-update-button-wrapper{text-align:right}.component-page-installable-update-button{width:150px;height:30px;font-weight:700;border-radius:8px;border:none}.component-page-installable-controllers-wrapper{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;column-gap:10px;row-gap:10px}.component-page-installable-content{display:flex;justify-content:space-between;align-items:center}.component-page-installable-component-name{font-weight:700;font-size:16px}@media screen and (min-width: 768px) and (max-width: 1024px){.component-page-installable-controllers-wrapper{grid-template-columns:repeat(3,1fr)}.component-page-installable-component-name{font-size:15px}}@media screen and (max-width: 767px){.component-page-installable-controllers-wrapper{grid-template-columns:repeat(2,1fr);column-gap:5px;row-gap:5px}.component-page-installable-component-name{font-size:14px}}.component-page-prompt-metadata-edit_forms-wrapper{display:grid;margin-top:40px;row-gap:10px}.component-page-prompt-metadata-edit_form-action-button{width:150px;height:30px;font-weight:700;border-radius:8px;border:none;cursor:pointer}.component-page-prompt-metadata-edit_form-action-button:disabled{cursor:not-allowed}@media screen and (min-width: 1700px){.component-page-prompt-metadata-edit_forms-wrapper{grid-template-columns:repeat(2,1fr);column-gap:10px}}.component-page-prompt-metadata-edit_form{background:#2a2a2a;min-width:550px;border:1px solid rgba(25,24,24,.06);border-radius:8px;padding:16px 18px;box-shadow:0 8px 30px #0000004d,inset 0 1px #ffffff0a}.component-page-prompt-metadata-edit_form-label{font-size:16px;letter-spacing:.2px;color:#9aa3b2;-webkit-user-select:none;user-select:none;margin-top:16px}.component-page-prompt-metadata-edit_form-title{font-size:20px;font-weight:800;letter-spacing:.2px;color:#e7ebf3;margin-bottom:12px;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.35)}.component-page-prompt-metadata-edit_form-buttons-wrapper{display:flex;column-gap:5px}.component-page-prompt-metadata-edit_form-buttons-wrapper .component-page-prompt-metadata-edit_form-input-add-button{padding:6px 12px;font-size:13px;font-weight:600;color:#e7ebf3;background:#1a2030;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff0a}.component-page-prompt-metadata-edit_form-input-add-button:hover{background:#232a3b}.component-page-prompt-metadata-edit_form-input-add-button:active{transform:translateY(1px)}.component-page-prompt-metadata-edit_form-inputs-wrapper{display:inline-flex;white-space:nowrap;overflow-x:scroll;column-gap:5px;row-gap:5px;margin-top:5px;width:100%;padding:5px 0}.component-page-prompt-metadata-edit_form-inputs-wrapper::-webkit-scrollbar{width:4px;height:4px}.component-page-prompt-metadata-edit_form-inputs-wrapper::-webkit-scrollbar-thumb{background-color:#321f86;border-radius:4px}.component-page-prompt-metadata-edit_form-input{align-items:center;min-height:24px;padding:8px 12px;background:#131417;color:#e7ebf3;border:1px solid rgba(255,255,255,.06);border-radius:12px;outline:none;font-size:14px;box-shadow:inset 0 2px 6px #0000004d}.component-page-prompt-metadata-edit_form-input.inline{width:min-content}.component-page-prompt-metadata-edit_form-input[data-isdirty=true]{box-shadow:0 0 10px #0fd069}.component-page-prompt-metadata-edit_form-input::placeholder{color:#738099}.component-page-prompt-metadata-edit_form-input:disabled{opacity:.6;cursor:not-allowed}.page{min-height:calc(100vh - 64px);background:#232323;color:#fff;padding:48px 30px;box-sizing:border-box}.page-header{width:100%;margin-bottom:32px;text-align:left}.page-title{font-size:2.3rem;font-weight:700;margin-bottom:16px;letter-spacing:1px}.page-description{font-size:1.1rem;color:#bdbdbd;margin-bottom:0;line-height:1.7}.page-content{width:100%;margin:0 auto;background:#232323;border-radius:8px;box-sizing:border-box;padding:24px 0}.page-subtitle{font-size:1.6rem;font-weight:600;margin-bottom:12px;color:#e0e0e0;line-height:1.5}.page-subtitle.linkable{cursor:pointer}.page-divider{width:100%;height:1px;background-color:#3a3a3a;margin:20px 0;border:none}.page-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.page-card{background:#2c2c2c;border-radius:8px;padding:20px;box-sizing:border-box;box-shadow:0 2px 6px #00000040}.page-alert{padding:16px;border-radius:6px;margin-bottom:16px;font-size:.95rem;line-height:1.5}.page-alert.info{background-color:#1e3a5f;color:#d1e8ff}.page-alert.success{background-color:#1e4d2b;color:#b0f2c2}.page-alert.error{background-color:#5f1e1e;color:#ffd6d6}.page-emphasized-keyword{display:inline-block;padding:2px 8px;margin:0 4px;font-size:1rem;font-weight:600;color:#5863f7;background-color:#2d2d2d;box-shadow:0 0 3px solid #555;letter-spacing:.5px;border-radius:4px}.toggle{display:inline-grid;grid-auto-flow:column;align-items:center;gap:12px;background:#121319;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:12px 16px;box-shadow:0 8px 30px #0000004d,inset 0 1px #ffffff0a}.toggle-input{position:absolute;inline-size:1px;block-size:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(50%);clip:rect(0 0 0 0);overflow:hidden}.toggle-label{display:inline-grid;grid-auto-flow:column;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-track{position:relative;inline-size:30px;block-size:15px;background:#2a2f3a;border-radius:10px;transition:background .18s ease,box-shadow .18s ease;box-shadow:inset 0 2px 6px #0000004d}.toggle-thumb{position:absolute;inset-block-start:1px;inset-inline-start:2px;inline-size:14px;block-size:14px;background:#fff;border-radius:999px;transition:transform .18s ease;box-shadow:0 6px 18px #00000059}.toggle-text{font-size:14px;letter-spacing:.2px;color:#9aa3b2;transition:opacity .18s ease}.toggle-text.on{color:#3ce3ab;font-weight:800;opacity:.35}.toggle-text.off{opacity:1;font-weight:700}.toggle-input:focus-visible+.toggle-label .toggle-track{box-shadow:0 0 0 4px #1effb459}.toggle-input:checked+.toggle-label .toggle-track{background:linear-gradient(0deg,#1ceba6dc,#17e4a084),#2a2f3a}.toggle-input:checked+.toggle-label .toggle-thumb{transform:translate(14px)}.toggle-input:checked+.toggle-label .toggle-text.on{opacity:1}.toggle-input:checked+.toggle-label .toggle-text.off{opacity:.25}.toggle-input:disabled+.toggle-label{cursor:not-allowed;opacity:.6}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;box-sizing:border-box}