/* A single stable software workspace. All dimensions are native pixels. */
.canvas{width:1440px}
.input-camera{left:240px}
.input-scene{transform-origin:720px 405px}
/* Ported from google-editor-motion-replica.html: .ambient, .window,
   .window::before and .panel. Only palette, dimensions and activation envelope adapt. */
.workspace-frame{position:absolute;inset:32px;z-index:0;isolation:isolate;overflow:visible;border-radius:16px;pointer-events:none}
.workspace-ambient{position:absolute;inset:-80px;z-index:-2;opacity:var(--amb,0);background:radial-gradient(ellipse at var(--bx,32%) 36%,#e0ddf8 0,transparent 46%),radial-gradient(ellipse at 69% 23%,#fff0d9 0,transparent 42%),radial-gradient(ellipse at 48% 76%,#f7e6ef 0,transparent 40%);filter:blur(30px)}
.workspace-surface{position:absolute;inset:0;z-index:0;opacity:var(--surface-reveal,0);background:#fff;border:1px solid #e8e8ef;border-radius:16px;box-shadow:0 6px 18px rgba(44,39,77,.045)}
.workspace-edge{position:absolute;inset:-1px;z-index:1;isolation:isolate;border-radius:17px;--brand-soft:color-mix(in srgb,#6765e1 60%,#fff);background:conic-gradient(from var(--angle,0deg),var(--brand-soft) 0%,#cdc9f5 25%,#f7f9fb 35%,#f5d4ae 50%,#edb9d4 75%,var(--brand-soft) 100%);padding:2px;box-shadow:0 0 2px #b9b5e840;opacity:var(--edge-state,0)}
.workspace-edge::before{content:"";position:absolute;inset:-10px;background:inherit;border-radius:25px;filter:blur(21px);opacity:var(--glow,.24);z-index:-1}
.workspace-panel{height:100%;width:100%;overflow:hidden;border-radius:15px;background:#fff;position:relative}
/* The input UI and its camera are untouched. Its former full-screen white backing
   is supplied by the shared canvas, so it cannot hide the environment-light layer. */
.input-scene{background:transparent}
.work-scene{z-index:1;background:transparent}
/* Header and content remain at their existing physical x coordinates. */
.work-header{top:33px;left:33px;right:33px;height:48px;padding:0 35px;border-radius:15px 15px 0 0}
.viewport{top:81px;left:33px;right:33px;bottom:33px}
.page-camera{left:131px;top:167px}
/* Workspace proportion preview: native-size UI, more room for the original glow. */
html,body,.stage,.canvas{background:transparent}
.workspace-frame{inset:56px 80px}
.work-header{top:57px;left:81px;right:81px}
.viewport{top:105px;left:81px;right:81px;bottom:57px}
.page-camera{left:83px;top:143px}
/* The result's reading hierarchy fits the shorter workspace through spacing only. */
.results{top:1104px}
.results-head{margin-bottom:8px}
.disclosure{margin-bottom:8px}
.results .table-head{height:48px}
.results .table-scroll{height:380px}
.results .customer-row{height:76px}
.results .table-footer{height:42px}

