.lanyard-layer{position:fixed;inset:0;z-index:5;pointer-events:none}.lanyard-layer canvas{display:block}.lanyard-grip{position:fixed;top:0;left:0;width:230px;height:350px;margin:-175px 0 0 -115px;pointer-events:auto;touch-action:none;cursor:grab;will-change:transform}.lanyard-grip:active{cursor:grabbing}.card-viewer{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:var(--page)}.card-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-14);padding:var(--space-12) var(--gap);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--text-sm)}.card-viewer-bar p{margin:0}.card-viewer-close,.holo-studio-actions button{padding:var(--space-6) var(--space-12);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--tertiary);color:var(--fg);font:inherit;cursor:pointer;transition:transform .1s}.card-viewer-close:hover,.holo-studio-actions button:hover{background:var(--line)}.card-viewer-close:active,.holo-studio-actions button:active{transform:scale(.96)}.card-viewer-stage{position:relative;flex:1;min-height:0}.card-viewer-stage canvas{display:block;touch-action:none}.holo-studio{position:fixed;inset:0;z-index:210;display:flex;flex-direction:column;background:var(--page)}.holo-studio-page{position:relative;inset:auto;z-index:auto;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.holo-studio-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-14);min-height:56px;padding:var(--space-10) var(--space-16);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--text-sm)}.holo-studio-bar p{margin:0}.holo-studio-actions{display:flex;gap:var(--space-8)}.holo-studio-body{display:flex;flex:1;min-height:0}.holo-studio-stage{position:relative;flex:1;min-height:0}.holo-studio-stage canvas{display:block;touch-action:none}.holo-studio-panel{display:flex;flex-direction:column;gap:var(--space-12);width:clamp(320px,27vw,420px);padding:var(--space-12) var(--space-14);border-left:1px solid var(--line);background:var(--soft);overflow-y:auto}.holo-param{display:flex;flex-direction:column;gap:var(--space-6)}.holo-group{margin:var(--space-6) 0 0;padding-top:var(--space-10);border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:1px}.holo-studio-panel .holo-group:first-child{margin-top:0;padding-top:0;border-top:0}.holo-param-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-10);color:var(--fg);font-size:var(--text-sm)}.holo-param-head em{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-style:normal}.holo-param input{accent-color:var(--fg)}.holo-param small{color:var(--muted);font-size:var(--text-2xs);line-height:1.6}.holo-json summary{color:var(--muted);font-size:var(--text-sm);cursor:pointer}.holo-json textarea{width:100%;margin-top:var(--space-8);padding:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--entry);color:var(--fg);font-family:var(--font-mono);font-size:var(--text-2xs);resize:vertical}@media(max-width:900px){.holo-studio-body{flex-direction:column}.holo-studio-panel{width:auto;max-height:46vh;border-left:0;border-top:1px solid var(--line)}}@media(prefers-reduced-motion){.card-viewer-close,.holo-studio-actions button{transition:none}.card-viewer-close:active,.holo-studio-actions button:active{transform:none}}.lanyard-dim{position:fixed;inset:0;z-index:108;background:#0e0e1157;backdrop-filter:blur(5px) saturate(.85);animation:lanyard-dim-in .28s ease-out}:root[data-theme=dark] .lanyard-dim{background:#00000085}@keyframes lanyard-dim-in{0%{opacity:0}}.lanyard-layer.is-focused{z-index:115}.lanyard-layer.is-focused .lanyard-grip{width:880px;height:1240px;margin:-620px 0 0 -440px}.lanyard-focus-bar{position:fixed;top:calc(var(--header-height) + 12px);right:var(--gap);z-index:118;display:flex;gap:var(--space-6);animation:lanyard-bar-in .28s ease-out}.lanyard-focus-bar button{padding:var(--space-6) var(--space-12);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--page);color:var(--fg);font:inherit;cursor:pointer;transition:transform .1s,background .15s}.lanyard-focus-bar button:hover{background:var(--tertiary)}.lanyard-focus-bar button:active{transform:scale(.96)}@keyframes lanyard-bar-in{0%{opacity:0}}.lanyard-tuner{position:fixed;top:0;right:0;bottom:0;z-index:119;display:flex;flex-direction:column;width:340px;max-width:92vw;background:var(--page);border-left:1px solid var(--line);animation:lanyard-tuner-in .24s ease-out}@keyframes lanyard-tuner-in{0%{transform:translate(100%)}}.lanyard-tuner-head{display:flex;gap:var(--space-12);align-items:center;justify-content:space-between;padding:var(--space-12);border-bottom:1px solid var(--line)}.lanyard-tuner-head p{margin:0;color:var(--muted);font-size:.8125rem}.lanyard-tuner-head button{padding:var(--space-6) var(--space-12);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--tertiary);color:var(--fg);font:inherit;cursor:pointer;transition:transform .1s}.lanyard-tuner-head button:hover{background:var(--line)}.lanyard-tuner-head button:active{transform:scale(.96)}.lanyard-tuner-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-12)}@media(prefers-reduced-motion){.lanyard-dim,.lanyard-focus-bar,.lanyard-tuner{animation:none}.lanyard-focus-bar button{transition:none}.lanyard-focus-bar button:active,.lanyard-tuner-head button:active{transform:none}}