
/* StaticLabs Studio: independently designed browser chrome. */
html.office-studio #editor{background:#ebeef3}
html.office-studio .editor-bar{height:72px;min-height:72px;padding:12px 25px;background:#23272e;color:#f4f5f8;border-bottom:1px solid #ffffff12;gap:15px}
html.office-studio .editor-bar:before{content:'OFFICE /';font-size:11px;letter-spacing:2px;color:#b2baca;font-weight:600;order:0}
html.office-studio .editor-identity{flex:1}html.office-studio .editor-identity strong{font-size:15px;font-weight:500;color:white}html.office-studio .editor-identity small{font-size:10px;color:#a2acbf;margin-top:5px}
html.office-studio .editor-bar .icon-button{color:#cad0db;background:#ffffff0a;border:1px solid #ffffff12;border-radius:9px}
html.office-studio #editor-save{background:#2668ed;color:#2e323b;border-radius:7px;min-width:82px;padding:10px 20px;font-size:12px;box-shadow:none}html.office-studio #editor-ai{background:transparent;color:#d5d9e1;border-color:#ffffff30;border-radius:7px;padding:10px 20px;font-size:12px}
html.office-studio #phone-editor-tools{display:flex!important;align-items:center;gap:5px;padding:10px 22px 10px 262px;height:61px;min-height:61px;background:#fff;border-bottom:1px solid #dadee7;overflow-x:auto;scrollbar-width:thin}
html.office-studio #phone-editor-tools button{flex:none;width:auto;min-height:36px;margin:0;padding:8px 13px;border:0;border-radius:6px;background:transparent;color:#54617a;font-size:12px;font-weight:500;white-space:nowrap}
html.office-studio #phone-editor-tools button:hover,html.office-studio #phone-editor-tools button:focus-visible{background:#e9ecf1;color:#353d4d}html.office-studio #phone-editor-tools button:first-child{background:#eaedf2;color:#3b4455}
html.office-studio #phone-editor-tools .studio-search{margin-left:auto;color:#6d7c99;border-left:1px solid #e0e4eb;border-radius:0;padding-left:20px}
html.office-studio #engine-host{position:relative;min-height:0;background:#e7eaef}
html.office-studio #engine-host>iframe{margin-left:240px;width:calc(100% - 240px);border:0;background:#e7eaf0}
#studio-navigator{position:absolute;left:0;top:0;bottom:0;width:240px;display:flex;flex-direction:column;background:#f6f7fa;border-right:1px solid #d4d9e3;z-index:2;color:#373c47}
#studio-navigator[hidden]{display:none}.studio-product{display:flex;align-items:center;gap:10px;padding:25px 20px 23px;font-size:12px;font-weight:600;letter-spacing:-.2px}.studio-product small{display:block;margin-top:7px;font-size:8px;color:#74829e;font-weight:500;letter-spacing:1.25px}.studio-emblem{display:grid;place-content:center;position:relative;width:34px;height:38px;background:#323741;color:white;font-size:23px;border-radius:8px}.studio-emblem>span{position:absolute;right:5px;bottom:5px;font-size:18px;color:#2668ed}.studio-nav-heading{display:flex;justify-content:space-between;padding:15px 21px 13px;border-top:1px solid #e2e5ec;color:#74829e;font-size:10px;letter-spacing:.5px}.studio-nav-heading>span:last-child{background:#e3e6ed;padding:2px 6px;border-radius:3px}.studio-navigation-items{overflow:auto;flex:1;padding:3px 12px}.studio-navigation-items>button{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:11px 9px;background:transparent;border-radius:7px;font-size:11px;color:#505c74;line-height:1.55}.studio-navigation-items>button:hover,.studio-navigation-items>button.selected{background:#e2e5ec;color:#2f343e}.studio-index{font-size:9px;color:#8f9ab1;min-width:21px}.studio-nav-footer{padding:14px 19px 20px;border-top:1px solid #dadfe8}.studio-nav-footer button{display:flex;justify-content:space-between;width:100%;padding:10px 0;color:#505c74;background:none;font-size:11px;text-align:left}.studio-nav-footer>small{display:block;font-size:9px;color:#8692ab;margin-top:10px}.studio-navigation-items .studio-slide{display:block;padding:9px 6px}.studio-slide>span:last-child{display:block;font-size:9px;color:#7d8aa5;padding:6px 3px}.slide-preview{display:block;position:relative;aspect-ratio:16/9;border:1px solid #d4d9e3;border-radius:6px;background:white;padding:18px 15px 10px;overflow:hidden;box-shadow:0 2px 7px #363b4506}.slide-preview small{position:absolute;right:8px;top:6px;font-size:8px;color:#95a0b5}.slide-preview strong{display:block;font-size:11px;color:#434d61;font-weight:500;line-height:1.4;max-height:35px;overflow:hidden}.slide-preview i{display:block;height:3px;margin-top:8px;background:#e8ebf1;width:80%}.slide-preview i:last-child{width:60%;margin-top:5px}
html.office-studio #modal.studio-inspector{position:fixed;inset:144px 16px 16px auto;margin:0;width:330px;max-width:calc(100vw - 270px);max-height:calc(100dvh - 160px);height:auto;border:1px solid #d5d9e1;border-radius:12px;padding:24px;box-shadow:0 14px 40px #23272e20;background:#fdfdfe;color:#323740;overflow:auto}
html.office-studio #modal.studio-inspector h2{font-size:20px;letter-spacing:-.6px;color:#313640;font-weight:500;line-height:1.25}html.office-studio #modal.studio-inspector p{font-size:11px;line-height:1.75;color:#6e7d9b}html.office-studio #modal.studio-inspector .presentation-panel-tabs{display:none}html.office-studio #modal.studio-inspector .presentation-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}html.office-studio #modal.studio-inspector .presentation-tool-grid button{background:#eceef3;color:#485368;border:1px solid #dadee7;border-radius:8px;padding:15px 11px;font-size:11px;min-height:58px}html.office-studio #modal.studio-inspector .primary{background:#3b4455;color:#f5f6f8;border-radius:6px}html.office-studio #modal.studio-inspector input,html.office-studio #modal.studio-inspector select,html.office-studio #modal.studio-inspector textarea{border-color:#d3d8e1;border-radius:6px;background:#f8f9fa;font-size:12px}html.office-studio #modal.studio-inspector label{color:#5e6c88;font-size:10px}.studio-panel-eyebrow{color:#7d8aa4;font-size:8px;font-weight:600;letter-spacing:1.8px;margin-bottom:12px}.studio-tool-query{width:100%;padding:11px;border:1px solid #d0d5de;border-radius:6px}.studio-inspector #studio-tool-results{margin-top:15px;max-height:48vh;overflow:auto}.studio-inspector #studio-tool-results>button{display:block;width:100%;padding:12px 4px;text-align:left;background:none;border-bottom:1px solid #e8ebf1;color:#40495c}.studio-inspector #studio-tool-results strong{font-size:11px;font-weight:500}.studio-inspector #studio-tool-results small{display:block;font-size:9px;color:#7f8ca6;margin-top:5px}
html.office-studio .presentation-live #engine-host>iframe{margin-left:0;width:100%}html.office-studio.presentation-live #studio-navigator{display:none}html.office-studio.presentation-live #engine-host>iframe{margin-left:0;width:100%}
@media(min-width:600px) and (max-width:1050px){html.office-studio #studio-navigator{width:190px}html.office-studio #engine-host>iframe{margin-left:190px;width:calc(100% - 190px)}html.office-studio #phone-editor-tools{padding-left:205px}}

html.office-studio #phone-editor-tools button{width:auto!important;min-height:36px!important;padding:8px 13px!important;font-size:12px!important;text-align:center!important}
html.office-studio #modal.studio-inspector{z-index:2000}
html.office-studio:has(#modal.studio-inspector[open]) #engine-host>iframe{width:calc(100% - 600px)}
@media(min-width:600px) and (max-width:1050px){html.office-studio:has(#modal.studio-inspector[open]) #engine-host>iframe{width:calc(100% - 190px)}html.office-studio #modal.studio-inspector{width:300px}}
