.grimoire-engine-room .grimoire-wrapper{position:relative;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;border:1px solid rgba(0,229,255,.18);background:#0a0a12;box-shadow:0 0 60px #00e5ff0f,0 0 120px #aa44ff0a}.grimoire-engine-room .grimoire-wrapper:fullscreen{width:100vw;height:100svh;max-width:none;aspect-ratio:auto;border-radius:0;border:0}.grimoire-engine-room .grimoire-wrapper canvas{display:block;width:100%;height:100%}.grimoire-engine-room .grimoire-title-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(180deg,#0a0a12eb,#0a0a1200);z-index:10;pointer-events:none}.grimoire-engine-room .grimoire-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.grimoire-engine-room .grimoire-title{font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:13px;font-weight:700;color:#00e5ff;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 12px rgba(0,229,255,.35)}.grimoire-engine-room .grimoire-subtitle{font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:10px;color:#555568;letter-spacing:1.5px}.grimoire-engine-room .grimoire-snapshot-label{font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:10px;color:#889;letter-spacing:1.5px;text-align:right;text-transform:uppercase}.grimoire-engine-room .grimoire-snapshot-label [data-snapshot-label-short]{display:none}.grimoire-engine-room .fullscreen-btn{pointer-events:auto;font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#00e5ff;background:#00e5ff1a;border:1px solid rgba(0,229,255,.28);border-radius:3px;padding:6px 9px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.grimoire-engine-room .fullscreen-btn:hover{background:#00e5ff2e;border-color:#00e5ff80}.grimoire-engine-room .fullscreen-btn:disabled{cursor:not-allowed;opacity:.45}.grimoire-engine-room .grimoire-wrapper.is-fullscreen .fullscreen-btn{color:#fed;border-color:#ffeedd47}.grimoire-engine-room .grimoire-bottom-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(0deg,#0a0a12e0,#0a0a1200);z-index:10;pointer-events:none}.grimoire-engine-room .grimoire-hint{font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:9px;color:#445;letter-spacing:1px}.grimoire-engine-room .grimoire-tooltip{position:absolute;pointer-events:none;padding:10px 14px;background:#0a0a16f0;border:1px solid rgba(0,229,255,.3);border-radius:3px;color:#ccc;font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:11px;line-height:1.55;max-width:250px;opacity:0;transition:opacity .2s ease;z-index:20;box-shadow:0 4px 20px #00000080;white-space:pre-line}.grimoire-engine-room .grimoire-tooltip .tt-title{font-weight:700;margin-bottom:4px;font-size:11px}.grimoire-engine-room .diag-panel{position:absolute;top:40px;right:12px;bottom:36px;width:210px;background:#0c0c16e0;border:1px solid rgba(0,229,255,.15);border-radius:4px;z-index:8;overflow-y:auto;padding:12px 10px;font-family:IBM Plex Mono,JetBrains Mono,monospace;scrollbar-width:thin;scrollbar-color:#222 transparent}.grimoire-engine-room .diag-panel::-webkit-scrollbar{width:4px}.grimoire-engine-room .diag-panel::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.grimoire-engine-room .diag-header{font-size:10px;font-weight:700;color:#fed;letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,238,221,.15)}.grimoire-engine-room .diag-section-title{font-size:9px;font-weight:700;letter-spacing:1.5px;margin:10px 0 5px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.06)}.grimoire-engine-room .diag-section-title.green{color:#2fe089}.grimoire-engine-room .diag-section-title.yellow{color:#ffe033}.grimoire-engine-room .diag-section-title.red{color:#f22}.grimoire-engine-room .diag-item{display:flex;align-items:flex-start;gap:6px;margin:4px 0;font-size:9px;line-height:1.4;color:#999}.grimoire-engine-room .diag-dot{width:6px;height:6px;min-width:6px;border-radius:50%;margin-top:3px}.grimoire-engine-room .diag-dot.green{background:#2fe089;box-shadow:0 0 6px #2fe089}.grimoire-engine-room .diag-dot.yellow{background:#ffe033;box-shadow:0 0 6px #ffe033}.grimoire-engine-room .diag-dot.red{background:#f22;box-shadow:0 0 6px #f22;animation:grimoire-pulse-red 1.5s ease-in-out infinite}@keyframes grimoire-pulse-red{0%,to{opacity:1;box-shadow:0 0 6px #f22}50%{opacity:.5;box-shadow:0 0 12px #f22}}.grimoire-engine-room .reset-btn{position:absolute;bottom:32px;left:16px;z-index:12;font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#00e5ff;background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:3px;padding:6px 14px;cursor:pointer;transition:background .2s,border-color .2s,opacity .3s;opacity:0;pointer-events:none}.grimoire-engine-room .reset-btn.visible{opacity:1;pointer-events:auto}.grimoire-engine-room .reset-btn:hover{background:#00e5ff29;border-color:#00e5ff80}.grimoire-engine-room .focus-label{position:absolute;bottom:58px;left:16px;z-index:12;font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:0;transition:opacity .3s;pointer-events:none}.grimoire-engine-room .focus-label.visible{opacity:1}.grimoire-engine-room .layer-nav{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:12;display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 4px;background:#0a0a16b3;border:1px solid rgba(0,229,255,.12);border-radius:4px}.grimoire-engine-room .layer-nav-spine{position:absolute;left:50%;top:14px;bottom:14px;width:2px;transform:translate(-50%);background:linear-gradient(180deg,#aa44ff59,#ff00aa4d,#00e5ff59,#39ff144d,#ffe03359);border-radius:1px;z-index:0;pointer-events:none}.grimoire-engine-room .layer-nav-dot{position:relative;z-index:1;display:flex;align-items:center;gap:6px;background:none;border:1px solid transparent;border-radius:3px;padding:7px 8px 7px 6px;cursor:pointer;transition:background .2s,border-color .25s}.grimoire-engine-room .layer-nav-dot:hover{background:#ffffff0d;border-color:#ffffff1f}.grimoire-engine-room .layer-nav-dot[aria-pressed=true]{background:#ffffff14;border-color:#ffffff2e}.grimoire-engine-room .ln-dot{width:8px;height:8px;min-width:8px;border-radius:50%;transition:transform .2s}.grimoire-engine-room .layer-nav-dot[aria-pressed=true] .ln-dot{transform:scale(1.4)}.grimoire-engine-room .ln-label{font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:8px;font-weight:600;letter-spacing:1px;color:#666;transition:color .2s}.grimoire-engine-room .layer-nav-dot:hover .ln-label{color:#aaa}.grimoire-engine-room .layer-nav-dot[aria-pressed=true] .ln-label{color:#ddd}.grimoire-engine-room .grimoire-mobile-diag{list-style:none;padding:0;margin:1.5rem 0 0}.grimoire-engine-room .diag-item-mobile{display:flex;align-items:center;gap:8px;font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:11px;color:#999;padding:4px 0}@media(max-width:640px){.grimoire-engine-room .grimoire-wrapper{max-width:min(100%,460px);aspect-ratio:9 / 16;min-height:70svh}.grimoire-engine-room .grimoire-title-bar{align-items:flex-start;padding:10px}.grimoire-engine-room .grimoire-title{font-size:10px;letter-spacing:1.8px}.grimoire-engine-room .grimoire-subtitle{display:none}.grimoire-engine-room .grimoire-title-actions{align-items:flex-end;flex-direction:column;gap:6px}.grimoire-engine-room .grimoire-snapshot-label{font-size:8px;letter-spacing:.8px}.grimoire-engine-room .grimoire-snapshot-label [data-snapshot-label-full]{display:none}.grimoire-engine-room .grimoire-snapshot-label [data-snapshot-label-short]{display:inline}.grimoire-engine-room .fullscreen-btn{font-size:8px;letter-spacing:1px;padding:5px 7px}.grimoire-engine-room .diag-panel{display:none}.grimoire-engine-room .layer-nav{inset:auto auto 34px 50%;transform:translate(-50%);flex-direction:row-reverse;padding:4px 8px}.grimoire-engine-room .layer-nav-spine{inset:50% 14px auto;width:auto;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,#ffe03359,#39ff144d,#00e5ff59,#ff00aa4d,#aa44ff59)}.grimoire-engine-room .layer-nav-dot{padding:8px 7px}.grimoire-engine-room .ln-label{display:none}.grimoire-engine-room .grimoire-bottom-bar{padding-bottom:8px}.grimoire-engine-room .grimoire-hint{max-width:220px;text-align:center;font-size:8px;line-height:1.4}.grimoire-engine-room .focus-label{bottom:76px;max-width:calc(100% - 32px);font-size:9px;letter-spacing:1.2px}.grimoire-engine-room .reset-btn{bottom:52px;font-size:8px;padding:5px 10px}.grimoire-engine-room .grimoire-tooltip{max-width:min(230px,calc(100% - 36px));font-size:10px}}@media(min-width:641px){.grimoire-engine-room .grimoire-mobile-diag{display:none}}.grimoire-engine-room .grimoire-wrapper.is-fullscreen{width:100vw;height:100svh;max-width:none;aspect-ratio:auto;min-height:100svh;border-radius:0}.grimoire-engine-room .grimoire-wrapper.is-fullscreen .diag-panel{display:none}.grimoire-engine-room .grimoire-wrapper.is-fullscreen .layer-nav{display:flex}.grimoire-engine-room__caption{margin-top:14px;text-align:center;font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#555568}.grimoire-engine-room__caption a{color:#889;text-decoration:none;border-bottom:1px solid rgba(0,229,255,.25);transition:color .2s,border-color .2s}.grimoire-engine-room__caption a:hover{color:#00e5ff;border-bottom-color:#00e5ff99}