:root{color:#17324d;background:#eef4f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{min-width:2.75rem;min-height:2.75rem}button:focus-visible,textarea:focus-visible,iframe:focus-visible{outline:3px solid #f0a202;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh;overflow:hidden}.topbar{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;min-height:4.5rem;padding:.65rem .75rem;border-bottom:1px solid #cbdce5;background:#fff;box-shadow:0 .2rem 1rem #18405b0f}.brand{display:flex;min-width:0;gap:.55rem;align-items:center}.brand-mark{display:grid;flex:0 0 auto;width:2.35rem;height:2.35rem;place-items:center;border-radius:.7rem;color:#fff;background:#087f8c;font-size:.72rem;font-weight:800}.brand-copy{display:grid;min-width:0}.brand-copy strong{overflow:hidden;max-width:8.5rem;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.brand-copy small,.project-identity{display:none}.toolbar-actions{display:flex;gap:.25rem}.toolbar-actions button,.panel-header button,.empty-state button{display:inline-flex;gap:.4rem;align-items:center;justify-content:center;padding:.45rem .6rem;border:1px solid #bfd0db;border-radius:.65rem;color:#24445a;background:#f8fbfc;font-weight:700}.toolbar-actions .download-button{display:none;color:#fff;border-color:#087f8c;background:#087f8c}.action-label,.tablet-tabs{display:none}.workspace{display:grid;min-width:0;min-height:0;overflow:hidden;padding:.6rem}.workspace-panel{display:none;min-width:0;min-height:0;overflow:hidden;border:1px solid #c8d9e2;border-radius:.85rem;background:#fff;box-shadow:0 .75rem 2rem #18405b12}.workspace-panel.is-active{display:grid;grid-template-rows:auto minmax(0,1fr)}.panel-header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;min-height:4.75rem;padding:.85rem;border-bottom:1px solid #dbe6ec}.panel-header h2{margin:0;font-size:.95rem}.panel-header p{margin:.2rem 0 0;color:#667f8f;font-size:.75rem;line-height:1.4}.panel-header button{min-width:2.75rem;padding:.3rem;letter-spacing:.1em}.panel-content{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.empty-state{display:grid;min-height:100%;place-content:center;justify-items:center;padding:2rem 1.25rem;color:#526e7f;text-align:center}.empty-state p{max-width:24rem;margin:.45rem 0 1rem;color:#718897;font-size:.82rem;line-height:1.5}.empty-icon{display:grid;width:3.5rem;height:3.5rem;margin-bottom:1rem;place-items:center;border:1px dashed #79a8b4;border-radius:1rem;color:#087f8c;background:#ecf8f7;font-size:1.4rem;font-weight:800}.backup-panel{display:grid;align-content:start;gap:1rem;min-height:100%;padding:1rem;background:#f8fbfc}.backup-status{display:grid;gap:.2rem;padding:.85rem;border:1px solid #b9d9cc;border-radius:.7rem;color:#2e6d58;background:#eff9f5}.backup-status span{color:#617a8c;font-size:.75rem}.backup-actions{display:grid;gap:.65rem}.backup-actions button{padding:.75rem;border:1px solid #087f8c;border-radius:.6rem;color:#087f8c;background:#fff;font-weight:700}.backup-actions button:first-child{color:#fff;background:#087f8c}.storage-notice,.backup-message{margin:0;padding:.75rem;border-radius:.55rem;font-size:.75rem;line-height:1.5}.storage-notice{color:#665018;border:1px solid #ead79b;background:#fff8df}.backup-message{color:#244f6a;border:1px solid #bad5e4;background:#edf7fc}.component-library{display:grid;align-content:start;gap:.85rem;padding:.85rem}.project-files{display:grid;gap:.65rem;margin:.85rem .85rem 0;padding:.75rem;border:1px solid #c9dbe4;border-radius:.75rem;background:#f8fbfc}.project-files>header{display:flex;align-items:end;justify-content:space-between}.project-files header span{color:#617a8c;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.project-files h3{margin:.1rem 0 0;font-size:1rem}.project-files header>strong{color:#617a8c;font-size:.72rem}.page-list{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.page-list>li{display:grid;gap:.35rem;padding:.4rem;border:1px solid #d8e4ea;border-radius:.55rem;background:#fff}.page-list>li.is-active{border-color:#087f8c;box-shadow:inset 3px 0 #087f8c}.page-name{min-height:2.25rem;padding:.35rem .5rem;border:0;text-align:left;background:transparent;font-size:.8rem;font-weight:700}.page-actions{display:flex;gap:.25rem}.page-actions button,.page-list form button,.delete-confirm button{min-width:0;min-height:2rem;padding:.25rem .45rem;border:1px solid #c8d9e2;border-radius:.4rem;background:#f3f7f9;font-size:.67rem}.page-list form,.delete-confirm{display:flex;flex-wrap:wrap;gap:.3rem}.page-list form input,.add-page input{min-width:0;flex:1 1 8rem;padding:.45rem;border:1px solid #b8ccd7;border-radius:.4rem}.delete-confirm span{flex-basis:100%;font-size:.75rem;font-weight:700}.add-page{display:grid;gap:.4rem}.add-page button{border:0;border-radius:.5rem;color:#fff;background:#087f8c;font-weight:700}.page-error{margin:0;padding:.5rem;border-radius:.4rem;color:#8c2e24;background:#fff0ed;font-size:.75rem}.components-content{min-height:100%}.component-help{padding:.75rem;border:1px solid #bcded9;border-radius:.65rem;color:#245c5f;background:#edf9f7}.component-help strong{font-size:.8rem}.component-help p{margin:.25rem 0 0;font-size:.72rem;line-height:1.45}.component-grid{display:grid;gap:.5rem}.component-grid button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;width:100%;min-width:0;min-height:3.75rem;padding:.6rem;border:1px solid #cfdee6;border-radius:.7rem;color:#28495e;background:#fff;text-align:left}.component-grid button:hover{border-color:#76aaa9;background:#f5fbfa}.component-grid button>span:nth-child(2){display:grid;min-width:0}.component-grid strong{font-size:.78rem}.component-grid small{overflow:hidden;margin-top:.1rem;color:#718794;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.component-symbol{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.55rem;color:#087f8c;background:#e7f5f4;font-size:.72rem;font-weight:800}.add-symbol{color:#087f8c;font-size:1.15rem;font-weight:800}.selection-status{display:grid;padding:.75rem;border:1px solid #d5e1e7;border-radius:.65rem;background:#f7fafb}.selection-status span{color:#718692;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.selection-status strong{margin-top:.2rem;font-size:.78rem}.selection-status code{overflow:hidden;margin-top:.25rem;color:#527081;font-size:.65rem;text-overflow:ellipsis}.inserted-blocks{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.inserted-blocks li{padding:0;border-left:3px solid transparent;border-radius:.4rem;color:#587181;background:#f3f7f9;font-size:.72rem}.inserted-blocks li button{display:flex;width:100%;min-height:2.75rem;justify-content:space-between;padding:.55rem .65rem;border:0;color:inherit;background:transparent;font:inherit;text-align:left}.inserted-blocks li.is-selected{border-left-color:#f0a202;color:#24485b;background:#fff8e8;font-weight:700}.properties-panel{margin:0 .85rem .85rem;overflow:hidden;border:1px solid #cbdce5;border-radius:.75rem;background:#fff}.properties-panel>header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid #dbe6ec;background:#f5f9fa}.properties-panel>header span{color:#68818f;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.properties-panel>header strong{color:#087f8c;font-size:.75rem;text-transform:capitalize}.properties-empty{margin:0;padding:1rem .75rem;color:#6e8491;font-size:.75rem;line-height:1.5}.property-fields{display:grid;gap:.75rem;padding:.8rem}.property-fields label{display:grid;gap:.2rem;min-width:0;color:#345366;font-size:.72rem;font-weight:700}.property-fields label small{color:#758b98;font-size:.65rem;font-weight:400;line-height:1.35}.property-fields input[type=text],.property-fields input[type=number],.property-fields select{width:100%;min-width:0;min-height:2.75rem;padding:.55rem .65rem;border:1px solid #bdcfd9;border-radius:.5rem;color:#203f53;background:#fff}.property-color-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.property-fields input[type=color]{width:100%;min-height:2.75rem;padding:.2rem;border:1px solid #bdcfd9;border-radius:.5rem;background:#fff}.number-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid #bdcfd9;border-radius:.5rem}.number-control input[type=number]{border:0;border-radius:0}.number-control>span{padding:0 .65rem;color:#6d8492;font-size:.68rem}.manual-css-notice,.properties-warning{margin:0 .8rem .8rem;padding:.65rem;border-radius:.5rem;font-size:.68rem;line-height:1.45}.manual-css-notice{color:#5b4c1d;border:1px solid #ead79b;background:#fff8df}.properties-warning{color:#8c2d22;border:1px solid #efb4ad;background:#fff1ef}.css-change-preview{border-top:1px solid #dbe6ec;background:#172b3a}.css-change-preview>span{display:block;padding:.55rem .7rem;color:#b9d3df;font-size:.68rem;font-weight:700}.css-change-preview pre{margin:0;padding:.75rem;overflow-x:auto;color:#dce8ef;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.65rem;line-height:1.5}.preview-stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;overflow:hidden;background:#fff}.preview-frame{min-width:0;min-height:0;overflow:hidden;background:#fff}.preview-frame iframe{display:block;width:100%;min-width:0;height:100%;min-height:0;border:0;background:#fff}.code-editor{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden;color:#dce8ef;background:#172b3a}.code-highlight-status{grid-row:2;padding:.45rem .8rem;color:#5b4300;background:#fff2c9;font-size:.7rem;font-weight:700}.code-tabs{grid-row:1;display:flex;min-width:0;min-height:3rem;overflow-x:auto;border-bottom:1px solid #2d4657}.code-tabs button{flex:0 0 auto;min-height:3rem;padding:0 .9rem;border:0;border-bottom:2px solid transparent;color:#9bb0bd;background:transparent;font-size:.72rem;font-weight:700;white-space:nowrap}.code-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#2fc5b5;background:#1d3546}.code-editor textarea{grid-row:3;height:100%;width:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1rem;resize:none;border:0;color:#dce8ef;background:#172b3a;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.6;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.code-zoom-controls{display:flex;gap:.25rem;margin-left:auto}.code-zoom-controls button{min-width:2.5rem;min-height:2.5rem;padding:.25rem .45rem;border:1px solid #bfd0db;border-radius:.45rem;color:#315166;background:#fff;font-size:.72rem;font-weight:800}.mobile-tabs{z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;padding:.4rem max(.35rem,env(safe-area-inset-right)) max(.4rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left));border-top:1px solid #c8d9e2;background:#fff;box-shadow:0 -.45rem 1.5rem #18405b14}.mobile-tabs button{display:grid;min-width:0;min-height:3.5rem;place-content:center;justify-items:center;padding:.25rem;border:0;border-radius:.6rem;color:#617c8c;background:transparent;font-size:.68rem;font-weight:700}.mobile-tabs button[aria-selected=true]{color:#087f8c;background:#e5f5f3}.tab-symbol{margin-bottom:.15rem;font-size:.9rem;font-weight:800}@media(min-width:48rem){.studio-shell{grid-template-rows:auto auto minmax(0,1fr)}.topbar{grid-template-columns:minmax(13rem,1fr) auto minmax(13rem,1fr);padding-inline:1.1rem}.brand-copy strong{max-width:none;font-size:.95rem}.brand-copy small{display:block;margin-top:.1rem;color:#617a8c;font-size:.7rem}.project-identity{display:grid;min-width:10rem;justify-items:center}.project-label{color:#718795;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-identity strong{margin-top:.1rem;font-size:.85rem}.toolbar-actions{justify-content:flex-end}.toolbar-actions .download-button{display:inline-flex}.tablet-tabs{display:flex;gap:.35rem;padding:.55rem 1rem 0;background:#eef4f7}.tablet-tabs button{padding:.45rem 1rem;border:1px solid #c5d7e1;border-bottom:0;border-radius:.65rem .65rem 0 0;color:#607a8b;background:#e4edf2;font-size:.78rem;font-weight:700}.tablet-tabs button[aria-selected=true]{color:#087f8c;background:#fff}.workspace{grid-template-columns:minmax(15rem,.8fr) minmax(0,1.4fr);gap:.8rem;padding:.8rem 1rem 1rem}.components-panel,.workspace-panel.is-tablet-active{display:grid;grid-template-rows:auto minmax(0,1fr)}.mobile-tabs{display:none}}@media(min-width:64rem){.studio-shell{grid-template-rows:auto minmax(0,1fr)}.action-label{display:inline}.tablet-tabs{display:none}.workspace{grid-template-columns:minmax(13rem,.8fr) minmax(20rem,1.45fr) minmax(17rem,1fr);gap:.9rem;padding:1rem}.components-panel,.preview-panel,.code-panel,.workspace-panel.is-active,.workspace-panel.is-tablet-active{display:grid;grid-template-rows:auto minmax(0,1fr)}.export-panel,.export-panel.is-active,.export-panel.is-tablet-active{display:none}}@media(min-width:75rem){.topbar{padding-inline:1.5rem}.workspace{gap:1rem;padding:1.1rem 1.25rem}.panel-header{padding:1rem 1.1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.change-image-button{width:100%;padding:.65rem;border:1px solid #087f8c;border-radius:.55rem;color:#087f8c;background:#fff;font-weight:700}.review-mode{display:grid;gap:.75rem;margin:0 .85rem .85rem;padding:.85rem;border:1px solid #c9dbe4;border-radius:.75rem;background:#f8fbfc}.review-mode header span,.review-code>span{color:#617a8c;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.review-mode h3{margin:.15rem 0 0;font-size:1rem}.review-facts{display:grid;gap:.5rem;margin:0}.review-facts div{display:grid;grid-template-columns:3.5rem 1fr;gap:.5rem}.review-facts dt{color:#617a8c;font-size:.75rem;font-weight:700}.review-facts dd{margin:0;font-size:.78rem}.review-code pre{max-height:7rem;overflow:auto;margin:.35rem 0 0;padding:.65rem;border-radius:.5rem;color:#dce8ef;background:#172b3a;font-size:.7rem;white-space:pre-wrap;overflow-wrap:anywhere}.review-action{border:0;border-radius:.55rem;color:#fff;background:#087f8c;font-weight:700}.review-task{padding:.7rem;border-left:4px solid #f0a202;border-radius:.4rem;background:#fff7df}.review-task.is-complete{border-color:#178451;background:#e6f6ee}.review-task p{margin:.2rem 0 0;font-size:.78rem}.image-picker-backdrop{position:fixed;z-index:20;inset:0;display:grid;align-items:end;padding:0;background:#0f2a3b8c}.image-picker{max-height:90vh;overflow:auto;padding:1rem;border-radius:1rem 1rem 0 0;background:#fff;box-shadow:0 -1rem 3rem #08233233}.image-picker>header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.image-picker h2{margin:.15rem 0 0;font-size:1.15rem}.image-picker header span,.image-picker>p{color:#617a8c;font-size:.78rem}.image-picker header button{width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:#eef4f7;font-size:1.4rem}.image-picker-grid{display:grid;gap:.7rem;margin-top:1rem}.image-picker-grid button{display:grid;grid-template-columns:5.5rem 1fr;grid-template-rows:auto auto;gap:.15rem .75rem;align-items:center;padding:.6rem;border:1px solid #cbdbe3;border-radius:.7rem;text-align:left;background:#fff}.image-picker-grid img{grid-row:1 / 3;width:5.5rem;height:3.5rem;border-radius:.4rem;object-fit:cover}.image-picker-grid small{color:#617a8c}@media(min-width:48rem){.image-picker-backdrop{place-items:center;padding:2rem}.image-picker{width:min(42rem,100%);border-radius:1rem}.image-picker-grid{grid-template-columns:repeat(2,1fr)}}.export-content{display:grid;gap:1rem;padding-bottom:1rem}.cloud-sync-panel{display:grid;gap:.8rem;margin:0 1rem;padding:.9rem;border:1px solid #c9dbe4;border-radius:.75rem;background:#fff}.cloud-sync-panel header span{color:#617a8c;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cloud-sync-panel h3{margin:.15rem 0 0;font-size:1rem}.storage-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.storage-mode button,.cloud-login button,.cloud-session button{padding:.6rem;border:1px solid #bfd0db;border-radius:.55rem;color:#315166;background:#f5f9fb;font-weight:700}.storage-mode button[aria-checked=true]{color:#fff;border-color:#087f8c;background:#087f8c}.cloud-note,.cloud-message{margin:0;padding:.7rem;border-radius:.5rem;color:#526e7f;background:#eef4f7;font-size:.75rem;line-height:1.45}.cloud-login,.cloud-login label,.cloud-session{display:grid;gap:.5rem}.cloud-login label span,.cloud-session span{color:#617a8c;font-size:.72rem;font-weight:700}.cloud-login input{width:100%;min-height:2.75rem;padding:.55rem;border:1px solid #bfd0db;border-radius:.5rem}.database-lab{margin:0 1rem 1rem;border:1px solid #c9dbe4;border-radius:.75rem;background:#fff}.database-lab>summary{padding:.9rem;color:#315166;font-weight:800;cursor:pointer;touch-action:manipulation}.database-lab-content,.database-lab-content section,.lab-credentials,.rls-steps{display:grid;gap:.75rem}.database-lab-content{padding:0 .9rem .9rem}.database-lab-content h3,.database-lab-content h4,.database-lab-content p,.database-lab-content ol{margin:0}.database-lab-content section{padding-top:.8rem;border-top:1px solid #e1ebf0}.database-lab-content header span{color:#617a8c;font-size:.68rem;font-weight:700;text-transform:uppercase}.database-lab-content p,.database-lab-content li{color:#526e7f;font-size:.78rem;line-height:1.5}.lab-warning{padding:.7rem;border-radius:.5rem;color:#7f1d1d!important;background:#fef2f2;font-weight:700}.lab-credentials label{display:grid;gap:.35rem;color:#526e7f;font-size:.75rem;font-weight:700}.lab-credentials input{width:100%;min-height:2.75rem;padding:.55rem;border:1px solid #bfd0db;border-radius:.5rem}.lab-credentials button,.lab-actions button,.lab-reset{min-height:2.75rem;padding:.55rem;border:1px solid #087f8c;border-radius:.5rem;color:#fff;background:#087f8c;font-weight:700}.lab-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.lab-actions button:disabled{opacity:.5;cursor:not-allowed}.database-lab pre{max-width:100%;max-height:15rem;margin:0;padding:.75rem;overflow:auto;border-radius:.5rem;color:#dbeafe;background:#172b3a;font-size:.7rem;white-space:pre}.rls-steps{padding:.7rem;border-radius:.5rem;background:#eef4f7}.lab-results{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.lab-results label{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;padding:.55rem;border:1px solid #d9e5eb;border-radius:.5rem}.lab-status{padding:.7rem;border-radius:.5rem;background:#eef4f7}.lab-reset{width:100%;color:#315166;border-color:#bfd0db;background:#f5f9fb}@media(min-width:768px){.lab-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}.ai-layout-panel{margin:0 1rem 1rem;border:1px solid #c9dbe4;border-radius:.75rem;background:#fff}.ai-layout-panel>summary{padding:.9rem;color:#315166;font-weight:800;cursor:pointer;touch-action:manipulation}.ai-layout-content,.ai-layout-content header,.ai-layout-content label,.ai-layout-content section{display:grid;gap:.65rem}.ai-layout-content{padding:0 .9rem .9rem}.ai-layout-content h3,.ai-layout-content h4,.ai-layout-content p{margin:0}.ai-layout-content header span{color:#617a8c;font-size:.68rem;font-weight:700;text-transform:uppercase}.ai-layout-content p{color:#526e7f;font-size:.78rem;line-height:1.5}.ai-layout-content label>span{color:#526e7f;font-size:.75rem;font-weight:700}.ai-layout-content textarea{width:100%;min-height:6rem;padding:.65rem;resize:vertical;border:1px solid #bfd0db;border-radius:.5rem;font:inherit}.ai-layout-content label small{justify-self:end;color:#617a8c}.ai-layout-content>button{min-height:2.75rem;padding:.55rem;border:1px solid #087f8c;border-radius:.5rem;color:#fff;background:#087f8c;font-weight:700}.ai-layout-content button:disabled{opacity:.5;cursor:not-allowed}.ai-layout-message{padding:.7rem;border-radius:.5rem;background:#eef4f7}.ai-layout-content section{padding-top:.75rem;border-top:1px solid #e1ebf0}.ai-history-heading{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.ai-history-heading button{min-height:2.5rem;padding:.45rem .8rem;border:1px solid #bfd0db;border-radius:.5rem;color:#315166;background:#f5f9fb;font-weight:700}.ai-prompt-history{display:grid;gap:.45rem;margin:0;padding-left:1.25rem}.ai-prompt-history li{color:#526e7f;font-size:.75rem}.ai-prompt-history span,.ai-prompt-history small{display:block;overflow-wrap:anywhere}.ai-source-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ai-source-mode button{min-height:2.75rem;padding:.55rem;border:1px solid #bfd0db;border-radius:.5rem;color:#315166;background:#f5f9fb;font-weight:700}.ai-source-mode button[aria-pressed=true]{color:#fff;border-color:#087f8c;background:#087f8c}.ai-endpoint-note,.ai-cost-note{padding:.7rem;border-radius:.5rem;background:#fff8e7}.inserted-blocks li.is-ai-suggested{border-left:4px solid #d97706;background:#fff8e7}.ai-suggested-badge{display:block;margin-top:.15rem;color:#92400e!important;font-weight:800}.ai-learning-review{display:grid;gap:.8rem;margin:0 1rem 1rem;padding:.9rem;border:2px solid #f2b84b;border-radius:.75rem;background:#fffdf6}.ai-learning-review header,.ai-suggested-components,.ai-suggested-components li{display:grid;gap:.65rem}.ai-learning-review h3,.ai-learning-review p,.ai-learning-review ol{margin:0}.ai-learning-review header>span{color:#92400e;font-size:.68rem;font-weight:800;text-transform:uppercase}.ai-learning-review p{color:#526e7f;font-size:.78rem;line-height:1.5}.ai-learning-tasks{display:grid;gap:.45rem}.ai-learning-tasks p{padding:.65rem;border-radius:.5rem;background:#fef3c7;font-weight:700}.ai-learning-tasks p.is-complete{color:#166534;background:#dcfce7}.ai-suggested-components{padding:0;list-style:none}.ai-suggested-components li{padding:.75rem;border:1px solid #f2b84b;border-radius:.6rem;background:#fff}.ai-suggested-components li>div{display:flex;gap:.5rem;justify-content:space-between}.ai-suggested-components li>div small{color:#166534;font-weight:800}.ai-suggested-components button{min-height:2.75rem;padding:.55rem;border:1px solid #087f8c;border-radius:.5rem;color:#fff;background:#087f8c;font-weight:700}.ai-suggested-components details>summary{min-height:2.5rem;padding:.55rem;cursor:pointer;color:#315166;font-weight:700}.ai-suggested-components pre{max-width:100%;max-height:12rem;margin:.4rem 0 0;padding:.7rem;overflow:auto;border-radius:.45rem;color:#dbeafe;background:#172b3a;font-size:.68rem;white-space:pre}.ai-evidence-status{padding:.65rem;border-radius:.5rem;background:#eef4f7}.ai-download-note{padding:.65rem;border-radius:.5rem;background:#fff8e7}.lab-source-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.lab-source-mode button{min-height:2.75rem;padding:.55rem;border:1px solid #bfd0db;border-radius:.5rem;color:#315166;background:#f5f9fb;font-weight:700}.lab-source-mode button[aria-pressed=true]{color:#fff;border-color:#087f8c;background:#087f8c}.account-panel,.share-review-panel{display:grid;gap:.8rem;margin:0 1rem;padding:.9rem;border:1px solid #c9dbe4;border-radius:.75rem;background:#fff}.account-panel header span,.share-review-panel header span{color:#617a8c;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.account-panel h3,.share-review-panel h3{margin:.15rem 0 0;font-size:1rem}.local-source-note,.snapshot-note,.account-message,.share-message{margin:0;padding:.7rem;border-radius:.5rem;color:#526e7f;background:#eef4f7;font-size:.75rem;line-height:1.45}.snapshot-note{color:#7c4a03;background:#fff8e7;font-weight:700}.account-form,.account-form label,.account-session,.account-session label,.share-review-panel>label,.share-link,.share-link label{display:grid;gap:.45rem}.account-form label,.account-session label,.share-review-panel label,.share-link label{color:#526e7f;font-size:.75rem;font-weight:700}.account-form input,.account-session input,.share-review-panel input{width:100%;min-height:2.75rem;padding:.55rem;border:1px solid #bfd0db;border-radius:.5rem}.auth-mode,.readonly-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.readonly-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-mode button,.account-panel button,.share-review-panel button,.readonly-tabs button{min-height:2.75rem;padding:.55rem;border:1px solid #bfd0db;border-radius:.5rem;color:#315166;background:#f5f9fb;font-weight:700}.auth-mode button[aria-selected=true],.readonly-tabs button[aria-selected=true],.account-form button,.share-review-panel>button{color:#fff;border-color:#087f8c;background:#087f8c}.account-panel button:disabled,.share-review-panel button:disabled{opacity:.55}.share-link input{font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem}.review-page{min-height:100dvh;padding:1rem;color:#17324d;background:#eef4f7}.review-page-header,.review-page-grid,.review-page-grid>section,.readonly-code{display:grid;gap:.8rem}.review-page-header{max-width:80rem;margin:0 auto 1rem;padding:1rem;border-radius:.8rem;background:#fff}.review-page-header span,.review-page-header time{color:#617a8c;font-size:.75rem}.review-page-header h1,.review-page-grid h2{margin:0}.review-page-header strong{width:fit-content;padding:.5rem .7rem;border-radius:.5rem;color:#7c4a03;background:#fff8e7}.review-page-status{max-width:80rem;margin:0 auto;padding:1rem;border-radius:.7rem;background:#fff}.review-page-grid{max-width:80rem;margin:0 auto}.review-page-grid>section,.readonly-code{min-width:0;padding:1rem;border-radius:.8rem;background:#fff}.readonly-code pre{max-width:100%;min-height:22rem;margin:0;padding:1rem;overflow:auto;border-radius:.6rem;color:#dbeafe;background:#172b3a;font:.78rem/1.6 SFMono-Regular,Consolas,monospace;white-space:pre}@media(min-width:64rem){.review-page{padding:1.5rem}.review-page-grid{grid-template-columns:minmax(0,1.2fr) minmax(24rem,.8fr);align-items:start}}.builder-sidebar{min-height:100%;color:#202124;background:#fff}.sidebar-account{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;min-height:4.1rem;padding:.7rem;border-bottom:1px solid #e2e4e7}.sidebar-account>span:not(.sidebar-logo){display:grid;min-width:0}.sidebar-account strong,.sidebar-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account small{margin-top:.1rem;color:#71757a;font-size:.66rem}.sidebar-logo{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.55rem;color:#fff;background:#f48120;font-size:.7rem;font-weight:900}.sidebar-toggle{width:2rem;height:2rem;padding:0;border:1px solid #d8dade;border-radius:.45rem;background:#fff}.sidebar-sections{padding:.5rem .55rem 1rem}.sidebar-sections details{border-bottom:1px solid #eceef0}.sidebar-sections summary{display:flex;gap:.65rem;align-items:center;padding:.8rem .55rem;border-radius:.45rem;cursor:pointer;font-size:.84rem;font-weight:700;list-style:none}.sidebar-sections summary::-webkit-details-marker{display:none}.sidebar-sections summary:hover{background:#f5f6f7}.sidebar-section-body{padding:0 .25rem .65rem 1.25rem;border-left:2px solid #e3e5e7}.sidebar-rail{display:grid;gap:.55rem;justify-items:center;padding:.75rem .35rem}.sidebar-rail button{width:2.55rem;height:2.55rem;padding:0;border:1px solid transparent;border-radius:.55rem;color:#575b60;background:transparent;font-weight:800}.sidebar-rail button:hover{border-color:#f6b47d;color:#b94f00;background:#fff5ec}.files-count{margin-bottom:.45rem;color:#777b80;font-size:.68rem;font-weight:700}.page-list .page-name{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center}.page-name>span:last-child{display:grid;min-width:0}.page-name strong,.page-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-name small{color:#777b80;font-size:.64rem}.page-list li.is-active{border-left-color:#f48120;background:#fff4ea}.page-list li.is-active .page-name{color:#9b4200}.file-icon{color:#8b8f94}.component-categories{display:grid;gap:.3rem;margin-top:.65rem}.category-toggle{display:flex;width:100%;justify-content:space-between;padding:.6rem .35rem;border:0;color:#4e5257;background:transparent;font-size:.76rem;font-weight:800;text-align:left}.component-category .component-grid{padding:0 0 .55rem}.active-page-label,.active-file-label{display:flex;gap:.5rem;align-items:center;padding:.55rem .75rem;border-bottom:1px solid #dde6eb;color:#657681;background:#f7fafb;font-size:.72rem}.active-page-label strong,.active-file-label strong{color:#17394d}.code-editor{grid-template-rows:auto auto minmax(0,1fr)}button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f6a35e;outline-offset:2px}@media(min-width:48rem){.workspace.sidebar-expanded{grid-template-columns:minmax(18rem,.9fr) minmax(0,1.4fr)}.workspace.sidebar-collapsed{grid-template-columns:minmax(13rem,.65fr) minmax(0,1.65fr)}.workspace.sidebar-mini{grid-template-columns:5.25rem minmax(0,1fr)}.workspace.sidebar-mini .components-panel .panel-header{padding-inline:.45rem}.workspace.sidebar-mini .components-panel .panel-header p{display:none}}@media(min-width:64rem){.workspace.sidebar-expanded{grid-template-columns:19rem minmax(20rem,1.45fr) minmax(17rem,1fr)}.workspace.sidebar-collapsed{grid-template-columns:minmax(14rem,.65fr) minmax(22rem,1.6fr) minmax(18rem,1fr)}.workspace.sidebar-mini{grid-template-columns:5.25rem minmax(24rem,1.65fr) minmax(19rem,1fr)}}@media(max-width:47.999rem){.builder-sidebar[data-sidebar-mode=mini] .sidebar-rail{grid-template-columns:repeat(2,auto);justify-content:start}.sidebar-toggle{min-width:2.75rem;min-height:2.75rem}}.image-export-actions{padding:.8rem;border:1px solid #f2c49d;border-radius:.7rem;background:#fff7f0}.image-export-actions h3,.image-export-actions p{margin:0}.image-export-actions p{margin-top:.25rem;color:#6f5b4c;font-size:.74rem}.image-export-actions>div{display:flex;gap:.5rem;margin-top:.65rem}.image-export-actions button{flex:1}.workspace.sidebar-mini .sidebar-account{grid-template-columns:1fr;justify-items:center}.workspace.sidebar-mini .components-content>:not(.builder-sidebar){display:none!important}.workspace.sidebar-mini .components-panel>.panel-header{min-height:4.2rem;align-items:center;justify-content:center;padding:.45rem}.workspace.sidebar-mini .components-panel>.panel-header>div{display:none}.workspace.sidebar-mini .components-panel>.panel-header button{width:2.75rem;min-width:2.75rem;height:2.75rem}.components-panel .project-files,.components-panel .properties-panel,.components-panel .review-mode,.components-panel .ai-layout-panel,.components-panel .ai-learning-review,.components-panel .database-lab{margin-inline:.6rem;border:0;border-bottom:1px solid #e2e5e8;border-radius:0;box-shadow:none;background:transparent}.components-panel .project-files{margin:0;padding:.35rem 0}.components-panel .page-list{gap:.1rem}.components-panel .page-list>li{gap:.1rem;padding:.15rem .25rem;border:0;border-left:3px solid transparent;border-radius:.3rem;background:transparent}.components-panel .page-list>li.is-active{border-left-color:#f48120;background:#fff4ea;box-shadow:none}.components-panel .page-actions{padding-left:2.65rem}.components-panel .page-actions button,.components-panel .page-list form button,.components-panel .delete-confirm button{min-height:1.75rem;padding:.15rem .35rem;border:0;color:#526e7f;background:transparent;text-decoration:underline;text-underline-offset:.15rem}.components-panel .page-actions button:hover,.components-panel .page-list form button:hover,.components-panel .delete-confirm button:hover{color:#9b4200;background:#fff4ea}.components-panel .page-actions button:disabled{display:none}.components-panel .component-help,.components-panel .selection-status{border:0;border-radius:0;background:transparent}.components-panel .component-help{padding:.4rem .25rem}.components-panel .component-grid button{min-height:2.8rem;padding:.35rem;border:0;border-radius:.35rem;background:transparent}.components-panel .component-grid button:hover{background:#f4f5f6}.components-panel .component-symbol{width:1.8rem;height:1.8rem;background:#fff0e3}.components-panel .category-toggle{border-bottom:1px solid #eff0f1}.sidebar-sections .sidebar-chevron{width:.7rem;margin-left:auto;color:#7b8085;transition:transform .15s ease}.sidebar-sections details[open]>summary .sidebar-chevron{transform:rotate(90deg)}.component-grid[hidden]{display:none}.component-insert-message{margin:0;padding:.55rem;border-left:3px solid #0b8a78;color:#245c54;background:#eef9f6;font-size:.72rem;line-height:1.4}.components-panel .component-library{gap:.45rem;padding:.5rem}.components-panel .component-help{display:flex;gap:.4rem;align-items:baseline;padding:.35rem .45rem;border:1px solid #c9ddd9;border-radius:.45rem;background:#f3faf8}.components-panel .component-help strong{flex:0 0 auto;font-size:.72rem}.components-panel .component-help p{margin:0;font-size:.66rem;line-height:1.25}.components-panel .component-categories{gap:.4rem;margin-top:.15rem}.components-panel .category-toggle{min-height:2.6rem;padding:.45rem .6rem;border:1px solid #cbd9e0;border-radius:.45rem;color:#315166;background:#f2f6f8;cursor:pointer}.components-panel .category-toggle:hover{border-color:#7aa9b0;background:#e9f4f4}.components-panel .category-toggle[aria-expanded=true]{color:#874000;border-color:#efad72;background:#fff1e5}.components-panel .component-category .component-grid{gap:.35rem;padding:.35rem 0 .15rem .45rem}.components-panel .component-grid button{min-height:2.75rem;padding:.4rem .5rem;border:1px solid #d6e0e5;border-radius:.45rem;background:#fff;box-shadow:0 1px 2px #17324d0d;cursor:pointer}.components-panel .component-grid button:hover{border-color:#f0a15e;background:#fff8f1}.components-panel .component-grid button:active{transform:translateY(1px);background:#ffecda}.toolbar-actions .mobile-sidebar-trigger,.mobile-sidebar-close,.mobile-sidebar-backdrop{display:none}@media(max-width:47.999rem){.toolbar-actions .mobile-sidebar-trigger{display:inline-grid;place-items:center}.components-panel.mobile-sidebar-open{position:fixed;z-index:40;inset:0 auto 0 0;display:grid;width:min(88vw,22rem);max-width:calc(100vw - 2.5rem);grid-template-rows:auto minmax(0,1fr);border:0;border-radius:0;box-shadow:.75rem 0 2rem #11273640}.components-panel.mobile-sidebar-open .panel-content{overflow-y:auto}.components-panel.mobile-sidebar-open>.panel-header button{display:none}.mobile-sidebar-close{position:sticky;z-index:2;top:.4rem;display:grid;width:2.75rem;height:2.75rem;margin:.4rem .4rem 0 auto;place-items:center;border:1px solid #cbd9e0;border-radius:.5rem;color:#315166;background:#fff;font-size:1.25rem}.mobile-sidebar-backdrop{position:fixed;z-index:39;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#1127366b}}.code-input-shell{position:relative;grid-row:3;min-width:0;min-height:0;overflow:hidden;background:#172b3a}.code-highlight-layer,.code-input-shell textarea{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:1rem;overflow-x:hidden;overflow-y:auto;border:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.6;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.code-highlight-layer{z-index:0;color:#dce8ef;pointer-events:none}.code-input-shell textarea{z-index:1;color:transparent;background:transparent;caret-color:#fff;-webkit-text-fill-color:transparent}.code-input-shell textarea::selection{background:#488bad73}.syntax-tag{font-weight:700}.syntax-tag-default{color:#dbe7ef}.syntax-tag-parent.syntax-depth-0{color:#4fd1c5}.syntax-tag-parent.syntax-depth-1{color:#f6c177}.syntax-tag-parent.syntax-depth-2,.syntax-attribute{color:#b9a7ff}.syntax-text{color:#f1f5f9}.syntax-css-selector{color:#4fd1c5;font-weight:700}.syntax-css-at-rule{color:#f6c177;font-weight:700}.syntax-css-property{color:#b9a7ff}.syntax-css-value{color:#f6c177}.syntax-css-punctuation{color:#8fa9b8;font-weight:700}.syntax-css-comment{color:#7f9aaa;font-style:italic}.code-syntax-legend{display:flex;width:100%;gap:.35rem;align-items:center;font-size:.62rem}.code-syntax-legend span{padding:.18rem .35rem;border-radius:.3rem;background:#243e50}.code-syntax-legend .is-default{color:#dbe7ef}.code-syntax-legend .is-parent{color:#4fd1c5}.code-syntax-legend .is-text{color:#f1f5f9}.code-syntax-legend .is-css-selector{color:#4fd1c5}.code-syntax-legend .is-css-property{color:#b9a7ff}.code-syntax-legend .is-css-value{color:#f6c177}.mobile-web-preview-button,.mobile-web-preview-close{display:none}@media(max-width:47.999rem){.mobile-web-preview-button{display:grid;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;place-items:center;padding:0;border:1px solid #b9cdd7;border-radius:.45rem;color:#315166;background:#fff;font-size:1.05rem}.preview-frame.is-mobile-web-full{position:fixed;z-index:70;inset:0;width:100vw;height:100dvh;background:#fff}.preview-frame.is-mobile-web-full .mobile-web-preview-close{position:absolute;z-index:2;top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));display:grid;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;place-items:center;padding:0;border:1px solid #b8cbd5;border-radius:50%;color:#17324d;background:#ffffffeb;box-shadow:0 .3rem 1rem #11273633;font-size:1.35rem}}@media(max-width:47.999rem)and (orientation:portrait){.preview-frame.is-mobile-web-full{top:50%;left:50%;width:100dvh;height:100vw;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}}@media(min-width:64rem){.workspace.sidebar-mini{grid-template-columns:5.25rem minmax(24rem,1.65fr) minmax(19rem,1fr)}.workspace.sidebar-mini .components-panel{grid-column:1;width:5.25rem}.workspace.sidebar-mini .preview-panel{grid-column:2}.workspace.sidebar-mini .code-panel{grid-column:3}}.sidebar-parent-button{display:flex;gap:.65rem;align-items:center;width:100%;padding:.8rem .55rem;border:0;border-bottom:1px solid #eceef0;border-radius:.45rem;color:#202124;background:transparent;font:inherit;font-size:.84rem;font-weight:700;text-align:left}.sidebar-parent-button:hover{background:#f5f6f7}.learning-resources-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:1rem;background:#0a1e3094}.learning-resources-dialog{width:min(42rem,100%);max-height:min(46rem,calc(100dvh - 2rem));overflow:auto;border:1px solid #c9d9e1;border-radius:1rem;background:#fff;box-shadow:0 1.25rem 4rem #0a1e3047}.learning-resources-dialog>header{position:sticky;z-index:1;top:0;display:flex;gap:1rem;justify-content:space-between;padding:1rem;border-bottom:1px solid #e1e8ec;background:#fff}.learning-resources-dialog h2,.learning-resources-dialog p{margin:0}.learning-resources-dialog header span{color:#087f8c;font-size:.72rem;font-weight:800;text-transform:uppercase}.learning-resources-dialog header h2{margin-top:.2rem;color:#17324d;font-size:1.2rem}.learning-resources-dialog header p{margin-top:.3rem;color:#5d7486;font-size:.82rem;line-height:1.45}.learning-resources-dialog header button{flex:0 0 2.75rem;height:2.75rem;padding:0;font-size:1.4rem}.learning-resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem}.learning-resource-list a{display:grid;gap:.25rem;padding:.9rem;border:1px solid #d8e4e9;border-radius:.75rem;color:#17324d;background:#f8fbfc;text-decoration:none}.learning-resource-list a:hover,.learning-resource-list a:focus-visible{border-color:#087f8c;background:#eef9f8}.learning-resource-list span{color:#087f8c;font-size:.68rem;font-weight:800;text-transform:uppercase}.learning-resource-list small{color:#536b7d;line-height:1.4}.learning-resource-list em{margin-top:.35rem;color:#087f8c;font-size:.75rem;font-style:normal;font-weight:800}.learning-resources-dialog>aside{margin:0 1rem 1rem;padding:.8rem;border-radius:.65rem;color:#634820;background:#fff8e8;font-size:.78rem;line-height:1.45}@media(max-width:37.5rem){.learning-resources-backdrop{align-items:end;padding:0}.learning-resources-dialog{max-height:88dvh;border-radius:1rem 1rem 0 0}.learning-resource-list{grid-template-columns:1fr}}.code-panel-options{position:relative}.code-options-menu{position:absolute;z-index:12;top:calc(100% + .45rem);right:0;width:13rem;padding:.7rem;border:1px solid #c7d8e1;border-radius:.7rem;background:#fff;box-shadow:0 .8rem 2rem #17324d2e}.code-options-menu>strong{display:block;margin-bottom:.5rem;color:#17324d;font-size:.75rem}.code-options-menu .code-zoom-controls{width:100%;margin:0}.code-options-menu .code-zoom-controls button{flex:1}.components-panel{border-color:#20345f;color:#eef4ff;background:#0d1b3d;box-shadow:0 .75rem 2rem #0916332e}.components-panel>.panel-header{border-bottom-color:#223b70;color:#fff;background:#0d1b3d}.components-panel>.panel-header p{color:#aebddd}.components-panel>.panel-header button,.components-panel .mobile-sidebar-close{border-color:#31528f;color:#dce8ff;background:#142a58}.components-panel>.panel-header button:hover,.components-panel>.panel-header button:focus-visible,.components-panel .mobile-sidebar-close:hover{color:#fff;background:#16458f}.components-panel .panel-content,.components-panel .components-content,.components-panel .builder-sidebar{color:#eef4ff;background:#0d1b3d}.components-panel .sidebar-sections{padding:.65rem .6rem 1rem}.components-panel .sidebar-sections details{border-bottom-color:#203765}.components-panel .sidebar-sections summary,.components-panel .sidebar-parent-button{min-height:3.25rem;color:#e8efff;background:transparent}.components-panel .sidebar-sections summary:hover,.components-panel .sidebar-parent-button:hover,.components-panel .sidebar-sections details[open]>summary{color:#fff;background:#123b7a}.components-panel .sidebar-sections summary>svg:first-child,.components-panel .sidebar-parent-button>svg:first-child{width:1rem;color:#bcd0fa}.components-panel .sidebar-sections .sidebar-chevron{color:#8fa9d8}.components-panel .sidebar-section-body{margin-left:1rem;padding:.35rem 0 .7rem .65rem;border-left-color:#28477e}.components-panel .sidebar-rail{align-content:start;gap:.75rem;min-height:100%;padding:.9rem .4rem}.components-panel .sidebar-rail button{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-color:transparent;color:#c8d7f4;background:transparent}.components-panel .sidebar-rail button:hover,.components-panel .sidebar-rail button:focus-visible{border-color:#2857a0;color:#fff;background:#123b7a}.components-panel .sidebar-rail svg{width:1rem;height:1rem}.components-panel .files-count,.components-panel .component-help p,.components-panel .selection-status span,.components-panel .page-list small,.components-panel .component-grid small{color:#aebddd}.components-panel .component-help,.components-panel .selection-status,.components-panel .project-files{color:#eef4ff}.components-panel .category-toggle,.components-panel .component-grid button,.components-panel .page-list>li,.components-panel .page-name{color:#eef4ff;background:transparent}.components-panel .category-toggle{border-bottom-color:#203765}.components-panel .category-toggle:hover,.components-panel .component-grid button:hover,.components-panel .page-list>li.is-active{color:#fff;background:#123b7a}.components-panel .component-grid button{border-color:#274575}.components-panel .component-symbol{color:#fff;background:#16458f}.components-panel .add-symbol,.components-panel .file-icon{color:#9fc0ff}.components-panel input{border-color:#3b5688;color:#fff;background:#13264d}.components-panel input::placeholder{color:#91a5ca}@media(max-width:47.999rem){.components-panel.mobile-sidebar-open{border-right:1px solid #28477e;background:#0d1b3d}}.topbar{min-height:3.35rem;gap:.4rem;padding:.35rem .55rem}.brand{gap:.4rem}.brand-mark{width:1.9rem;height:1.9rem;border-radius:.5rem;font-size:.65rem}.brand-copy strong{max-width:7.5rem;font-size:.75rem}.toolbar-actions{gap:.18rem}.toolbar-actions button{min-width:2.25rem;min-height:2.25rem;padding:.3rem .45rem;border-radius:.55rem;font-size:.78rem}@media(min-width:48rem){.topbar{min-height:3.65rem;padding:.4rem .8rem}.brand-mark{width:2rem;height:2rem}.brand-copy strong{font-size:.85rem}.brand-copy small{margin-top:0;font-size:.62rem}.project-label{font-size:.58rem}.project-identity strong{margin-top:0;font-size:.76rem}}@media(min-width:75rem){.topbar{padding-inline:1rem}}@media(max-height:32rem)and (orientation:landscape){.topbar{grid-template-columns:minmax(0,1fr) auto;min-height:2.9rem;padding:.25rem .45rem}.brand-mark{width:1.75rem;height:1.75rem}.brand-copy small,.project-identity,.toolbar-actions .download-button{display:none}.brand-copy strong{max-width:7rem;font-size:.72rem}.toolbar-actions button{min-width:2rem;min-height:2rem;padding:.25rem .35rem}}