:root{--bg-primary: #1a1410;--bg-secondary: #2d2418;--bg-tertiary: #3d3020;--bg-panel: #251e16;--accent-orange: #ff6b2b;--accent-amber: #ffb347;--accent-teal: #3dd6d0;--accent-rust: #c45a2c;--accent-green: #4ade80;--accent-red: #ef4444;--text-primary: #e8d5b7;--text-secondary: #c9b896;--text-muted: #8a7a5c;--text-glow: #ffd89b;--glow-orange: 0 0 10px #ff6b2b, 0 0 20px rgba(255, 107, 43, .4);--glow-amber: 0 0 10px #ffb347, 0 0 20px rgba(255, 179, 71, .4);--glow-teal: 0 0 10px #3dd6d0, 0 0 20px rgba(61, 214, 208, .4);--border-subtle: 1px solid rgba(255, 179, 71, .2);--border-accent: 1px solid rgba(255, 107, 43, .5);--font-display: "VT323", monospace;--font-mono: "Share Tech Mono", monospace;--header-height: 60px;--footer-height: 40px;--banner-height: 28px;--scanline: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0, 0, 0, .03) 2px, rgba(0, 0, 0, .03) 4px )}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--scanline);pointer-events:none;z-index:9999}.app{display:flex;flex-direction:column;height:100vh;background:radial-gradient(ellipse at 30% 20%,rgba(255,107,43,.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(61,214,208,.03) 0%,transparent 50%),var(--bg-primary)}.header{height:var(--header-height);background:var(--bg-secondary);border-bottom:var(--border-accent);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:relative;z-index:100}.header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-orange),transparent);box-shadow:var(--glow-orange)}.header__link{color:var(--accent-teal);text-decoration:none;font-size:.85rem;transition:all .3s ease;text-shadow:var(--glow-teal)}.header__link:hover{color:var(--text-glow)}.header__title{font-family:var(--font-display);font-size:2rem;color:var(--accent-amber);text-shadow:var(--glow-amber);letter-spacing:.1em;text-transform:uppercase}.header__actions{display:flex;gap:1rem}.banner{height:var(--banner-height);background:#ff6b2b1a;border-bottom:var(--border-subtle);overflow:hidden;display:flex;align-items:center}.banner__content{display:flex;animation:scroll-left 30s linear infinite;white-space:nowrap;color:var(--text-secondary);font-size:.8rem}.banner__content span{padding:0 3rem}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.main{flex:1;display:flex;overflow:hidden}.panel{display:flex;flex-direction:column;background:var(--bg-panel);overflow:hidden}.panel--editor{flex:1;min-width:300px;border-right:var(--border-accent)}.panel--canvas{flex:1;min-width:400px}.panel__header{height:36px;background:var(--bg-tertiary);border-bottom:var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.panel__header-title{display:flex;align-items:center;gap:.5rem}.panel__header-icon{color:var(--accent-orange)}.panel__content{flex:1;overflow:hidden;position:relative}.resizer{width:6px;background:var(--bg-tertiary);cursor:col-resize;position:relative;transition:background .2s ease}.resizer:hover{background:var(--accent-orange);box-shadow:var(--glow-orange)}.resizer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:30px;background:var(--text-muted);border-radius:1px}.footer{height:var(--footer-height);background:var(--bg-secondary);border-top:var(--border-accent);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.7rem;color:var(--text-muted)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-orange),transparent)}.footer__stats{display:flex;gap:1.5rem}.footer__stat{display:flex;align-items:center;gap:.4rem}.footer__stat-value{color:var(--accent-amber);font-weight:600}.footer__tech{display:flex;gap:.5rem;align-items:center}.footer__tech-item{padding:.15rem .5rem;background:#ff6b2b1a;border:1px solid rgba(255,107,43,.3);border-radius:3px;font-size:.65rem;color:var(--text-secondary)}.footer__version{color:var(--text-muted)}.btn{font-family:var(--font-mono);font-size:.8rem;padding:.5rem 1rem;border:1px solid var(--accent-orange);background:#ff6b2b1a;color:var(--accent-amber);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.btn:hover{background:#ff6b2b4d;box-shadow:var(--glow-orange)}.btn--primary{background:var(--accent-orange);color:var(--bg-primary)}.btn--primary:hover{background:var(--accent-amber)}.btn--small{padding:.25rem .5rem;font-size:.7rem}.status{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem}.status__dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status--valid .status__dot{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status--error .status__dot{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.status--warning .status__dot{background:var(--accent-amber);box-shadow:0 0 6px var(--accent-amber)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.monaco-editor{background:transparent!important}.monaco-editor .margin{background:var(--bg-panel)!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider{background:#ffb3474d!important}.canvas-container{width:100%;height:100%;position:relative;background:linear-gradient(rgba(61,214,208,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(61,214,208,.03) 1px,transparent 1px);background-size:20px 20px}.minimap{position:absolute;bottom:1rem;right:1rem;width:150px;height:100px;background:var(--bg-secondary);border:var(--border-accent);border-radius:4px;overflow:hidden;opacity:.9}.minimap__viewport{position:absolute;border:1px solid var(--accent-teal);background:#3dd6d01a}.tooltip{position:absolute;background:var(--bg-secondary);border:var(--border-accent);padding:.5rem .75rem;font-size:.75rem;color:var(--text-primary);border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:1000;max-width:250px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);border:var(--border-accent);border-radius:8px;padding:1.5rem;min-width:400px;max-width:600px;box-shadow:var(--glow-orange)}.modal__header{font-family:var(--font-display);font-size:1.5rem;color:var(--accent-amber);margin-bottom:1rem;text-transform:uppercase}.modal__body{margin-bottom:1.5rem}.modal__footer{display:flex;justify-content:flex-end;gap:1rem}.input{width:100%;padding:.75rem;background:var(--bg-primary);border:var(--border-subtle);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 0 2px #ff6b2b33}.input::placeholder{color:var(--text-muted)}.label{display:block;margin-bottom:.5rem;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem 2rem .5rem .75rem;background:var(--bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ffb347' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") no-repeat right .5rem center;border:var(--border-subtle);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;cursor:pointer}.select:focus{outline:none;border-color:var(--accent-orange)}.viz-tabs{display:flex;gap:0;border-bottom:var(--border-subtle)}.viz-tab{padding:.5rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.viz-tab:hover{color:var(--text-primary);background:#ff6b2b1a}.viz-tab--active{color:var(--accent-amber);border-bottom-color:var(--accent-orange)}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.loading__spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffb3474d}.glow-orange{text-shadow:var(--glow-orange)}.glow-teal{text-shadow:var(--glow-teal)}.glow-amber{text-shadow:var(--glow-amber)}.text-orange{color:var(--accent-orange)}.text-teal{color:var(--accent-teal)}.text-amber{color:var(--accent-amber)}.text-muted{color:var(--text-muted)}.header__title-bracket{color:var(--accent-orange);opacity:.7}.footer__tech-label{color:var(--text-muted);margin-right:.5rem;font-size:.65rem;text-transform:uppercase}.turtle-editor{width:100%;height:100%;overflow:hidden}.turtle-editor :global(.monaco-editor){padding-top:.5rem}.ontology-canvas{width:100%;height:100%;position:relative;overflow:hidden;cursor:grab}.ontology-canvas:active{cursor:grabbing}.ontology-canvas canvas{display:block}.canvas-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted);font-size:.9rem}.canvas-empty__icon{font-size:3rem;color:var(--accent-orange);opacity:.5}