.landing-drawing-stage{background-color:#f8fafc;background-image:radial-gradient(#cbd5e180 .7px,#0000 .7px);background-size:16px 16px}.landing-drawing-viewport{place-items:center;display:grid;container-type:size}.landing-drawing-size{container-type:inline-size}.landing-drawing-scene{perspective:160cqw;height:100%;transform-style:preserve-3d;position:relative}.landing-drawing-leaf{backface-visibility:visible;pointer-events:none;position:absolute}.landing-panel-volume,.landing-panel-faces{transform-style:preserve-3d}.landing-panel-faces{width:100%;height:100%}.landing-panel-front,.landing-panel-back{backface-visibility:hidden;width:100%;height:100%;position:absolute}.landing-panel-back{transform:translateZ(calc(-1 * var(--panel-depth))) rotateY(180deg)}.landing-panel-edge{background:linear-gradient(90deg, color-mix(in srgb, var(--landing-profile) 72%, black), color-mix(in srgb, var(--landing-profile) 88%, white) 32%, color-mix(in srgb, var(--landing-profile) 86%, black));position:absolute}.landing-panel-left,.landing-panel-right{width:var(--panel-depth);transform-origin:0;height:100%;top:0;transform:rotateY(90deg)}.landing-panel-left{left:0}.landing-panel-right{left:100%}.landing-panel-top,.landing-panel-bottom{width:100%;height:var(--panel-depth);transform-origin:top;left:0;transform:rotateX(-90deg)}.landing-panel-top{background:color-mix(in srgb, var(--landing-profile) 75%, white);top:0}.landing-panel-bottom{background:color-mix(in srgb, var(--landing-profile) 65%, black);top:100%}.landing-colour-swatch{background-image:linear-gradient(145deg,#ffffff38,#ffffff0a 42%,#0f172a29);box-shadow:inset 0 1px 1px #ffffff2e,0 1px 2px #0f172a14}.landing-colour-option:after{content:"";background:var(--color-teal-600);opacity:0;pointer-events:none;border-radius:999px;width:8px;height:3px;position:absolute;bottom:2px}.landing-colour-option[data-selected=true]:after{opacity:1}@media (hover:hover){.landing-colour-option:hover .landing-colour-swatch{transform:translateY(-1px)}}@media (prefers-reduced-motion:no-preference){.landing-colour-swatch{transition:transform .18s}.landing-colour-option:after{transition:opacity .18s}}.landing-custom-colour{background:conic-gradient(#ef4444,#f59e0b,#facc15,#22c55e,#3b82f6,#a855f7,#ef4444)}.landing-frame-inner-left,.landing-frame-inner-right{top:var(--frame-face);height:calc(100% - 2 * var(--frame-face))}.landing-frame-inner-left{left:var(--frame-face)}.landing-frame-inner-right{left:calc(100% - var(--frame-face))}.landing-frame-inner-top,.landing-frame-inner-bottom{left:var(--frame-face);width:calc(100% - 2 * var(--frame-face))}.landing-frame-inner-top{top:var(--frame-face)}.landing-frame-inner-bottom{top:calc(100% - var(--frame-face))}