:root{--blue-dark: #0a2463;--blue-mid: #1e3a7a;--blue-accent: #1e88e5;--blue-light: #42a5f5;--green-primary: #00c9a7;--green-bright: #00e676;--green-dark: #00a884;--bg-body: #060e24;--bg-card: rgba(16, 36, 76, .92);--bg-card-hover: rgba(22, 48, 100, .98);--text-primary: #eef0ff;--text-secondary: #a8bcd8;--text-muted: #7a94b8;--border-color: rgba(30, 136, 229, .35);--red: #ff5252;--orange: #ffab40;--sidebar-width: 240px;--header-height: 60px;--radius: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg-body);color:var(--text-primary);min-height:100vh;overflow-x:hidden;animation:pageFadeIn .8s ease-out both}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bg-shapes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.12;filter:blur(80px)}.shape-1{width:600px;height:600px;background:var(--blue-accent);top:-200px;left:-100px}.shape-2{width:450px;height:450px;background:var(--green-primary);bottom:-150px;right:-100px}.shape-3{width:300px;height:300px;background:var(--green-bright);top:40%;left:50%}.shape-4{width:200px;height:200px;background:var(--blue-light);top:20%;right:10%;opacity:.09}.shape-5{width:350px;height:350px;background:var(--blue-accent);bottom:30%;left:20%;opacity:.08}.top-header{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);background:linear-gradient(135deg,#0a2463f2,#0e1e42f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 28px;z-index:100;gap:16px}.header-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.15rem;background:linear-gradient(135deg,var(--blue-light),var(--green-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1}.header-user{display:flex;align-items:center;gap:10px}.header-user-name{font-size:.85rem;color:var(--text-secondary)}.header-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue-accent),var(--green-primary));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .3s,opacity .3s}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,#07112b,#0a1a40);border-right:1px solid var(--border-color);z-index:110;display:flex;flex-direction:column;padding:20px 0;transition:transform .3s ease}.sidebar-logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.5rem;text-align:center;padding:0 20px 24px;background:linear-gradient(135deg,var(--green-primary),var(--blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:1px solid var(--border-color);margin-bottom:16px}.sidebar-nav{list-style:none;flex:1}.sidebar-nav li{margin:2px 12px}.nav-link{display:flex;align-items:center;gap:10px;padding:11px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:background .25s,color .25s}.nav-link:hover{background:#1e88e51a;color:var(--text-primary)}.nav-link.active{background:linear-gradient(135deg,#1e88e533,#00c9a726);color:var(--green-primary)}.nav-icon{font-size:1.1rem}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:105}.main-content{margin-left:var(--sidebar-width);padding:calc(var(--header-height) + 28px) 32px 40px;position:relative;z-index:1}.section{margin-bottom:56px}.section-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.6rem;margin-bottom:24px;background:linear-gradient(90deg,var(--text-primary) 0%,var(--green-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal-item{opacity:0;animation:cardReveal .5s ease-out forwards}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:22px;box-shadow:0 2px 12px #0000004d;transition:background .25s,transform .25s,box-shadow .25s}.card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 8px 32px #00c9a72e}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.project-card .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.project-card .project-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.05rem;color:var(--text-primary)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-active{background:#00e67626;color:var(--green-bright)}.badge-beta{background:#1e88e526;color:var(--blue-light)}.badge-alpha{background:#ffab4026;color:var(--orange)}.badge-maintenance{background:#ff525226;color:var(--red)}.project-meta{display:flex;gap:20px;font-size:.8rem;color:var(--text-secondary);margin-bottom:14px}.project-meta span{display:flex;align-items:center;gap:4px}.progress-bar-wrapper{background:#ffffff1a;border-radius:6px;height:8px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--blue-accent),var(--green-primary));transition:width .6s ease}.progress-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:6px}.project-description{font-size:.82rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-repo{margin-bottom:12px}.project-repo a{font-size:.8rem;color:var(--blue-light);text-decoration:none;transition:color .2s}.project-repo a:hover{color:var(--green-primary);text-decoration:underline}.asset-controls{margin-bottom:20px}.search-wrapper{margin-bottom:14px}.search-input{width:100%;max-width:420px;padding:12px 18px;background:#0e1e42cc;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:Inter,sans-serif;outline:none;transition:border-color .25s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--green-primary)}.tag-filters{display:flex;flex-wrap:wrap;gap:8px}.tag-btn{padding:7px 16px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:all .25s}.tag-btn:hover{border-color:var(--green-primary);color:var(--text-primary)}.tag-btn.active{background:linear-gradient(135deg,#00c9a733,#1e88e533);border-color:var(--green-primary);color:var(--green-primary)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.asset-card .asset-thumb{width:100%;height:120px;border-radius:var(--radius-sm);margin-bottom:12px;position:relative}.asset-file-badge{position:absolute;top:8px;right:8px;background:var(--green-primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.asset-card .asset-name{font-weight:600;font-size:.95rem;margin-bottom:6px}.asset-card .asset-info{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted)}.asset-type-tag{padding:2px 8px;border-radius:12px;font-size:.68rem;font-weight:600;background:#1e88e526;color:var(--blue-light)}.builds-table-wrapper{overflow-x:auto}.builds-table,.team-table{width:100%;border-collapse:collapse;font-size:.88rem}.builds-table th,.team-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.builds-table td,.team-table td{padding:14px 16px;border-bottom:1px solid rgba(30,136,229,.08);color:var(--text-secondary)}.builds-table tr,.team-table tr{transition:background .2s}.builds-table tbody tr:hover,.team-table tbody tr:hover{background:#1e88e50f}.badge-success{background:#00e67626;color:var(--green-bright)}.badge-failed{background:#ff525226;color:var(--red)}.badge-inprogress{background:#42a5f526;color:var(--blue-light)}.team-table-wrapper{overflow-x:auto}.member-cell{display:flex;align-items:center;gap:12px}.member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}.member-name{font-weight:600;color:var(--text-primary)}.role-badge{padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600}.role-admin{background:#ff525226;color:var(--red)}.role-developer{background:#1e88e526;color:var(--blue-light)}.role-artist{background:#00c9a726;color:var(--green-primary)}.role-qa{background:#ffab4026;color:var(--orange)}.role-viewer{background:#90a4c426;color:var(--text-secondary)}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:.82rem}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%}.status-dot.active:before{background:var(--green-bright)}.status-dot.inactive:before{background:var(--text-muted)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.event-card .event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.event-card .event-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:.95rem}.event-card .event-game{font-size:.8rem;color:var(--text-muted);margin-bottom:10px}.event-card .event-dates{font-size:.8rem;color:var(--text-secondary);margin-bottom:8px}.event-card .event-footer{display:flex;gap:8px}.badge-upcoming{background:#42a5f526;color:var(--blue-light)}.badge-live{background:#00e67626;color:var(--green-bright)}.badge-ended{background:#90a4c426;color:var(--text-muted)}.type-badge{padding:3px 10px;border-radius:12px;font-size:.68rem;font-weight:600;background:#00c9a71a;color:var(--green-primary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.kpi-card .kpi-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.kpi-card .kpi-value{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.8rem;margin-bottom:8px}.kpi-card .kpi-trend{font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:4px}.kpi-trend.up{color:var(--green-bright)}.kpi-trend.down{color:var(--red)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.add-btn{background:linear-gradient(135deg,var(--green-primary),var(--green-bright));color:var(--text-primary);border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c9a766}.btn-icon{background:#1e88e526;border:1px solid rgba(30,136,229,.3);color:var(--text-primary);padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all .2s ease;margin:0 2px}.btn-icon:hover{background:#1e88e54d;border-color:#1e88e580;transform:scale(1.05)}.card-actions{display:flex;justify-content:center;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.header-controls{display:flex;gap:8px;margin-left:auto;margin-right:16px}.header-btn{background:#1e88e526;border:1px solid rgba(30,136,229,.3);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;font-size:.85rem;transition:all .2s ease;white-space:nowrap}.header-btn:hover{background:#1e88e54d;border-color:#1e88e580;transform:translateY(-1px)}.modal-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:linear-gradient(135deg,#0d1f4b,#0a1a3a);border:1px solid var(--border-color);border-radius:var(--radius);width:90%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000080;animation:modalIn .25s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border-color)}.modal-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,var(--blue-light),var(--green-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-color)}.modal-btn{padding:10px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s ease;font-family:Inter,sans-serif}.modal-btn-cancel{background:#ffffff14;color:var(--text-secondary);border:1px solid var(--border-color)}.modal-btn-cancel:hover{background:#ffffff1f;color:var(--text-primary)}.modal-btn-confirm{background:linear-gradient(135deg,var(--green-primary),var(--green-bright));color:#fff}.modal-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00c9a766}.modal-btn-danger{background:linear-gradient(135deg,var(--red),#ff1744);color:#fff}.modal-btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ff525266}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.form-input,.form-select{width:100%;padding:10px 14px;background:#0e1e42cc;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:Inter,sans-serif;outline:none;transition:border-color .25s}.form-input:focus,.form-select:focus{border-color:var(--green-primary)}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a94b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-select option{background:#0a1a3a;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-input[type=color]{height:42px;padding:4px 8px;cursor:pointer}.form-required{color:var(--red);font-weight:400}.form-error{display:none;font-size:.75rem;color:var(--red);margin-top:4px}.form-error.visible{display:block}.form-input-error{border-color:var(--red)!important;box-shadow:0 0 0 2px #ff525226}.form-textarea{resize:vertical;min-height:60px;line-height:1.5}.form-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:6px;background:#ffffff1a;outline:none;cursor:pointer;margin-top:4px}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--green-primary),var(--green-bright));cursor:pointer;box-shadow:0 2px 8px #00c9a766;transition:transform .15s}.form-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.form-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--green-primary),var(--green-bright));cursor:pointer;border:none;box-shadow:0 2px 8px #00c9a766}.confirm-message{font-size:.95rem;color:var(--text-secondary);line-height:1.6;text-align:center;padding:8px 0}.toast-container{position:fixed;top:calc(var(--header-height) + 16px);right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{background:linear-gradient(135deg,#0d1f4b,#0a1a3a);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px 20px;color:var(--text-primary);font-size:.88rem;font-weight:500;box-shadow:0 8px 24px #0006;display:flex;align-items:center;gap:10px;animation:toastIn .3s ease-out;min-width:260px;max-width:400px}.toast.toast-success{border-left:3px solid var(--green-primary)}.toast.toast-error{border-left:3px solid var(--red)}.toast.toast-info{border-left:3px solid var(--blue-accent)}.toast.toast-out{animation:toastOut .3s ease-in forwards}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@media(max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.top-header{left:0}.hamburger{display:flex}.main-content{margin-left:0;padding-left:18px;padding-right:18px}.project-grid,.asset-grid,.events-grid,.kpi-grid{grid-template-columns:1fr}.header-controls{display:none}.section-header{flex-direction:column;align-items:stretch;gap:12px}.add-btn{width:100%}}@media(min-width:901px){.hamburger{display:none}}.scene-viewer-container{display:grid;grid-template-columns:1fr 380px;gap:24px;min-height:calc(100vh - var(--header-height) - 180px)}.scene-canvas-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden;min-height:600px}.scene-controls-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;overflow-y:auto;max-height:calc(100vh - var(--header-height) - 120px)}.control-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.control-title{font-size:.9rem;font-weight:700;color:var(--green-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;text-transform:none;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--green-primary)}.button-group{display:flex;flex-direction:column;gap:10px}.btn-primary{background:linear-gradient(135deg,var(--green-primary),var(--green-bright));color:#fff;border:none;padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;width:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c9a766}.btn-secondary{background:#1e88e526;color:var(--text-primary);border:1px solid var(--border-color);padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-secondary:hover{background:#1e88e540;border-color:var(--blue-light)}.shader-lab-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:calc(100vh - var(--header-height) - 180px)}.shader-preview-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden;min-height:600px}.shader-editor-panel{display:flex;flex-direction:column;gap:16px}.shader-presets{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px}.shader-editor{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;flex:1;display:flex;flex-direction:column}.editor-title{font-size:.85rem;font-weight:700;color:var(--green-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.code-editor{font-family:Courier New,monospace;font-size:.85rem;background:#060e24e6;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px;resize:vertical;min-height:200px;flex:1;line-height:1.6;outline:none}.code-editor:focus{border-color:var(--green-primary)}.shader-error{background:#ff52521a;border:1px solid var(--red);border-radius:var(--radius-sm);padding:12px;color:var(--red);font-size:.85rem;font-family:Courier New,monospace}.shader-error pre{margin:6px 0 0;white-space:pre-wrap;word-break:break-word}.shader-actions{display:flex;gap:10px}.shader-info{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;font-size:.82rem}.shader-info h4{color:var(--green-primary);font-size:.8rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.shader-info ul{list-style:none;margin:0 0 16px;padding:0}.shader-info ul:last-child{margin-bottom:0}.shader-info li{padding:4px 0;color:var(--text-secondary)}.shader-info code{background:#00c9a71a;color:var(--green-bright);padding:2px 6px;border-radius:4px;font-size:.8rem}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.perf-card{min-height:200px}.perf-card.wide{grid-column:span 2}.card-title{font-size:.9rem;font-weight:700;color:var(--green-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.fps-display{text-align:center;margin-bottom:20px}.fps-value{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:700;color:var(--green-primary);line-height:1}.fps-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:8px}.fps-chart{display:flex;align-items:flex-end;gap:2px;height:80px;background:#0003;border-radius:var(--radius-sm);padding:8px}.fps-bar{flex:1;border-radius:2px;transition:height .3s ease;min-height:2px}.memory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.stat-item{text-align:center}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;color:var(--green-primary)}.memory-bar{background:#ffffff1a;border-radius:6px;height:10px;overflow:hidden}.memory-fill{height:100%;background:linear-gradient(90deg,var(--green-primary),var(--green-bright));border-radius:6px;transition:width .5s ease}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.85rem;color:var(--text-primary);word-break:break-word}.info-value.small{font-size:.75rem}.limits-list{display:flex;flex-direction:column;gap:10px}.limit-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem}.limit-item:last-child{border-bottom:none}.limit-item span{color:var(--text-secondary)}.limit-item strong{color:var(--green-primary);font-weight:600}.status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-align:center}.status-badge.success{background:#00e67626;color:var(--green-bright)}.status-badge.error{background:#ff525226;color:var(--red)}.webgpu-available,.browser-info{display:flex;flex-direction:column;gap:12px}.resources-controls{margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.filter-group{display:flex;gap:12px;flex-wrap:wrap}.filter-group .form-select{min-width:160px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}.resource-card{display:flex;flex-direction:column;min-height:200px}.resource-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.resource-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;color:var(--text-primary);flex:1}.badge-category{background:#1e88e526;color:var(--blue-light);white-space:nowrap}.resource-description{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;flex:1}.resource-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.resource-framework{font-size:.8rem;color:var(--green-primary);font-weight:600}.resource-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.7rem;padding:3px 10px;background:#00c9a71a;color:var(--green-bright);border-radius:12px;font-weight:500}.resource-actions{display:flex;gap:8px;align-items:center}.resource-actions .btn-primary{flex:1}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:1rem}.resources-info{margin-top:32px}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.quick-start-item h4{color:var(--green-primary);margin-bottom:10px;font-size:1rem}.quick-start-item p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:10px}.quick-start-item code{display:block;background:#0000004d;padding:10px;border-radius:var(--radius-sm);font-size:.8rem;color:var(--green-bright);font-family:Courier New,monospace;margin-top:10px}.quick-start-item ul{list-style:none;padding:0;margin:0}.quick-start-item li{color:var(--text-secondary);font-size:.82rem;padding:4px 0 4px 16px;position:relative}.quick-start-item li:before{content:"→";position:absolute;left:0;color:var(--green-primary)}.snippets-controls{margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.snippet-card{cursor:pointer;transition:all .3s ease}.snippet-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00c9a740}.snippet-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.snippet-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:.95rem;color:var(--text-primary);flex:1}.badge-framework{background:#00c9a726;color:var(--green-bright);white-space:nowrap}.snippet-description{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px;min-height:60px}.snippet-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.snippet-category{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.snippet-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.snippet-modal{background:linear-gradient(135deg,#0d1f4b,#0a1a3a);border:1px solid var(--border-color);border-radius:var(--radius);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009;animation:modalIn .3s ease-out}.snippet-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--border-color)}.snippet-modal-header h3{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.2rem;color:var(--green-primary);margin-bottom:6px}.snippet-modal-header p{font-size:.85rem;color:var(--text-secondary)}.close-btn{background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--text-primary)}.snippet-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.snippet-modal-body pre{margin:0;background:#060e24e6;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:20px;overflow-x:auto}.snippet-modal-body code{font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;color:var(--text-primary);display:block}.snippet-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-color)}@media(max-width:900px){.scene-viewer-container,.shader-lab-container{grid-template-columns:1fr}.scene-controls-panel{max-height:none}.performance-grid .perf-card.wide{grid-column:span 1}.resources-grid,.snippets-grid,.quick-start-grid{grid-template-columns:1fr}.filter-group{flex-direction:column}.filter-group .form-select{width:100%}}