.cortana-view-container{width:100%;position:relative}.cortana-view-canvas-shell{aspect-ratio:16/10;background:0 0;border-radius:clamp(14px,2.8vw,26px);width:100%;max-height:min(680px,82vh);position:relative;overflow:visible;-webkit-mask-image:radial-gradient(98% 96% at 50% 48%,#000 58%,#000000b8 78%,#0003 92%,#0000 100%);mask-image:radial-gradient(98% 96% at 50% 48%,#000 58%,#000000b8 78%,#0003 92%,#0000 100%);-webkit-mask-source-type:alpha;mask-mode:alpha}.cortana-loading-overlay{z-index:10;pointer-events:none;background:#fcfaf7e0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cortana-loading-spinner{border:3px solid #1a1a1a26;border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite cortana-spin}.cortana-loading-label{color:var(--color-ink-medium,#333);font-size:.9rem;font-family:var(--font-sans,system-ui, sans-serif)}@keyframes cortana-spin{to{transform:rotate(360deg)}}.cortana-viewer-error{color:var(--color-ink-dark,#1a1a1a);background:#b43c3c26;border:1px solid #b43c3c66;border-radius:6px;margin-top:.75rem;padding:.75rem 1rem;font-size:.9rem}.cortana-viewer-error code{font-family:var(--font-mono,monospace);font-size:.85em}.cortana-controls-stack{flex-direction:column;gap:.65rem;margin-top:.75rem;display:flex}.cortana-anim-controls{flex-wrap:wrap;align-content:flex-start;gap:.5rem;max-height:min(320px,42vh);margin-top:0;padding-right:.35rem;display:flex;overflow-y:auto}.cortana-look-controls{border-top:1px solid #1a1a1a1a;flex-wrap:wrap;gap:.5rem;margin-top:0;padding-top:.55rem;display:flex}.cortana-look-btn{font-size:.78rem}.cortana-anim-btn{width:auto;max-width:100%;font-family:var(--font-sans,system-ui, sans-serif);background:var(--color-surface,#fff);color:var(--color-ink-dark,#1a1a1a);cursor:pointer;border:1px solid #1a1a1a33;border-radius:6px;margin:0;padding:.35rem .65rem;font-size:.8rem;transition:border-color .15s,background .15s}.cortana-anim-btn:hover{border-color:rgba(var(--color-accent-rgb), .5)}.cortana-anim-btn--active{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb), .1);font-weight:600}@media (min-width:1025px){.cortana-anim-desktop-wrap{flex-shrink:0;min-width:0}.cortana-anim-desktop-label{font-family:var(--font-sans,system-ui, sans-serif);color:var(--color-ink-medium,#555);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.7rem;font-weight:600;display:block}.cortana-anim-desktop-body{flex-direction:row;align-items:flex-start;gap:.35rem;min-width:0;display:flex}.cortana-anim-desktop-panel{flex:1 1 0;min-width:0;min-height:0}.cortana-anim-desktop-expand{box-sizing:border-box;width:2.25rem;height:2.25rem;color:var(--color-ink-dark,#1a1a1a);background:var(--color-surface,#fff);cursor:pointer;border:1px solid #1a1a1a2e;border-radius:8px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;margin:.15rem 0 0;padding:0;transition:background .12s,border-color .12s,color .12s;display:flex}.cortana-anim-desktop-expand:hover{border-color:rgba(var(--color-accent-rgb), .4);background:rgba(var(--color-accent-rgb), .07);color:var(--color-accent)}.cortana-anim-desktop-chevron{border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:.5rem;height:.5rem;transition:transform .18s;display:block;transform:rotate(45deg)}.cortana-anim-desktop-chevron--expanded{margin-bottom:-.12rem;transform:rotate(225deg)}.cortana-anim-desktop-expand:focus{outline:none}.cortana-anim-desktop-expand:focus-visible{outline:2px solid rgba(var(--color-accent-rgb), .45);outline-offset:2px}.cortana-rail-hide-chrome,.cortana-rail-show-chrome{z-index:12;box-sizing:border-box;width:2.25rem;height:2.25rem;color:var(--color-ink-dark,#1a1a1a);cursor:pointer;background:#fffffff0;border:1px solid #1a1a1a2e;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;transition:background .12s,border-color .12s,color .12s;display:flex;position:absolute;top:.45rem;right:.45rem;box-shadow:0 1px 10px #00000014}.cortana-rail-hide-chrome:hover,.cortana-rail-show-chrome:hover{border-color:rgba(var(--color-accent-rgb), .4);background:rgba(var(--color-accent-rgb), .08);color:var(--color-accent)}.cortana-rail-hide-chrome:focus,.cortana-rail-show-chrome:focus{outline:none}.cortana-rail-hide-chrome:focus-visible{outline:2px solid rgba(var(--color-accent-rgb), .45);outline-offset:2px}.cortana-rail-show-chrome:focus-visible{outline:2px solid rgba(var(--color-accent-rgb), .45);outline-offset:2px}.cortana-rail-chrome-icon{flex-shrink:0;width:1rem;height:1rem;display:block}.cortana-mosaic-layout .cortana-page-viewer-sidebar .cortana-view-container--canvas-only{height:100%;min-height:0}.cortana-mosaic-layout .cortana-page-viewer-sidebar .cortana-view-container--canvas-only .cortana-view-canvas-shell{flex:auto;min-height:0}}@media (max-width:1024px){.cortana-controls-stack{padding-bottom:max(.25rem, env(safe-area-inset-bottom,0px));gap:.5rem;margin-top:.5rem}.cortana-anim-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.45rem;display:grid}.cortana-anim-btn{text-align:center;-webkit-tap-highlight-color:rgba(var(--color-accent-rgb), .12);border-radius:10px;min-height:44px;padding:.5rem .55rem;font-size:.8125rem;line-height:1.25}.cortana-look-controls{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;scroll-snap-type:x proximity;border-top:1px solid #1a1a1a14;flex-wrap:nowrap;gap:.4rem;margin:0;padding:.5rem 0 .15rem;overflow:auto hidden}.cortana-look-controls .cortana-look-btn{scroll-snap-align:start;border-radius:999px;flex:none;min-height:42px;padding:.45rem 1rem;font-size:.8125rem}}