:root{--os-topbar:#3d4647;--os-blue:#1a6faf;--os-blue-dark:#1557a0;--os-blue-bg:#dce6f5;--os-green:#4aae5a;--os-error:#d32f2f;--os-bg:#fff;--os-bg-light:#f5f6f7;--os-bg-hover:#eee;--os-border:#dedede;--os-text:#333;--os-text-sub:#555;--os-text-muted:#888;--os-text-inv:#fff;--font:"Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--r-sm:3px;--r-md:4px;--r-lg:6px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--os-bg-light);color:var(--os-text);font-family:var(--font);-webkit-font-smoothing:antialiased;height:100%;font-size:14px;line-height:1.5}a{color:var(--os-blue);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--os-blue);color:#fff}.nav-global{z-index:100;background:var(--os-topbar);flex-shrink:0;align-items:center;gap:6px;height:40px;padding:0 12px;display:flex;position:sticky;top:0}.nav-hamburger{color:#fff;border-radius:var(--r-md);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:none}.nav-hamburger:hover{background:#ffffff1f}.nav-global .brand{color:var(--os-text-inv);flex-shrink:0;align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.nav-global .brand:hover{color:var(--os-text-inv);text-decoration:none}.nav-global .spacer{flex:1}.nav-user-wrap{align-items:center;display:flex;position:relative}.nav-user-btn{border-radius:var(--r-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 6px;display:flex}.nav-user-btn:hover{background:#ffffff1f}.nav-global .nav-avatar{background:var(--os-blue);color:#fff;cursor:default;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:600;display:inline-flex}.nav-dropdown{background:var(--os-bg);border:1px solid var(--os-border);border-radius:var(--r-lg);z-index:200;min-width:160px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000024}.nav-dropdown-label{color:var(--os-text-muted);border-bottom:1px solid var(--os-border);white-space:nowrap;text-overflow:ellipsis;padding:10px 16px 8px;font-size:12px;overflow:hidden}.nav-dropdown-item{width:100%;color:var(--os-text);text-align:left;font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;display:flex}.nav-dropdown-item:hover{background:var(--os-bg-hover);color:var(--os-text);text-decoration:none}.coming-soon{color:var(--os-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 24px;display:flex}.coming-soon h2{color:var(--os-text);margin:0;font-size:18px;font-weight:500}.coming-soon p{margin:0;font-size:14px}.app-shell{min-height:calc(100vh - 40px);display:flex}.sidebar{background:var(--os-bg);border-right:1px solid var(--os-border);flex-direction:column;flex-shrink:0;width:220px;height:calc(100vh - 40px);display:flex;position:sticky;top:40px;overflow-y:auto}.sidebar-nav{flex:1;padding:0}.sidebar-item{color:var(--os-text);cursor:pointer;font-size:13px;font-family:var(--font);text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:9px;width:100%;padding:8px 16px 8px 10px;text-decoration:none;transition:background .12s;display:flex}.sidebar-item:hover{background:var(--os-bg-hover);color:var(--os-text);text-decoration:none}.sidebar-item.active{color:var(--os-blue);background:var(--os-blue-bg);border-left-color:var(--os-blue);font-weight:500}.app-main{background:var(--os-bg-light);flex:1}.page-header{z-index:10;background:var(--os-bg);border-bottom:1px solid var(--os-border);align-items:center;padding:10px 24px;display:flex;position:sticky;top:40px}.page-header h1{color:var(--os-text);font-size:16px;font-weight:500}.container{padding:12px 24px 48px}.hero-wrap{background:var(--os-bg);justify-content:center;align-items:center;min-height:calc(100vh - 48px);display:flex}.hero{text-align:center;max-width:560px;padding:48px 32px}.hero h1{color:var(--os-text);margin-bottom:12px;font-size:28px;font-weight:500;line-height:1.25}.hero .lead{color:var(--os-text-sub);margin-bottom:32px;font-size:15px;line-height:1.6}.hero .hero-cta{align-items:center;gap:12px;display:inline-flex}button,.btn{font-family:var(--font);cursor:pointer;border:none;transition:background .14s,box-shadow .14s}button:focus-visible,.btn:focus-visible{outline:2px solid var(--os-blue);outline-offset:2px}button[disabled]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--os-blue);color:#fff;border-radius:var(--r-lg);padding:9px 20px;font-size:14px;font-weight:500;display:inline-block;border:1px solid var(--os-blue)!important}.btn-primary:hover{background:var(--os-blue-dark);color:#fff;text-decoration:none;border-color:var(--os-blue-dark)!important}.btn-secondary{background:var(--os-bg);color:var(--os-text);border-radius:var(--r-lg);padding:7px 16px;font-size:14px;font-weight:400;display:inline-block;border:1px solid var(--os-border)!important}.btn-secondary:hover{background:var(--os-bg-hover);text-decoration:none}.btn-ghost{color:var(--os-text-sub);border-radius:var(--r-lg);background:0 0;padding:9px 12px;font-size:14px;display:inline-block}.btn-ghost:hover{color:var(--os-text);background:var(--os-bg-hover);text-decoration:none}.btn-utility{background:var(--os-bg);color:var(--os-text);border-radius:var(--r-md);padding:6px 12px;font-size:13px;display:inline-block;border:1px solid var(--os-border)!important}.btn-utility:hover{background:var(--os-bg-hover);text-decoration:none}.btn-pearl{background:var(--os-blue);color:#fff;border-radius:var(--r-md);padding:6px 14px;font-size:13px;font-weight:500;display:inline-block;border:1px solid var(--os-blue)!important}.btn-pearl:hover{background:var(--os-blue-dark);text-decoration:none;border-color:var(--os-blue-dark)!important}.btn-pearl[disabled]{background:var(--os-bg-hover);color:var(--os-text-muted);border-color:var(--os-border)!important}.link-action{color:var(--os-blue);background:0 0;padding:4px 0;font-size:13px;font-weight:500}.link-action:hover{color:var(--os-blue-dark);text-decoration:underline}.card{background:var(--os-bg);border:1px solid var(--os-border);border-radius:var(--r-lg);margin-top:8px;padding:0;overflow:hidden}.card-header{border-bottom:1px solid var(--os-border);color:var(--os-text);background:var(--os-bg);align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.card-body{padding:16px 20px}.card h2{color:var(--os-text);border-bottom:1px solid var(--os-border);margin:0;padding:12px 20px;font-size:14px;font-weight:500}.card h2:before{display:none}.profile-grid{grid-template-columns:max-content 1fr;align-items:baseline;gap:10px 24px;padding:16px 20px;display:grid}.profile-grid dt{color:var(--os-text-muted);text-transform:uppercase;letter-spacing:.4px;margin:0;font-size:12px;font-weight:500}.profile-grid dd{color:var(--os-text);margin:0;font-size:14px}details{padding:0 20px 16px}details summary{color:var(--os-blue);cursor:pointer;align-items:center;gap:4px;font-size:13px;list-style:none;display:inline-flex}details summary::-webkit-details-marker{display:none}details[open] summary:after{content:" ▴"}details summary:after{content:" ▾"}pre{background:var(--os-bg-light);border:1px solid var(--os-border);border-radius:var(--r-md);font-family:var(--font-mono);color:var(--os-text-sub);max-height:240px;margin-top:10px;padding:14px;font-size:12px;line-height:1.5;overflow-x:auto}.section-head{color:var(--os-text);margin:0 0 4px;font-size:20px;font-weight:500}.section-head em{color:var(--os-blue);font-style:normal}.section-tagline{color:var(--os-text-muted);margin:0 0 20px;font-size:14px}.doc-list{flex-direction:column;display:flex}.doc-table-header{border-bottom:1px solid var(--os-border);background:var(--os-bg-light);color:var(--os-text-muted);text-transform:uppercase;letter-spacing:.4px;grid-template-columns:1fr 200px 80px;gap:0;padding:8px 20px;font-size:12px;font-weight:500;display:grid}.doc{border-bottom:1px solid var(--os-border);grid-template-columns:1fr 200px 80px;align-items:center;gap:0;min-height:48px;padding:10px 20px;transition:background .1s;display:grid}.doc:last-child{border-bottom:0}.doc:hover{background:var(--os-bg-light)}.doc-head{display:contents}.doc-thumb{display:none}.doc-body{align-items:center;gap:12px;min-width:0;display:flex}.doc-thumb{border-radius:var(--r-md);background:var(--os-bg-light);border:1px solid var(--os-border);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.doc-thumb img{object-fit:cover;width:100%;height:100%;display:block}.doc-thumb-fallback{color:var(--os-blue);font-size:16px;font-weight:600}.doc-title{color:var(--os-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:400;overflow:hidden}.doc-meta{color:var(--os-text-sub);font-size:13px}.doc-meta em{font-style:normal}.doc-actions{justify-content:flex-end;display:flex}.doc-expand-btn{border-radius:var(--r-md);width:28px;height:28px;color:var(--os-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .12s;display:flex;border:1px solid var(--os-border)!important}.doc-expand-btn:hover{background:var(--os-bg-hover);color:var(--os-text)}.elem-panel{border-bottom:1px solid var(--os-border);grid-column:1/-1}.elements{background:var(--os-bg)}.elem-row{border-top:1px solid var(--os-border);justify-content:space-between;align-items:center;gap:12px;padding:9px 20px 9px 48px;display:flex}.elem-row:hover{background:var(--os-bg-light)}.elem-info{align-items:center;gap:10px;min-width:0;display:flex}.elem-thumb{border-radius:var(--r-md);background:var(--os-bg-light);border:1px solid var(--os-border);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.elem-thumb img{object-fit:cover;width:100%;height:100%;display:block}.elem-thumb-icon{color:var(--os-blue);justify-content:center;align-items:center;display:flex}.elem-thumb-icon[data-type=ASSEMBLY]{color:#7c4dcc}.elem-text{flex-direction:column;gap:1px;min-width:0;display:flex}.elem-name{color:var(--os-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.elem-type{color:var(--os-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.elem-actions{flex-shrink:0;align-items:center;gap:16px;display:inline-flex}.status-icon{display:block}.status-icon.status-ok{color:#2e7d32}.status-icon.status-err{color:var(--os-error)}.status-text,.status{color:var(--os-text-muted);font-size:12px}.status.err{color:var(--os-error)}.export-status-area{justify-content:center;align-items:center;width:100px;display:flex}.export-bar{background:var(--os-border);border-radius:99px;width:100%;height:3px;overflow:hidden}.export-bar-fill{background:var(--os-blue);border-radius:99px;height:100%;transition:width .6s}.export-ok-msg{color:#2e7d32;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.export-err-msg{color:var(--os-error);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.muted{color:var(--os-text-muted);padding:12px 0;font-size:13px}.err{color:var(--os-error);font-size:13px;font-weight:500}.pill{background:var(--os-bg-hover);color:var(--os-text-sub);border:1px solid var(--os-border);border-radius:99px;padding:2px 10px;font-size:12px;display:inline-block}.center-state{text-align:center;color:var(--os-text-muted);padding:48px 0;font-size:14px}.footer{background:var(--os-topbar);color:#aaa;margin-top:0}.footer .footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:28px 24px;font-size:13px;display:flex}.footer .footer-quote{color:#ccc;font-size:13px}.footer .footer-meta{color:#777;font-size:12px}@media (width>=769px){.sidebar-closed{display:flex!important}}@media (width<=768px){body{overflow-x:hidden}.nav-hamburger{display:flex}.sidebar-closed{display:none}.app-shell{flex-direction:column;height:auto}.sidebar{border-right:none;border-bottom:1px solid var(--os-border);width:100%;height:auto;position:static}.sidebar-nav{flex-direction:column;padding:0;display:flex}.sidebar-item{border-bottom:none;border-left:3px solid #0000;width:100%;padding:10px 16px 10px 10px}.sidebar-item.active{border-left-color:var(--os-blue)}.page-header{padding:10px 16px;top:40px}.app-main{overflow-y:visible}.container{padding:12px 12px 32px}.doc,.doc-table-header{grid-template-columns:1fr 44px}.doc-table-header .col-modified,.doc .doc-meta{display:none}.elem-row{gap:8px;padding:9px 12px 9px 28px}.elem-actions{gap:6px}.export-status-area{width:auto;min-width:0}.hero{padding:32px 20px}.hero h1{font-size:22px}.hero .lead{margin-bottom:24px;font-size:14px}.hero-cta{flex-direction:column;gap:8px;width:100%}.hero-cta .btn-primary,.hero-cta .btn-ghost{text-align:center;width:100%}.footer .footer-inner{text-align:center;flex-direction:column;gap:8px;padding:20px 16px}}@media (width<=400px){.elem-row{padding:8px 10px 8px 18px}.elem-name{font-size:12px}.btn-pearl{padding:5px 10px;font-size:12px}}