:root{--bg-page: #f4f5f7;--surface-1: #ffffff;--surface-2: #f7f8fa;--border: #e2e4e9;--border-strong: #c7cbd4;--text-primary: #1b1e27;--text-secondary: #565c6b;--text-muted: #8b90a0;--accent: #4648d4;--accent-bg: #eaf1fe;--accent-border: #b9d1fb;--danger: #d1373f;--danger-bg: #fbeceb;--danger-border: #f0c4c2;--radius: 8px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:#f8fafc;color:#1b1b23;min-height:100vh}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}.login-shell{background:linear-gradient(135deg,#e0f2fe,#ccfbf1,#e0e7ff);min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.oc-root{position:relative;display:flex;height:calc(100vh - 112px);min-height:560px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface-1);box-shadow:0 1px 3px #14161e0f}.oc-sidebar{width:300px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface-2)}.oc-sidebar-head{padding:14px 14px 10px;border-bottom:1px solid var(--border)}.oc-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 10px;display:flex;align-items:center;gap:8px}.oc-title .material-symbols-outlined{color:var(--accent);font-size:20px}.oc-search{width:100%;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);font-size:13px;margin-bottom:8px;font-family:inherit}.oc-add-btn{width:100%;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}.oc-add-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.oc-add-btn .material-symbols-outlined{font-size:18px}.oc-global-val-btn{width:100%;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.oc-global-val-btn:hover{border-color:var(--accent);color:var(--accent)}.oc-global-val-btn .material-symbols-outlined{margin-right:6px}.oc-validator-container{border:1px solid var(--border-strong);padding:10px;border-radius:8px;background:var(--surface-2)}.oc-validator-textarea{width:100%;min-height:260px;border:1px solid var(--border-strong);border-radius:6px;padding:12px 14px;font-family:var(--font-mono);font-size:13px;line-height:1.6}.oc-validator-tabs{display:flex;gap:8px;align-items:center}.oc-validator-hide-link{font-size:12px;color:var(--text-muted);text-decoration:underline;cursor:pointer}.oc-validator-hide-link:hover{color:var(--accent)}.oc-drop{padding:18px}.oc-validator-container .oc-editor-wrap{min-height:260px}.oc-validator-container .oc-editor-textarea{height:100%;padding:12px 14px}.oc-list{flex:1;overflow-y:auto;padding:6px}.oc-empty{padding:24px 14px;text-align:center;color:var(--text-muted);font-size:13px;line-height:1.6}.oc-item{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:var(--radius);cursor:pointer;margin-bottom:2px;border:1px solid transparent;width:100%;text-align:left;background:none;font-family:inherit}.oc-item:hover{background:var(--surface-1)}.oc-item.active{background:var(--accent-bg);border-color:var(--accent-border)}.oc-item-icon{width:44px;height:36px;border-radius:6px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:var(--font-mono);background:var(--surface-2);color:var(--text-secondary)}.oc-item-icon .material-symbols-outlined{font-size:18px;color:var(--accent)}.oc-item-format{font-size:10px;margin-top:2px;color:var(--text-muted)}.oc-item-body{min-width:0;flex:1}.oc-item-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-item.active .oc-item-name{color:var(--accent);font-weight:600}.oc-item-meta{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-item-actions{display:flex;gap:2px;flex-shrink:0;opacity:0}.oc-item:hover .oc-item-actions{opacity:1}.oc-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:5px;border-radius:5px;display:flex;align-items:center}.oc-icon-btn .material-symbols-outlined{font-size:16px}.oc-icon-btn:hover{color:var(--text-primary);background:var(--border)}.oc-icon-btn.danger:hover{color:var(--danger);background:var(--danger-bg)}.oc-icon-btn.accent:hover{color:var(--accent);background:var(--accent-bg)}.oc-preview{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface-1)}.oc-preview-head{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;flex-wrap:wrap}.oc-preview-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-preview-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.oc-chip-btn{font-size:12px;padding:6px 10px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:5px;font-family:inherit}.oc-chip-btn .material-symbols-outlined{font-size:15px}.oc-chip-btn:hover{border-color:var(--accent);color:var(--accent)}.oc-chip-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.oc-chip-btn:disabled{opacity:.45;cursor:not-allowed}.oc-preview-body{flex:1;overflow-y:auto;padding:8px 20px 24px}.oc-preview-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--text-muted);font-size:13px;text-align:center;padding:20px}.oc-error{margin:16px 0;padding:12px 14px;border-radius:var(--radius);background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);font-size:13px;font-family:var(--font-mono);white-space:pre-wrap}.oc-shared-banner{margin:14px 20px 0;padding:10px 14px;border-radius:var(--radius);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-primary);font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.oc-shared-banner strong{color:var(--accent)}.oc-shared-banner .oc-share-url{flex:1}.swagger-ui{font-family:var(--font-sans)!important}.swagger-ui .topbar{display:none}.swagger-ui .info{margin:12px 0}.swagger-ui .scheme-container{background:transparent;box-shadow:none;padding:0}.oc-modal-overlay{position:fixed;inset:0;background:#14161e8c;display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.oc-modal{width:520px;max-width:92vw;max-height:85vh;overflow-y:auto;background:var(--surface-1);border-radius:12px;border:1px solid var(--border);box-shadow:0 12px 32px #14161e47;padding:20px}.oc-modal.oc-modal-wide{width:720px}.oc-modal h3{font-size:16px;font-weight:600;margin:0 0 14px;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:10px}.oc-field{margin-bottom:12px}.oc-field label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:5px}.oc-field input[type=text],.oc-field input[type=password],.oc-field select{width:100%;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);font-size:13px;font-family:inherit}.oc-field input:focus,.oc-field textarea:focus,.oc-field select:focus{outline:2px solid var(--accent-border);border-color:var(--accent)}.oc-field textarea{width:100%;height:260px;padding:10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;resize:vertical}.oc-editor-wrap{border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;background:var(--surface-1)}#oc-cm-editor{height:420px;width:100%;min-height:420px;background:var(--surface-1)}.oc-editor-wrap .monaco-editor,.oc-editor-wrap .monaco-editor-background,.oc-editor-wrap .margin{background:var(--surface-1)!important}.oc-editor-wrap .monaco-editor .line-numbers{color:var(--text-muted)!important}.oc-editor-textarea{width:100%;height:100%;padding:14px 16px;border:none;outline:none;box-sizing:border-box;background:var(--surface-1);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.7;resize:vertical;white-space:pre;overflow:auto;tab-size:2}.oc-editor-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.oc-btn .material-symbols-outlined{margin-right:8px;font-size:18px;vertical-align:middle}.oc-modal-preview-box .material-symbols-outlined,.oc-modal-preview-box .fa-solid{margin-right:6px}.oc-drop{display:block;border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:24px 12px;text-align:center;color:var(--text-secondary);font-size:13px;cursor:pointer;background:var(--surface-2)}.oc-drop:hover{border-color:var(--accent);color:var(--accent)}.oc-tabs{display:flex;gap:6px;margin-bottom:12px}.oc-tab{flex:1;text-align:center;padding:7px 0;font-size:12px;font-weight:500;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;font-family:inherit}.oc-tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.oc-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px}.oc-modal-actions-right{display:flex;gap:8px}.oc-btn{padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;font-family:inherit}.oc-btn-primary{background:var(--accent);color:#fff}.oc-btn-primary:hover{background:#3739b8}.oc-btn-primary:disabled{opacity:.5;cursor:not-allowed}.oc-btn-ghost{background:var(--surface-1);color:var(--text-secondary);border-color:var(--border-strong)}.oc-btn-ghost:hover{background:var(--surface-2)}.oc-modal-error{font-size:12px;color:var(--danger);margin-top:8px}.oc-format-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:5px;background:var(--accent-bg);color:var(--accent);font-family:var(--font-mono)}.oc-share-url{width:100%;padding:9px 10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);font-family:var(--font-mono);font-size:12px}.oc-share-note{font-size:12px;color:var(--text-muted);margin-top:8px;line-height:1.5}.oc-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text-primary);color:#fff;font-size:13px;padding:9px 16px;border-radius:8px;box-shadow:0 6px 18px #0003;z-index:70;opacity:0;transition:opacity .2s ease;pointer-events:none}.oc-toast.show{opacity:1}.menu_main_item.router-link-active,.menu_main_item.active,.menu_main_item[aria-current=page],.menu_main_item.router-link-active .material-symbols-outlined,.menu_main_item.router-link-active .font-label-md{color:#fff!important}nav a.router-link-active,nav a[aria-current=page],nav a.bg-primary,nav a.text-on-primary{color:#fff!important}nav a.router-link-active .material-symbols-outlined,nav a.router-link-active .font-label-md,nav a[aria-current=page] .material-symbols-outlined,nav a[aria-current=page] .font-label-md,nav a.bg-primary .material-symbols-outlined,nav a.bg-primary .font-label-md{color:#fff!important}.oc-modal-grid{display:grid;grid-template-columns:1fr;gap:12px}.oc-editor-column{min-height:320px}.oc-modal-preview{border:1px solid var(--border-strong);border-radius:8px;overflow:auto;padding:8px;background:var(--surface-2)}.modal-preview-host{min-height:280px}@media(min-width:900px){.oc-modal-grid.with-preview{grid-template-columns:1fr 480px;align-items:stretch}.oc-editor-column{min-height:420px}.oc-modal-grid.with-preview .oc-editor-wrap,.oc-modal-grid.with-preview .oc-modal-preview-box{display:flex;flex-direction:column}.oc-modal-grid.with-preview #oc-cm-editor{flex:1 1 auto;height:100%;min-height:0}.oc-modal-grid.with-preview .modal-preview-host{flex:1 1 auto;height:100%;min-height:0;max-height:none;overflow:auto}.oc-modal-grid.with-preview .oc-editor-wrap,.oc-modal-grid.with-preview .oc-modal-preview-box,.oc-modal-grid.with-preview #oc-cm-editor,.oc-modal-grid.with-preview .modal-preview-host{height:455px!important;min-height:455px!important;max-height:455px!important}}.oc-modal.oc-modal-preview-open{width:100%;max-width:1150px}.export-dropdown{display:inline-block}.export-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:var(--surface-1);border:1px solid var(--border-strong);box-shadow:0 8px 20px #14161e1f;border-radius:8px;padding:8px;z-index:100}.export-item{display:flex;gap:10px;align-items:center;width:100%;padding:8px;border-radius:6px;background:transparent;border:none;text-align:left;cursor:pointer;color:var(--text-primary)}.export-item:hover{background:var(--surface-2)}.export-icon{font-size:18px;color:var(--accent);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border-radius:6px}.export-title{font-size:13px;font-weight:600}.export-sub{font-size:12px;color:var(--text-muted)}.export-texts{display:flex;flex-direction:column;align-items:flex-start}.oc-validator-pane{display:flex;flex-direction:column;gap:8px}.oc-validator-textarea{height:140px;font-family:var(--font-mono);font-size:12px;padding:8px;border:1px solid var(--border-strong);border-radius:6px}.oc-spectral-results{margin-top:10px;display:flex;flex-direction:column;gap:10px;max-height:300px;overflow:auto}.oc-spectral-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:10px;background:var(--surface-1);border:1px solid var(--border-strong);box-shadow:0 2px 6px #14161e0a}.oc-spectral-sev{font-weight:800;font-size:12px;color:#fff;width:64px;min-width:64px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;letter-spacing:.6px}.oc-spectral-sev.err{background:#d1373f}.oc-spectral-sev.warn{background:#f59e0b;color:#2b2b2b}.oc-spectral-sev.info{background:#38bdf8}.oc-spectral-body{flex:1}.oc-spectral-message{font-size:14px;color:var(--text-primary);font-weight:600}.oc-spectral-meta{font-size:12px;color:var(--text-muted);margin-top:6px}.oc-spectral-sev[data-icon=true]{width:44px;height:36px}.oc-spectral-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-weight:700}.oc-spectral-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.oc-spectral-list .oc-spectral-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:10px;background:var(--surface-1);border:1px solid var(--border-strong);box-shadow:0 2px 6px #14161e0a}.oc-spectral-list .oc-spectral-item i{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.oc-spectral-list .oc-spectral-item.error i{color:#d1373f;background:#d1373f0f;border:1px solid rgba(209,55,63,.12)}.oc-spectral-list .oc-spectral-item.warn i{color:#f59e0b;background:#f59e0b0f;border:1px solid rgba(245,158,11,.12)}.oc-spectral-list .oc-spectral-item strong{margin-right:8px;font-weight:700}.oc-spectral-list .oc-spectral-path{font-size:13px;color:var(--text-muted);margin-top:8px}@media(max-width:899px){.oc-modal-grid.with-preview{grid-template-columns:1fr}.oc-modal.oc-modal-preview-open{width:92vw;max-width:92vw}}