:root{--bg-deep:#0f0f0f;--bg-panel:#1e1e1e;--bg-hover:#2d2d2d;--accent:#0e639c;--accent-glow:#1177bb;--text-main:#d4d4d4;--text-dim:#888;--mac-anchor:#569cd6;--diff-del:#4b1818;--diff-add:#1e3a1e;--rail-width:240px;--border-main:#333;--border-dim:#444;--input-bg:#111;--tag-bg:#2d2d2d;--tag-text:#aaa}[data-theme="light"]{--bg-deep:#f5f5f5;--bg-panel:#ffffff;--bg-hover:#e0e0e0;--text-main:#333333;--text-dim:#666666;--diff-del:#ffe0e0;--diff-add:#e0ffe0;--border-main:#ccc;--border-dim:#bbb;--input-bg:#fff;--tag-bg:#e0e0e0;--tag-text:#555}[data-theme="light"] .editor-pane textarea{color:#8e4225}[data-theme="light"] .console-logs{background:#eaeaea;color:#333;border-top:1px solid var(--border-main)}[data-theme="light"] .log-entry{border-bottom:1px solid var(--border-main)}[data-theme="light"] .lock-inputs select,[data-theme="light"] .lock-inputs input{background:#fff;color:#333;border-color:var(--border-main)}#speakeasy-lock{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:10000}.lock-card{background:var(--bg-panel);padding:40px;border-radius:12px;border:1px solid var(--accent);box-shadow:0 0 30px rgba(14,99,156,0.2);width:100%;max-width:400px;text-align:center}.lock-card h2{margin-top:0;color:var(--accent-glow);letter-spacing:3px;font-size:1.4rem;text-shadow:0 0 10px rgba(17,119,187,0.4)}.lock-inputs{display:flex;flex-direction:column;gap:15px;margin-top:25px}.lock-inputs select,.lock-inputs input{background:#000;border:1px solid #444;color:var(--text-main);padding:12px;border-radius:4px;font-family:monospace;font-size:0.9rem;outline:none;transition:border-color 0.2s}.lock-inputs select:focus,.lock-inputs input:focus{border-color:var(--accent-glow)}#unlock-btn{background:var(--accent);color:white;border:none;padding:15px;border-radius:4px;font-weight:bold;letter-spacing:1px;cursor:pointer;margin-top:10px;transition:background 0.2s}#unlock-btn:hover{background:var(--accent-glow);box-shadow:0 0 15px rgba(17,119,187,0.3)}.error-msg{color:#f44336;font-size:0.8rem;margin-top:10px;display:none}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;background:var(--bg-deep);color:var(--text-main);font-family:'Segoe UI',sans-serif;display:block}#app-container{display:grid;grid-template-columns:var(--rail-width) 1fr;grid-template-rows:100vh;grid-template-areas:"nav hub";height:100vh;width:100vw;overflow:hidden}.axoneme-shell{margin:0;padding:0;overflow:hidden}@media (max-width:768px){#app-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"nav" "hub"}.command-rail{flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid #333;align-items:center;overflow:visible}.rail-header,.rail-spacer{display:none!important}.hide-mobile{display:none!important}.env-context{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;gap:8px!important;padding:10px 5px 0 0!important;border-top:1px solid #333!important;margin-top:5px!important}.env-context .header-env{flex:1 1 33%!important;min-width:0!important;display:block!important;margin:0!important}.env-context .tenant-display{flex:2 1 66%!important;min-width:0!important;display:block!important}.env-context input{width:100%!important;min-width:0!important;display:block!important}datalist,datalist option{display:none!important}.lock-out{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;height:38px!important;padding:0!important;margin:0!important;font-size:1.2rem!important;background:rgba(244,67,54,0.1)!important;border:1px solid #f44336!important;border-radius:4px!important}.nav-item{margin-bottom:0;margin-right:5px;padding:8px 12px;font-size:0.8rem;white-space:nowrap}.sub-nav-item{background:transparent;border:none;color:var(--text-dim);padding:12px 20px;cursor:pointer;border-bottom:2px solid transparent;outline:none;font-weight:bold;transition:all 0.2s}.sub-nav-item:hover{color:var(--text-main);background:var(--bg-hover)}.sub-nav-item.active{color:var(--accent-glow);border-bottom-color:var(--accent)}[data-theme="light"] .sub-nav{border-bottom-color:#ccc!important;background:#fff!important}[data-theme="light"] .sub-nav-item:hover{background:#f5f5f5}.workspace-header{padding-top:15px!important}}.command-rail{grid-area:nav;background:var(--bg-panel);border-right:1px solid var(--border-main);display:flex;flex-direction:column;justify-content:flex-start;padding:10px;z-index:100;height:100vh;overflow-y:auto}.rail-silo-selector{padding:0 15px 20px 15px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #2d2d2d;margin-bottom:15px}[data-theme="light"] .rail-silo-selector{border-bottom-color:#ccc}.rail-silo-selector label{font-size:0.65rem;font-weight:bold;color:var(--text-dim);letter-spacing:1px}.rail-silo-selector select{width:100%;background:var(--bg-deep);border:1px solid #444;color:var(--text-main);padding:8px 12px;border-radius:6px;font-family:monospace;font-size:0.85rem;outline:none;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s}[data-theme="light"] .rail-silo-selector select{border-color:#ccc}.rail-silo-selector select:focus{border-color:var(--accent);box-shadow:0 0 8px rgba(14,99,156,0.3)}.rail-silo-selector optgroup{background:var(--bg-panel);color:var(--text-dim);font-family:sans-serif;font-size:0.75rem;font-weight:bold}.rail-silo-selector option{background:var(--bg-deep);color:var(--text-main);font-family:monospace;font-size:0.85rem}.rail-header{font-weight:bold;font-size:1.2rem;padding:15px;color:var(--accent-glow);letter-spacing:2px}.nav-item{background:transparent;border:none;color:var(--text-dim);padding:12px 15px;text-align:left;cursor:pointer;border-radius:4px;margin-bottom:5px;font-size:0.95rem;transition:all 0.2s}.nav-item:hover{background:var(--bg-hover);color:white}.nav-item.active{background:var(--accent);color:white}.rail-spacer{flex:1}.env-context{padding:20px 5px;border-top:1px solid var(--border-main);display:flex;flex-direction:column;gap:12px}.header-env,#brandId{width:100%;background:var(--input-bg);border:1px solid var(--border-dim);color:var(--accent-glow);padding:10px;border-radius:4px;font-family:monospace;font-size:0.85rem;outline:none}#brandId{color:var(--text-main)}#brandId:focus{border-color:var(--accent)}.lock-out{margin-top:10px;color:#f44336!important;border:1px solid transparent}.lock-out:hover{background:rgba(244,67,54,0.1)!important;border-color:#f44336}.workspace-hub{grid-area:hub;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.view-pane{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.settings-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--bg-panel);border-bottom:1px solid #333;gap:15px;flex-wrap:wrap}.setting-group{display:flex;align-items:center;gap:10px}.btn-setting{background:transparent;border:1px solid #444;color:var(--text-dim);cursor:pointer;padding:6px 12px;border-radius:4px;transition:all 0.2s;font-size:0.85rem}.btn-setting:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--text-dim)}.btn-setting.danger:hover{background:rgba(244,67,54,0.1);color:#f44336;border-color:#f44336}.hamburger-menu{position:relative}.settings-dropdown{position:absolute;right:0;bottom:100%;margin-bottom:5px;background:var(--bg-panel);border:1px solid var(--border-main);border-radius:4px;display:flex;flex-direction:column;min-width:180px;z-index:1000;box-shadow:0 -4px 12px rgba(0,0,0,0.4)}.dropdown-item{background:transparent;border:none;padding:12px 15px;text-align:left;color:var(--text-dim);cursor:pointer;transition:all 0.2s;font-size:0.85rem;width:100%;border-bottom:1px solid var(--border-main)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-main)}.dropdown-item.danger{color:#f44336}.dropdown-item.danger:hover{background:rgba(244,67,54,0.1)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999;display:none;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.modal-content{background:var(--bg-panel);border:1px solid var(--border-dim);width:80%;max-width:900px;max-height:80vh;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,0.5)}.modal-header{padding:15px 20px;border-bottom:1px solid var(--border-main);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.2rem;color:var(--text-main)}.modal-body{padding:20px;overflow-y:auto;flex:1}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.catalog-card{background:var(--bg-deep);border:1px solid var(--border-main);padding:15px;border-radius:6px;cursor:pointer;transition:all 0.2s}.catalog-card:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-2px)}.catalog-card h3{margin:0 0 10px 0;font-size:1rem;color:var(--accent-glow);word-break:break-all}.catalog-card p{margin:0;font-size:0.85rem;color:var(--text-dim)}.catalog-card .tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}[data-theme="light"] .modal-content{background:#fff;border-color:#ccc}[data-theme="light"] .modal-header{border-bottom:1px solid #ccc}[data-theme="light"] .catalog-card{background:#f9f9f9;border-color:#ddd}[data-theme="light"] .catalog-card:hover{border-color:#999;background:#fff}.workspace-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-main);flex-wrap:wrap;gap:10px}.workspace-header h1{font-size:1.1rem;margin:0;font-weight:400}.editor-pane{flex:1;display:flex;flex-direction:column;background:var(--bg-deep)}.editor-toolbar{padding:10px 20px;display:flex;gap:10px;background:var(--bg-panel);align-items:center}.editor-toolbar input,.editor-toolbar select{background:var(--input-bg);border:1px solid var(--border-dim);color:var(--text-main);padding:8px 12px;border-radius:4px;font-family:'Segoe UI',sans-serif;font-size:0.9rem;outline:none;transition:border-color 0.2s,box-shadow 0.2s}.editor-toolbar input:focus,.editor-toolbar select:focus{border-color:var(--accent);box-shadow:0 0 5px rgba(14,99,156,0.4)}.editor-toolbar input::placeholder{color:#666}.tag-suggestions{display:flex;gap:8px;flex-wrap:wrap;background:var(--bg-panel);padding:0 20px 10px 20px}.tag-pill{background:var(--tag-bg);border:1px solid var(--border-dim);padding:3px 10px;border-radius:12px;font-size:0.75rem;cursor:pointer;color:var(--tag-text);transition:all 0.2s;user-select:none}.tag-pill:hover{background:var(--accent);color:white;border-color:var(--accent-glow)}.editor-pane textarea{flex-grow:1;width:100%;height:100%;background:transparent;color:#ce9178;border:none;padding:20px;font-family:'Fira Code','Cascadia Code',monospace;font-size:14px;line-height:1.6;resize:none;outline:none}.editor-toolbar input:disabled,.editor-toolbar input[readonly]{opacity:0.6;cursor:not-allowed}#diff-viewer,#mag-diff-viewer{flex:1;min-height:0;overflow-y:auto;padding:20px;font-family:'Fira Code','Cascadia Code',monospace;font-size:14px;line-height:1.6;white-space:pre-wrap}.diff-line{padding:2px 12px;display:block;border-left:4px solid transparent}.diff-line.del{background:transparent!important;border-color:#f44336;color:var(--text-dim);text-decoration:line-through}.diff-line.add{background:transparent!important;border-color:#4caf50;color:var(--text-main)}.diff-line.anchor{color:var(--mac-anchor);font-weight:bold;padding-top:15px}.console-logs{height:120px;background:#000;border-top:1px solid #333;padding:10px 20px;font-family:monospace;font-size:12px;color:#aaa;overflow-y:auto}.log-entry{margin-bottom:4px;border-bottom:1px solid #111;padding-bottom:2px}.sub-nav-item{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim,#888888);padding:8px 16px;margin-right:10px;cursor:pointer;font-family:inherit;font-size:0.95rem;transition:all 0.2s ease}.sub-nav-item:hover{color:var(--text-main,#e0e0e0);background:rgba(255,255,255,0.05);border-radius:4px 4px 0 0}.sub-nav-item.active{color:var(--accent-glow,#569cd6);border-bottom:2px solid var(--accent-glow,#569cd6);font-weight:600}.lore-sub-nav-container{display:flex;border-bottom:1px solid var(--border-color,#333333);margin-bottom:15px}