*{box-sizing:border-box}:root{--font-family: "aktiv-grotesk", sans-serif;--colour-text: #1a1a1a;--colour-text-secondary: #6b6b6b;--colour-bg: #ffffff;--colour-surface: #f5f5f5;--colour-border: #e0e0e0;--colour-border-hover: #c0c0c0;--colour-close-x: #1a1a1a;--colour-checkbox-bg: #f5f5f5;--colour-checkbox-border: #d0d0d0;--colour-checkbox-accent: var(--button-bg);--accordion-unselected-text: #6b6b6b;--accordion-unselected-text-hover: var(--colour-text);--accordion-unselected-bg: transparent;--accordion-unselected-bg-hover: transparent;--accordion-selected-text: var(--button-bg);--accordion-selected-text-hover: var(--button-bg);--accordion-selected-bg: transparent;--accordion-selected-bg-hover: transparent;--button-text: #ffffff;--button-text-hover: #ffffff;--button-bg: #2d6a36;--button-bg-hover: #245a2d;--button-border-radius: 8px;--select-bg: var(--colour-surface);--colour-range-track: #e0e0e0;--colour-range-thumb: var(--button-bg);--colour-range-thumb-outline: #ffffff;--colour-range-markers: var(--colour-text-secondary);--colour-sky: #F6F6F6;--panel-wrapper-width: 380px;--font-size-large: 14px;--font-size-medium: 13px;--spacing-large: 1rem;--spacing-medium: .5rem;--border-radius-small: 6px;--border-radius-medium: 8px;--transition-fast: .15s;--transition-medium: .25s}body{margin:0;overflow:hidden;font-family:var(--font-family);color:var(--colour-text);background-color:var(--colour-sky);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h3{font-size:15px;font-weight:600;margin:0;letter-spacing:-.01em}.scene-viewport{position:fixed;inset:0;z-index:0;background:#f6f6f6}@media screen and (min-width:769px){.scene-viewport{right:calc(var(--panel-wrapper-width) + 32px)}}.main-app{width:100%;height:100%}#main_app{touch-action:none}.main-app canvas{display:block;width:100%;height:100%}.preset-screen{position:fixed;inset:0;z-index:200;background:var(--colour-sky);display:flex;align-items:center;justify-content:center;padding:32px 24px;transition:opacity .45s ease,transform .45s ease}.preset-screen--exit{opacity:0;pointer-events:none;transform:scale(.97)}.preset-screen__inner{display:flex;flex-direction:column;align-items:center;gap:36px;max-width:1040px;width:100%}.preset-screen__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.preset-screen__logo{height:80px;width:auto;display:block}.preset-screen__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.preset-card{background:var(--colour-bg);border:2px solid var(--colour-border);border-radius:16px;overflow:hidden;cursor:pointer;padding:0;margin:0;display:flex;flex-direction:column;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000000d,0 0 0 0 transparent}.preset-card:hover{transform:translateY(-5px);border-color:var(--button-bg);box-shadow:0 12px 40px #0000001f,0 0 0 0 transparent}.preset-card:active{transform:translateY(-2px)}.preset-card__img-wrap{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--colour-border)}.preset-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.preset-card:hover .preset-card__img{transform:scale(1.05)}.preset-card__info{padding:14px 16px 16px;display:flex;align-items:baseline;gap:8px}.preset-card__label{font-size:22px;font-weight:700;color:var(--colour-text);letter-spacing:-.02em;line-height:1}.preset-card__unit{font-size:15px;font-weight:600;color:var(--colour-text)}.preset-card__desc{font-size:13px;color:var(--colour-text-secondary);font-weight:500}@media screen and (max-width:768px){.preset-screen__grid{grid-template-columns:repeat(2,1fr);gap:12px}.preset-screen__title{font-size:24px}.preset-screen__inner{gap:24px}.preset-screen{padding:40px 16px 24px;align-items:flex-start}}