.reference-panel{border-radius:var(--template-panel-radius);min-width:0;box-shadow:inset 0 1px 0 #ffffff26, inset 0 -1px 0 var(--edge-shadow), 0 0 11px #a9d3f209, var(--shadow-low);margin:0;position:relative;overflow:hidden;padding:var(--density-panel-padding)!important;background:linear-gradient(140deg, #ffffff0d, transparent 22%, transparent 75%, #7ba9cd06), linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 96%, transparent), var(--surface-base))!important;border:1px solid #e8f3fb7a!important;border-color:#e8f3fb7a #97b4c821 #6f8b9e29 #cae0ef4d!important}.reference-panel:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(108deg,#0000,#ffffff09 24%,#0000 45%),linear-gradient(90deg,#ebf6fd21,#0000 16%) 0 0/44% 1px no-repeat;position:absolute;inset:0}.reference-panel>.page-container{z-index:1;width:100%;max-width:none;padding:0;position:relative}.reference-board .liquid-glass-control:not(.liquid-glass-primary),.reference-hero .liquid-glass-control:not(.liquid-glass-primary),.public-header .liquid-glass-control:not(.liquid-glass-primary){transition:transform var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border-color:#ecf6fd6b #9ab6c929 #70889933 #d8e9f54d}.reference-board .liquid-glass-control:focus-visible,.reference-hero .liquid-glass-control:focus-visible,.public-header .liquid-glass-control:focus-visible{outline:2px solid var(--accent-platinum);outline-offset:3px}:root[data-theme=blanc] .liquid-glass-control:not(.liquid-glass-primary),:root[data-theme=blanc] .btn-ghost{color:var(--text-primary);background:linear-gradient(#ffffffbd,#ffffff1f 52%),linear-gradient(135deg,#f8f8f5d6,#b9c0c552);border-color:#ffffffe0 #676f753d #484f5447 #ffffffad;box-shadow:inset 0 1px #fffffff5,inset 0 -1px #3c434829,0 9px 20px -14px #161b1e75}:root[data-theme=blanc] .liquid-glass-primary,:root[data-theme=blanc] .btn-primary{color:#fff;background:linear-gradient(#ffffff3d,#0000 48%),linear-gradient(135deg,#df2722,#a80f0d);border-color:#ff6f69b8 #800c0a8f #5f0706ad #ff56509e;box-shadow:inset 0 1px #ffffff70,inset 0 -1px #4800005c,0 10px 24px -14px #aa0f0dc7}:root[data-theme=blanc] .liquid-glass-surface{background:linear-gradient(145deg, #ffffffad, transparent 42%), var(--glass-fill,var(--glass-smoke-fill));box-shadow:inset 0 1px 0 #fffffff0, inset 0 -1px 0 #49505521, var(--shadow-low);border-color:#ffffffe0 #68707633 #464d523d #ffffffad}:root[data-theme=blanc] :focus-visible{outline-color:var(--accent-red-ink)}@media (prefers-reduced-motion:no-preference){body,.public-header-shell,.app-topbar,.app-surface,.reference-panel,.liquid-glass-control,.liquid-glass-surface{transition:color .18s var(--motion-ease), background-color .18s var(--motion-ease), border-color .18s var(--motion-ease), box-shadow .18s var(--motion-ease)}}