:root{--ink:#23483e;--muted:#7c8c76;--paper:#f8f8f0;--line:#dce3d1;--green:#386e51;--lime:#e2eeab}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,a,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #c99a37;outline-offset:4px}button:disabled{opacity:.4;cursor:default}header{height:88px;padding:0 5%;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);gap:12px}.brand>b{font-size:38px;font-weight:400}.brand span{font-size:12px;letter-spacing:1.6px;font-weight:700}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2.5px;margin-top:4px}nav{display:flex;margin:auto;gap:8px}nav button{border:0;background:transparent;border-radius:30px;padding:12px 18px;color:#8c9b83;font-size:11px}nav button span{margin-left:10px}nav button.active{background:#e7ecd9;color:var(--ink)}.round{border:1px solid #cdd8c2;background:transparent;border-radius:50%;width:34px;height:34px}.intro{display:flex;justify-content:space-between;align-items:center;padding:28px 5% 22px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}h1{font-size:clamp(27px,3.2vw,45px);font-weight:500;letter-spacing:-1.7px;line-height:1.07;margin:12px 0 0}.intro-right{text-align:right;max-width:300px}.pill{border:1px solid #cfd9be;border-radius:25px;padding:7px 12px;font-size:8px;letter-spacing:1px}.intro-right p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:17px}.playground{height:clamp(500px,60vh,710px);position:relative;background:#e7eddb;overflow:hidden;border-top:1px solid #e0e6d2;border-bottom:1px solid #d5dfc8}canvas{width:100%;height:100%;display:block;touch-action:pan-y}.task-card{position:absolute;top:25px;left:5%;width:270px;background:#fafbf2ed;border:1px solid #cedbc1;padding:22px;border-radius:5px;box-shadow:0 10px 30px #49643c07}.task-card h2{font-size:23px;letter-spacing:-.6px;font-weight:500;line-height:1.15;margin:13px 0}.task-card p{font-size:12px;line-height:1.6;color:#7b8b72;margin:0 0 16px}.task-card button{display:block;width:100%;border:1px solid #c7d4ba;background:transparent;padding:11px 10px;margin:7px 0 0;text-align:left;font-size:11px;border-radius:3px;min-height:42px}.task-card button.primary{background:var(--ink);color:#eff5db;border-color:var(--ink)}.task-card button.hold{background:#e1edaf;border-color:#c5d592;color:#345435;touch-action:none;user-select:none;-webkit-user-select:none}.task-card button:hover:not(:disabled){border-color:#6b935e}.task-card .small{font-size:9px;text-align:center;border:0;min-height:28px;padding:5px;color:#8a997d}#holdProgress{height:4px;background:#e1e8d5;margin-top:13px}#holdProgress i{height:100%;display:block;background:#547f52;width:0}.scene-note{position:absolute;bottom:20px;left:5%;font-size:8px;letter-spacing:1.2px;color:#849276;pointer-events:none}.scene-note span{display:block;letter-spacing:0;font-size:9px;margin-top:5px}.skip{position:absolute;right:5%;bottom:20px;background:none;border:0;font-size:11px;color:#5e7c52}#toast{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);background:#284f40;color:#f6f8e9;border-radius:30px;padding:12px 24px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s;max-width:90%;text-align:center}#toast.visible{opacity:1}.bench{padding:22px 5% 20px}.bench-heading{display:flex;justify-content:space-between;align-items:center}.bench-heading p{font-size:10px;color:#8c997f;margin:7px 0 0}.subtle{font-size:10px;border:0;background:none;color:#89977d}.tools{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;margin-top:16px}.tool{border:1px solid var(--line);border-radius:4px;padding:9px 4px 12px;background:#fcfcf5;text-align:center;min-height:103px;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}.tool svg{width:52px;height:45px;display:block;margin:0 auto 5px}.tool span{display:block;font-size:10px;line-height:1.35}.tool small{position:absolute;top:6px;right:7px;color:#467652;font-size:9px}.tool.selected{background:#e7efcf;border-color:#90ac70;box-shadow:inset 0 0 0 1px #90ac70}.tool.relevant{border-color:#a9bf8c}.tool.dim{opacity:.4}.tool.dragging{opacity:.6}footer{padding:0 5% 24px;display:flex;align-items:center;gap:24px;font-size:9px;color:#8d9b80}.journey{display:flex;gap:5px;flex:1}.journey i{height:3px;width:24px;background:#dce4ce}.journey i.done{background:#77965e}.foot{margin-left:auto;font-size:8px}dialog{max-width:500px;width:90%;border:1px solid var(--line);background:var(--paper);padding:38px;color:var(--ink)}dialog::backdrop{background:#294c3b66;backdrop-filter:blur(3px)}dialog h2{font-size:29px;font-weight:500;letter-spacing:-1px}dialog p{font-size:13px;line-height:1.7;color:#74846b}dialog small{font-size:10px;line-height:1.6;color:#87947b}.close{position:absolute;right:12px;top:12px}[hidden]{display:none!important}@media(min-width:1500px){main{max-width:1700px;margin:auto}.playground{height:650px}}@media(max-width:1050px){header{height:72px}.task-card{left:3%;width:235px;padding:18px}.intro{padding:24px 4% 20px}.playground{height:570px}.tools{gap:6px}.tool span{font-size:9px}.bench{padding:20px 3%}.tool{min-height:98px}.scene-note{left:3%}}@media(max-width:700px){header{height:66px;padding:0 4%;gap:12px}.brand span{font-size:9px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1px}.brand>b{font-size:29px}nav{gap:0;margin-left:auto;margin-right:0}nav button{padding:10px}nav button span{display:none}.round{width:29px;height:29px}.intro-right{display:none}.intro{padding:22px 5%}h1{font-size:31px;letter-spacing:-1px}.playground{height:700px}.task-card{left:5%;top:18px;width:90%;padding:17px 19px}.task-card h2{font-size:20px;margin:9px 0}.task-card p{font-size:11px;margin-bottom:10px}.task-card button{min-height:38px;padding:10px}.task-card #taskActions{display:flex;gap:6px;flex-wrap:wrap}.task-card button{width:auto;flex:1;min-width:100px;margin-top:0}.task-card button.small{flex-basis:100%;min-height:20px}.tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.tool{min-height:96px}.bench-heading p{max-width:240px;line-height:1.5}.foot{display:none}.journey{gap:3px}.journey i{width:15px}footer{gap:12px}.scene-note{font-size:7px}.scene-note span{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Photographic product reference edition */
:root{--ink:#edf0e9;--paper:#101b23;--muted:#a9b6b8;--line:#2c3b42;--green:#c4dcba}body{background:#101b23}header{border-color:#2b3941}.brand{color:#edf0e9}nav button{color:#8c9ba0}nav button.active{background:#293c43;color:#f3f3e9}.round{border-color:#50626b;color:#d5ddda}.intro{padding:24px 5% 20px}.intro h1{font-size:33px;letter-spacing:-1px}.intro-right .pill{display:none}.intro-right p{display:none}.playground{height:min(70vw,780px);min-height:510px;background:#101b24;border-color:#31404a}.task-card{display:none}.scene-note{color:#d7d8d0;text-shadow:0 1px 4px #000}.skip{color:#d3dedb;background:#14232cbb;padding:10px;border-radius:4px}#tools .tool{background:#fff;border-color:#41535a;padding:10px 5px 12px;color:#263c3d;min-height:135px;touch-action:none}#tools .tool img{width:100%;height:87px;object-fit:contain;display:block;margin:0 auto 8px;pointer-events:none}#tools .tool span{font-size:10px}#tools .tool.dim{opacity:.85}#tools .tool.relevant{border-color:#b7cfac;box-shadow:0 0 0 1px #b7cfac}#tools .tool.selected{border-color:#ead59b;box-shadow:0 0 0 2px #ead59b;background:#fffdf5}.bench{padding-top:24px}.bench-heading p{display:none}.bench-heading .eyebrow{font-size:10px}.subtle{color:#bdc7c6}.journey i{background:#32434b}.journey i.done{background:#9ac8aa}.foot{color:#96a4a8}.film-button{border:1px solid #4b616c;border-radius:20px;background:none;color:#c7d6d7;font-size:10px;padding:8px 14px;white-space:nowrap}.film-mode header,.film-mode .intro,.film-mode .bench,.film-mode footer,.film-mode .scene-note,.film-mode .skip,.film-mode #toast,.film-mode #finish{display:none!important}.film-mode .playground{position:fixed;inset:0;height:100vh;width:100vw;border:0;z-index:20}.film-mode #exitFilm{display:block;position:fixed;top:20px;left:20px;z-index:30;border:1px solid #70848b88;background:#10222bb0;border-radius:20px;color:#e8eeeb;padding:10px 16px;font-size:10px;opacity:0;transition:opacity .2s}.film-mode #exitFilm:hover,.film-mode #exitFilm:focus{opacity:1}#finish{position:absolute;left:50%;top:16%;transform:translateX(-50%);background:#0a1b26cf;border:1px solid #667c77;border-radius:7px;padding:17px 22px;display:flex;align-items:center;gap:18px;color:#c9dfbd}#finish button{background:#d5e1bf;color:#213a34;padding:9px 15px;border:0;border-radius:3px;font-size:11px}.is-dragging{cursor:grabbing!important}dialog{color:#e2e9e4;background:#142630}dialog p,dialog small{color:#9cb0b1}@media(max-width:1050px){.playground{height:68vw;min-height:510px}}@media(max-width:700px){header{gap:7px}.film-button{font-size:8px;padding:7px 8px}.intro h1{font-size:27px}.intro{padding:20px 5%}.playground{height:460px;min-height:0}#tools .tool{min-height:105px}#tools .tool img{height:65px}#tools .tool span{font-size:8px}.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bench{padding:22px 5%}.scene-note{bottom:13px;left:4%}.skip{font-size:9px;right:4%;bottom:13px}.brand span{font-size:8px}.brand small{font-size:6px}.brand>b{font-size:24px}nav button{padding:8px}#finish{top:16%;width:max-content}}
.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-gallery figure{margin:0;background:#fff;padding:12px;border-radius:3px;color:#273e40}.product-gallery img{width:100%;height:145px;object-fit:contain}.product-gallery figcaption{font-size:11px;text-align:center;margin-top:8px}#guide{max-width:650px}
.camera-controls{display:none}.film-mode .bench{display:block!important;position:fixed;z-index:32;bottom:0;left:0;right:0;background:#10212aee;padding:22px 4% 15px;transform:translateY(calc(100% - 16px));transition:transform .25s;backdrop-filter:blur(10px)}.film-mode .bench:before{content:'';width:70px;height:3px;border-radius:3px;background:#78908b;position:absolute;top:6px;left:calc(50% - 35px)}.film-mode .bench:hover,.film-mode .bench:focus-within{transform:translateY(0)}.film-mode .bench .bench-heading{display:none}.film-mode .bench .tools{margin-top:0}.film-mode.is-dragging .bench{transform:translateY(calc(100% - 16px));pointer-events:none}.film-mode .camera-controls{display:none!important}.film-mode #exitFilm{opacity:0}.film-mode #exitFilm:hover,.film-mode #exitFilm:focus-visible{opacity:1}
@media(max-width:700px){header{height:58px}.intro{padding:14px 5%}.intro h1{font-size:23px;margin-top:7px}.intro .eyebrow{font-size:8px}.playground{height:calc(100svh - 350px);min-height:340px;max-height:570px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.playground canvas{width:780px;height:520px;position:absolute;bottom:0;left:0;touch-action:pan-x}.scene-note{display:none}.skip{position:sticky;left:15px;top:15px;width:max-content}.bench{position:sticky;bottom:0;z-index:10;background:#101b23;padding:11px 3% 10px;border-top:1px solid #34484e}.bench-heading{margin-bottom:7px}.bench-heading .eyebrow{font-size:8px}.subtle{font-size:8px}.tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0}#tools .tool{min-height:78px;padding:5px 2px}#tools .tool img{height:45px;margin-bottom:4px}#tools .tool span{font-size:7px;line-height:1.2}footer{padding-top:10px;padding-bottom:12px}.camera-controls{display:flex;position:sticky;left:12px;top:calc(100% - 50px);width:82px;gap:6px;z-index:2}.camera-controls button{width:35px;height:30px;border:1px solid #6b7c80;background:#10232bba;color:#e7e9db;border-radius:4px}.film-mode .playground canvas{width:100vw;height:100vh}.film-mode .bench{position:fixed}.film-mode .playground{max-height:none;min-height:0;overflow:hidden}.film-mode .bench:hover{transform:translateY(0)}}
body{-webkit-user-select:none;user-select:none}#tools .tool svg{height:87px;width:100%;margin:0 auto 8px}.playground{height:calc(100svh - 365px);min-height:390px;max-height:900px}.film-mode .playground{height:100vh;max-height:none;min-height:0}.film-mode .bench{transform:translateY(100%)}.film-mode .bench:before{background:transparent}.film-mode .bench:hover,.film-mode .bench:focus-within{transform:translateY(0)}.film-mode.is-dragging .bench{transform:translateY(100%)}@media(max-width:700px){.playground{height:calc(100svh - 350px);min-height:340px;max-height:570px}#tools .tool svg{height:45px;margin-bottom:4px}.film-mode .playground{height:100vh;max-height:none;min-height:0}}
@media(min-width:701px){.playground{height:calc(100svh - 420px)}}@media(min-width:701px) and (max-height:850px){.intro{padding:12px 5%}.intro h1{font-size:26px}.playground{height:calc(100svh - 350px);min-height:320px}.bench{padding-top:12px;padding-bottom:10px}.tools{margin-top:10px}#tools .tool{min-height:105px}#tools .tool img,#tools .tool svg{height:60px}.film-mode .playground{height:100vh;min-height:0;max-height:none}}.film-mode .playground{height:100vh}
.drag-product{position:fixed;z-index:100;pointer-events:none;width:90px;height:90px;transform:translate(-50%,-50%);filter:drop-shadow(0 5px 9px #0009);will-change:left,top,transform,opacity}.drag-product img,.drag-product svg{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}.is-dragging #tools .tool.selected{opacity:.45}
.drag-product{transition:filter .12s,box-shadow .12s}.drag-product.ready-to-snap{filter:drop-shadow(0 0 7px #d5ee9c) drop-shadow(0 4px 6px #0008)}.drag-product.ready-to-snap img,.drag-product.ready-to-snap svg{outline:2px solid #dcf0af;outline-offset:3px}

.version-label{margin-left:12px;font-size:9px;color:#d5e0c3;border:1px solid #576d67;border-radius:3px;padding:2px 5px;letter-spacing:.7px}
#filmControls{display:none}.film-mode #filmControls{display:flex;position:fixed;z-index:35;left:24px;right:24px;bottom:22px;align-items:flex-end;justify-content:space-between;pointer-events:none}#filmProduct{width:140px;padding:12px;border:1px solid #91a6a688;border-radius:6px;background:#ffffffef;color:#29423e;box-shadow:0 4px 18px #0002;text-align:center}#filmProductImage img,#filmProductImage svg,#filmProductImage canvas{display:block;width:116px;height:90px;object-fit:contain}#filmProductName{display:block;font-size:11px;margin-top:8px}.film-step-buttons{display:flex;gap:10px;pointer-events:auto}.film-step-buttons button{width:52px;height:44px;border:1px solid #98aaa8;background:#18342ccb;color:#eef5e3;border-radius:6px;font-size:22px;backdrop-filter:blur(5px)}.film-step-buttons button:disabled{opacity:.3;cursor:default}@media(max-width:700px){.film-mode #filmControls{left:12px;right:12px;bottom:14px}#filmProduct{width:106px;padding:9px}#filmProductImage img,#filmProductImage svg,#filmProductImage canvas{width:86px;height:65px}#filmProductName{font-size:9px}.film-step-buttons button{width:40px;height:38px}}
@media(min-width:701px){.tools{grid-template-columns:repeat(10,minmax(0,1fr))}}
@media(min-width:701px){.tools{grid-template-columns:repeat(11,minmax(0,1fr))}}@media(max-width:700px){.tools{grid-template-columns:repeat(6,minmax(0,1fr))}#tools .tool span{font-size:6.5px}}

#certificate{width:min(760px,94vw);max-height:92svh;padding:12px;border:0;border-radius:8px;background:#f6f2e7;color:#183c33;box-shadow:0 22px 100px #0008;z-index:200}#certificate::backdrop{background:#071d16a8;backdrop-filter:blur(6px)}.certificate-sheet{border:1px solid #a68c4f;outline:1px solid #d7caa9;outline-offset:-7px;text-align:center;padding:38px 24px 26px;font-family:Georgia,serif}.certificate-kicker{font:11px Arial,sans-serif;letter-spacing:4px}.certificate-seal{color:#a68c4f;border:1px solid #a68c4f;border-radius:50%;width:64px;height:64px;line-height:64px;font-size:40px;margin:26px auto}.certificate-label{font:10px Arial,sans-serif;letter-spacing:3px}.certificate-sheet h2{font:clamp(27px,5vw,44px) Georgia,serif;margin:24px 0 18px}.certificate-award{font-size:16px}.certificate-rule{height:1px;background:#bca56f;width:40%;margin:26px auto}.certificate-sheet p{line-height:1.7}.certificate-sheet strong{display:block;font:10px Arial,sans-serif;letter-spacing:3px;margin-top:28px}.certificate-footnote{display:block;font:9px Arial,sans-serif;opacity:.65;margin-top:24px}.certificate-actions{display:flex;justify-content:center;gap:12px;padding:16px 0 4px;flex-wrap:wrap}.certificate-actions button{background:#183c33;border:1px solid #183c33;border-radius:4px;color:#f6f2e7;padding:12px 18px;font:12px Arial,sans-serif}.certificate-actions button:last-child{background:transparent;color:#183c33}@media(max-width:600px){.certificate-sheet{padding:24px 14px 20px}.certificate-seal{margin:20px auto}.certificate-award{font-size:14px}.certificate-actions{gap:8px}.certificate-actions button{font-size:11px;padding:11px}}

#certificate .certificate-sheet p{color:#43594d}#certificate .certificate-label{color:#6e633f}

.brand-logo{width:140px;height:auto;max-height:44px;object-fit:contain;margin-right:18px}.certificate-logo{display:block;width:180px;max-width:65%;height:auto;margin:0 auto 22px}.certificate-sheet{padding-top:26px}.certificate-seal{margin:16px auto}.certificate-sheet h2{margin:16px 0}.certificate-rule{margin:18px auto}.certificate-sustainability{font:13px/1.6 Georgia,serif!important;color:#46624c!important;margin:20px 0}.certificate-sheet strong{margin-top:18px}.certificate-footnote{margin-top:16px}@media(max-width:700px){.brand-logo{width:94px;margin-right:8px}.brand>span{display:none}.certificate-logo{width:150px;margin-bottom:18px}.certificate-sheet{padding:20px 12px}.certificate-sheet h2{font-size:28px}.certificate-seal{width:45px;height:45px;line-height:45px;font-size:29px}.certificate-sustainability{font-size:11px!important}}

#tools .tool.dim{opacity:.40;filter:grayscale(.7)}#tools .tool.relevant{opacity:1}#tools .tool.next-tool{opacity:1;filter:none;background:#f4f8df;border:3px solid #d2e891;box-shadow:0 0 0 2px #d2e89135,0 0 20px #c6e77b30;transform:translateY(-3px);padding-top:20px}#tools .tool.next-tool::before{content:'NEXT';position:absolute;left:50%;top:-10px;transform:translateX(-50%);border-radius:12px;background:#d2e891;color:#233d2b;font-size:9px;font-weight:800;letter-spacing:1.2px;padding:4px 11px;white-space:nowrap;z-index:1}#tools .tool.selected{opacity:1;filter:none;border-color:#f1ce75;box-shadow:0 0 0 2px #f1ce754d;background:#fff9e9}.is-dragging #tools .tool.selected{opacity:.75}.is-dragging #tools .tool.selected::before{content:'IN HAND';background:#f1ce75;color:#24382a;position:absolute;left:50%;top:-10px;transform:translateX(-50%);border-radius:12px;font-size:9px;font-weight:800;letter-spacing:.6px;padding:4px 9px;white-space:nowrap}@media(max-width:700px){#tools .tool.next-tool::before,.is-dragging #tools .tool.selected::before{font-size:7px;padding:3px 7px;top:-8px}#tools .tool.next-tool{padding-top:15px}}

@media(min-width:701px){.tools{grid-template-columns:repeat(12,minmax(0,1fr))}}#finish{max-width:calc(100% - 32px);width:max-content;justify-content:center;flex-wrap:wrap;background:#12282ceb}#finish span{white-space:nowrap}@media(max-width:700px){#finish{padding:12px 15px;gap:10px;font-size:12px}#finish button{font-size:10px}}

/* One compact toolbar leaves the scene the available screen height. */
header{height:80px;padding:0 3%;gap:20px}.header-summary{min-width:0;margin-right:auto}.header-summary .eyebrow{display:block;font-size:8px;letter-spacing:1.3px;white-space:nowrap}.header-summary h1{font-size:22px;line-height:1.15;letter-spacing:-.6px;margin:7px 0 0;white-space:nowrap}header nav{margin:0 8px 0 auto;flex-shrink:0}.brand-logo{width:130px;margin-right:5px}.brand span{font-size:9px}.brand small{font-size:7px}.playground{height:calc(100svh - 285px);min-height:430px;max-height:none}.bench{padding:20px 3% 14px}footer{padding-bottom:16px}.film-mode .playground{height:100svh;min-height:0}.film-mode .header-summary{display:none}@media(max-width:1120px){header{gap:13px}.brand>span{display:none}.header-summary h1{font-size:19px}nav button{padding:10px 12px}nav button span{margin-left:5px}}@media(max-width:850px){header nav button span{display:none}.brand-logo{width:110px}.header-summary h1{font-size:17px}.film-button{padding:7px 9px;font-size:9px}}@media(max-width:700px){header{height:88px;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:40px 37px;gap:0 10px;padding:4px 4% 7px;align-items:center}.brand{grid-column:1;grid-row:1}.brand-logo{width:99px;margin:0}.header-summary{grid-row:2;grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin:0}.header-summary .eyebrow{font-size:7px;letter-spacing:.7px;max-width:90px;white-space:normal;line-height:1.5}.header-summary h1{font-size:18px;margin:0;white-space:normal;line-height:1.12}header nav{grid-row:1;grid-column:2;margin:0;justify-self:end}header .film-button{grid-row:1;grid-column:3}header #help{grid-row:1;grid-column:4}.playground{height:calc(100svh - 335px);min-height:330px}.bench{padding:16px 4% 10px}.film-mode .playground{height:100svh;min-height:0}.film-mode .header-summary{display:none}}
/* Permanent three-column toolbox to the left of the installation. */
main{display:grid;grid-template-columns:270px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 32px;height:calc(100svh - 80px);max-width:none;margin:0;min-height:0}.bench{grid-column:1;grid-row:1 / 3;padding:22px 14px 14px;border-right:1px solid #31404a;overflow-y:auto;min-height:0;scrollbar-width:thin}.bench-heading{gap:6px;flex-wrap:wrap;margin-bottom:20px}.bench-heading .eyebrow{font-size:9px;letter-spacing:1.2px}.bench-heading .subtle{font-size:9px;padding:0}.version-label{margin-left:7px}.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 7px;margin-top:10px}#tools .tool{min-height:113px;padding:10px 3px 8px}#tools .tool img,#tools .tool svg{height:66px;margin-bottom:7px}#tools .tool span{font-size:9px;line-height:1.25}.playground{grid-column:2;grid-row:1;height:100%;min-height:0;max-height:none;min-width:0}footer{grid-column:2;grid-row:2;padding:8px 14px;margin:0;gap:12px;overflow:hidden;white-space:nowrap}.foot{font-size:7px}.journey{min-width:0}.journey i{min-width:2px}#finish{max-width:calc(100% - 24px)}.film-mode .playground{position:fixed;inset:0;width:100vw;height:100svh;min-height:0}.film-mode main{display:block}.film-mode footer{display:none!important}@media(max-width:1050px){main{grid-template-columns:230px minmax(0,1fr)}.bench{padding:19px 10px 12px}#tools .tool{min-height:101px}#tools .tool img,#tools .tool svg{height:55px}#tools .tool span{font-size:8px}.foot{display:none}}@media(max-width:700px){main{grid-template-columns:144px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 25px;height:calc(100svh - 88px)}.bench{padding:16px 6px 10px}.bench-heading{display:block;margin-bottom:18px}.bench-heading .eyebrow{font-size:7px;letter-spacing:.6px}.bench-heading .subtle{font-size:8px;display:block;margin-top:9px}.version-label{font-size:7px;margin-left:4px;padding:1px 3px}.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 4px;margin-top:10px}#tools .tool{min-height:82px;padding:9px 2px 6px;border-radius:3px}#tools .tool img,#tools .tool svg{height:40px;margin-bottom:5px}#tools .tool span{font-size:6px;line-height:1.3;overflow-wrap:anywhere}#tools .tool.next-tool{padding-top:12px;border-width:2px}#tools .tool.next-tool::before,.is-dragging #tools .tool.selected::before{font-size:6px;letter-spacing:.6px;padding:3px 5px;top:-8px}footer{padding:6px 8px;font-size:7px;gap:7px}.journey{gap:2px}.journey i{width:9px}.scene-note{font-size:6px}.scene-note span{font-size:7px}.camera-controls button{width:30px;height:28px}#finish{padding:10px 11px;gap:8px;font-size:10px}#finish button{padding:8px 9px;font-size:9px}.film-mode .playground{height:100svh}}