:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI Variable,Segoe UI,Inter,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}:root{--bg:#f3f5f8;--panel:#fff;--panel-alt:#fbfcfd;--border:#d9e1ea;--border-dark:#c9d3df;--text:#1f2937;--muted:#6b7280;--accent:#2563eb;--accent-light:#eef4ff;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 6px 18px #0f172a14;--radius:12px;--toolbar:42px;font-family:Segoe UI Variable,Segoe UI,Inter,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--text);background:linear-gradient(#f8fafc,#edf2f7);margin:0}button,input{font:inherit}.otl-app{flex-direction:column;height:100%;display:flex}.otl-header{border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);background:linear-gradient(#fff,#fafbfd);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.otl-brand{align-items:center;gap:14px;display:flex}.otl-logo{color:#fff;background:linear-gradient(#2d74ff,#1b5fe4);border-radius:10px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.otl-brand h1{margin:0;font-size:24px}.otl-brand span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.otl-search{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:10px;width:360px;padding:9px 12px;display:flex}.otl-search input{background:0 0;border:none;outline:none;flex:1}.otl-toolbar{height:var(--toolbar);border-bottom:1px solid var(--border);background:#f6f8fb;align-items:center;gap:8px;padding:0 12px;display:flex}.spacer{flex:1}.otl-toolbar button,.otl-outline button,.tree-file{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.otl-toolbar button:hover,.otl-outline button:hover,.tree-file:hover{border-color:var(--border);background:#eef3fa}.otl-workspace{flex:1;grid-template-columns:300px 1fr 250px;display:grid;overflow:hidden}.otl-tree,.otl-outline{background:var(--panel);border-right:1px solid var(--border);overflow:auto}.otl-outline{border-left:1px solid var(--border);border-right:none;padding-bottom:20px}.otl-document{background:var(--panel-alt);flex-direction:column;display:flex;overflow:hidden}.pane-title{border-bottom:1px solid var(--border);background:linear-gradient(#fff,#f6f8fb);align-items:center;gap:8px;height:42px;padding:0 14px;font-weight:600;display:flex}.tree-group{padding:10px 8px}.tree-folder{color:#374151;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.tree-file{text-align:left;width:100%;margin-left:22px}.tree-file.active{background:var(--accent-light);color:var(--accent);border-color:#cfe0ff}.document-header{border-bottom:1px solid var(--border);background:linear-gradient(#fff,#fbfcfd);justify-content:space-between;align-items:flex-start;padding:28px 36px;display:flex}.document-id{background:var(--accent-light);color:var(--accent);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.document-header h1{margin:14px 0 8px;font-size:34px}.document-header p{color:var(--muted);margin:0}.document-badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.badge.mandatory{color:#116329;background:#e8f7ea;border-color:#b9e0c0}.document-body{max-width:900px;padding:36px;overflow:auto}.doc-section{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:22px;padding:22px 24px}.doc-section h2{border-bottom:1px solid #eef2f6;margin-top:0;padding-bottom:10px}.doc-section ul{margin:0;padding-left:22px}.otl-outline button{text-align:left;width:100%}.otl-outline hr{border:none;border-top:1px solid var(--border);margin:14px}.meta{grid-template-columns:1fr;gap:4px;padding:0 14px;display:grid}.meta strong{color:var(--muted);text-transform:uppercase;margin-top:10px;font-size:12px}.meta span{font-size:14px}.otl-statusbar{border-top:1px solid var(--border);height:32px;color:var(--muted);background:linear-gradient(#fafbfd,#f2f5f8);justify-content:space-between;align-items:center;padding:0 14px;font-size:12px;display:flex}