html,body{height:100%;min-height:100%}body{color:#17202a;background:#f7f8fa;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{color:#17202a;cursor:pointer;min-height:34px;font:inherit;background:#fff;border:1px solid #ccd3df;border-radius:6px;padding:6px 10px}button:hover{background:#eef3ff;border-color:#9db7ef}button:disabled{color:#97a1b2;cursor:not-allowed;background:#f3f5f8;border-color:#d9dee7}#app{flex-direction:column;min-height:100dvh;display:flex}#file-input{display:none}.demo-toolbar{background:#fff;border-bottom:1px solid #dfe4ec;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.demo-toolbar h1{margin:0;font-size:20px;line-height:1.2}.demo-toolbar p{color:#647084;margin:4px 0 0;font-size:13px}.demo-actions,.panel-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-selector{border:1px solid #ccd3df;border-radius:6px;align-items:center;gap:0;margin:0;padding:0;display:inline-flex;overflow:hidden}.mode-selector label{color:#526073;cursor:pointer;align-items:center;min-height:32px;padding:0 10px;font-size:13px;display:inline-flex}.mode-selector label+label{border-left:1px solid #ccd3df}.mode-selector input{opacity:0;pointer-events:none;position:absolute}.mode-selector label:has(input:checked){color:#0b4db3;background:#eef3ff}.editor-grid{grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:12px;padding:12px;display:grid}.editor-panel{background:#fff;border:1px solid #dfe4ec;border-radius:8px;flex-direction:column;min-height:560px;display:flex;overflow:hidden}.editor-panel-header{border-bottom:1px solid #e7ebf1;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.editor-panel-header strong{text-overflow:ellipsis;white-space:nowrap;max-width:42ch;font-size:14px;display:block;overflow:hidden}.editor-panel-header span{color:#647084;margin-top:2px;font-size:12px;display:block}.editor-slot,.office-editor-host,.office-editor-frame,.office-editor-host-frame{flex:1;width:100%;min-width:0;height:100%;min-height:0}.office-editor-host{display:flex}.office-editor-host-frame{border:0;display:block}.office-editor-frame>iframe[name=frameEditor]{border:0;display:block;width:100%!important;height:100%!important}#office-host{width:100vw;height:100vh;display:flex}@media (width<=680px){.demo-toolbar{flex-direction:column}.editor-grid{grid-template-columns:1fr}.editor-panel{min-height:520px}}