.materials-workspace{height:calc(100vh - 72px);display:grid!important;grid-template-columns:300px minmax(0,1fr);background:var(--paper);overflow:hidden}.materials-workspace[hidden]{display:none!important}.materials-tree-panel{min-width:0;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.materials-tree-head{padding:24px 18px 14px;display:flex;align-items:center;justify-content:space-between}.materials-tree-head h2{margin:0;font:600 21px Onest,sans-serif}.materials-search{margin:0 14px 10px;height:36px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--muted)}.materials-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.materials-actions{padding:0 14px 12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.materials-actions button{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:11px;cursor:pointer}.materials-actions button:hover{border-color:#9db5a5;color:var(--green)}.folder-tree{flex:1;min-height:0;overflow:auto;padding:4px 8px 16px}.tree-folder{--depth:0;height:34px;padding:0 6px 0 calc(4px + var(--depth)*13px);display:flex;align-items:center;gap:6px;border-radius:7px;color:#5f615b;font-size:12px;cursor:pointer}.tree-folder:hover,.tree-folder.selected{background:var(--green-soft);color:var(--green)}.folder-toggle,.folder-more{width:18px;height:25px;padding:0;border:0;background:transparent;color:#8e8e87;cursor:pointer}.folder-more{margin-left:auto;opacity:0}.tree-folder:hover .folder-more{opacity:1}.folder-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tree-page{width:100%;min-height:32px;padding:6px 8px 6px 36px;display:flex;align-items:flex-start;gap:7px;border:0;border-radius:7px;background:transparent;color:#73736c;text-align:left;font-size:11px;cursor:pointer}.tree-page:hover,.tree-page.active{background:#e9ece8;color:var(--text)}.tree-page>span:last-child{min-width:0;display:flex;flex-direction:column}.tree-page b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tree-page small{margin-top:2px;color:#999}.tree-empty{padding:24px 12px;color:#999;text-align:center;font-size:11px}.materials-tree-foot{padding:12px 16px;border-top:1px solid var(--line);color:#999;font-size:9px}.material-editor{min-width:0;overflow:auto;background:var(--paper)}.material-empty{height:100%;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.material-empty-icon{color:#8fac9a;font-size:42px}.material-empty h2{margin:15px 0 5px;color:var(--text);font:600 24px Onest,sans-serif}.material-empty p{max-width:430px;margin:0 0 20px;font-size:12px;line-height:1.6}.editor-inner{width:min(820px,calc(100% - 64px));margin:0 auto;padding:28px 0 70px}.editor-inner[hidden],.material-empty[hidden]{display:none!important}.editor-topline{margin-bottom:25px;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{min-width:0;display:flex;align-items:center;gap:7px;color:#919189;font-size:10px}.breadcrumbs i{color:#bbb;font-style:normal}.editor-actions{display:flex;align-items:center;gap:5px}.autosave-state{margin-right:5px;color:#779083;font-size:9px}.danger-icon{color:#b85c53}.material-title-input{width:100%;margin:0 0 18px;padding:0;border:0;outline:0;background:transparent;color:var(--text);font:700 34px Onest,sans-serif;letter-spacing:-.035em}.editor-toolbar{position:sticky;top:0;z-index:2;padding:7px;display:flex;flex-wrap:wrap;gap:3px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.editor-toolbar button{padding:6px 8px;border:0;border-radius:6px;background:transparent;color:#686962;font-size:10px;cursor:pointer}.editor-toolbar button:hover{background:var(--green-soft);color:var(--green)}.material-body{width:100%;min-height:52vh;padding:22px 4px;display:block;resize:vertical;border:0;outline:0;background:transparent;color:var(--text);font:14px/1.8 Manrope,sans-serif}.editor-footer{padding-top:10px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#aaa;font-size:9px}body.dark .tree-page:hover,body.dark .tree-page.active{background:#2f332e}@media(max-width:720px){.materials-workspace{height:calc(100vh - 62px);grid-template-columns:145px minmax(0,1fr)}.materials-tree-head{padding:16px 8px 10px}.materials-tree-head h2{font-size:16px}.materials-tree-head .eyebrow,.materials-tree-foot{display:none}.materials-search{margin:0 6px 8px;padding:0 7px}.materials-actions{grid-template-columns:1fr;padding:0 6px 8px}.materials-actions button{padding:7px 3px;font-size:10px}.folder-tree{padding:2px 3px}.tree-folder{padding-left:calc(1px + var(--depth)*8px);gap:3px;font-size:10px}.tree-page{padding-left:18px;font-size:10px}.editor-inner{width:calc(100% - 28px);padding-top:18px}.breadcrumbs{max-width:48%;overflow:hidden}.material-title-input{font-size:25px}.editor-toolbar{position:static}.material-body{min-height:58vh;font-size:13px}}