body{font-family:sans-serif;max-width:1100px;margin:0 auto;padding:16px}main{display:grid;grid-template-columns:320px 1fr;gap:16px}main.single{grid-template-columns:1fr}input,textarea,button{box-sizing:border-box;margin:6px 0;padding:8px;width:-moz-available}select{box-sizing:border-box;margin:6px 0;padding:8px}textarea{min-height:120px}button{width:auto}.to{display:flex;gap:8px;align-items:center}.to input{flex:1}.icon{min-width:36px;padding:8px 0}.login input,.login button{display:block;width:100%;max-width:320px}.bar{margin-bottom:12px}.bar button{margin-right:8px}.tree,.view,.panel,.book{border:1px solid #ccc;min-height:400px;padding:12px}.tree{overflow:auto;padding:10px}.tree ul{list-style:none;margin:0;padding-left:14px}.root{font-weight:700}.folder,.mail{display:block;width:100%;text-align:left;background:#fff;border:0;padding:6px 8px;cursor:pointer}.folder{display:flex;justify-content:space-between;margin-top:4px}.folder.active,.folder:hover,.mail:hover{background:#f5f5f5}.mail{padding-left:18px;border-top:1px solid #f2f2f2}.mail strong,.mail small{display:block}.mail small,.list small{color:#666}.empty{padding:6px 8px 6px 18px;color:#666}.row,.suggest{display:flex;gap:8px;flex-wrap:wrap}.row button,.suggest button{width:auto}.suggest{margin-bottom:6px}.contact{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #f2f2f2}.contact:first-child{border-top:0}.view pre{white-space:pre-wrap;margin:0}.view iframe{width:100%;min-height:320px;border:0;background:#fff}.active{background:#f0f4ff}.articles-page{min-height:400px}.articles-shell{display:grid;grid-template-columns:280px 1fr;gap:16px}.articles-list,.card{border:1px solid #ccc;background:#fff}.articles-list{padding:12px}.articles-list-head,.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.article-items{display:grid;gap:8px;max-height:760px;overflow:auto}.article-item{width:100%;text-align:left;border:1px solid #ddd;background:#fafafa}.article-item.selected{background:#eef4ff;border-color:#8ca9d6}.article-item strong,.article-item small{display:block}.articles-main{display:grid;gap:16px}.card{padding:14px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-two label,.article-form label{display:block}.grid-two span,.article-form label span,.stack-block>span{display:block;font-size:13px;color:#555}.inline-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-add input{flex:1 1 220px;min-width:0}.editor-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.wysiwyg-editor{min-height:280px;border:1px solid #ccc;padding:10px;background:#fff;overflow:auto}.wysiwyg-editor:focus{outline:2px solid #c8daf6;outline-offset:0}.wysiwyg-editor:empty:before{content:"Contenu de l'article";color:#888}.stack-block{margin-top:10px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px}.asset-tile{display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left;border:1px solid #d8dde5;background:#fafbfd;padding:8px}.asset-tile img{width:100%;height:90px;object-fit:cover;background:#eef2f6}.asset-tile.file{min-height:90px;justify-content:space-between}.asset-tile small{color:#666;word-break:break-word}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chip{border:1px solid #cfd6df;background:#f7f9fc;border-radius:999px}.chip.static{padding:8px 12px}.article-preview h2{margin-bottom:8px}.article-meta{color:#666;margin-top:0}.article-header{display:block;max-width:100%;max-height:260px;margin:0 0 14px;object-fit:cover;background:#f2f2f2;float:right}.article-html{border-top:1px solid #eee;padding-top:12px;clear:both}.wysiwyg-editor img,.article-html img,.article-inline-image{display:block;margin:1rem auto;max-width:100%;height:auto;cursor:zoom-in}.article-docs{padding-left:18px}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:grid;place-items:center;padding:24px;z-index:1000}.modal-sheet{width:min(960px,100%);max-height:100%;overflow:auto}.image-modal img{max-width:100%;max-height:100%}@media(max-width:980px){main{grid-template-columns:1fr}}@media(max-width:980px){.articles-shell,.grid-two{grid-template-columns:1fr}}