@keyframes spin{to{transform:rotate(360deg)}}:root{font-family:Arial,Helvetica,sans-serif;color:#263a32;background:#f8f8f3;font-synthesis:none;--green:#2d4b3d;--line:#e2e5dd}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9cae79;outline-offset:3px}.brand,header{display:flex;align-items:center}header{height:74px;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#fcfcf7}.brand{gap:10px;text-decoration:none;color:#243c31;font-size:25px;letter-spacing:-1px;font-weight:700}.brand b{display:block;font-size:9px;letter-spacing:2.6px;margin-top:2px}.mark,h1{font-weight:400}.mark{border:1px solid #556c5d;border-radius:8px;font-size:30px;width:40px;height:42px;text-align:center}.header-note{font-size:11px;letter-spacing:.4px;color:#778078}.outline,.views button{border:1px solid #bcc7b9;background:0 0;border-radius:6px;padding:10px 15px;font-size:12px;color:#2e4537}main{height:calc(100dvh - 74px);display:grid;grid-template-columns:minmax(0,1fr) 356px}#viewport{position:relative;min-height:560px;overflow:hidden;background:#cdd6cc}canvas{width:100%;height:100%;display:block;touch-action:none}.scene-title{position:absolute;top:34px;left:34px;pointer-events:none;text-shadow:0 1px 16px #f9f8ed;color:#263f33}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(30px,3.4vw,51px);letter-spacing:-1.5px;line-height:1.05;margin:12px 0}.scene-title p{font-size:11px;letter-spacing:.3px;margin:14px 0}.scene-top{position:absolute;right:20px;top:21px;display:flex;align-items:center;gap:8px;background:#f6f8efd9;padding:8px 11px;border-radius:20px;font-size:10px;color:#425647}.dot{width:4px;height:4px;border-radius:50%;background:#8a9b7e}.scene-bottom,.views{position:absolute;display:flex}.views{right:18px;bottom:200px;flex-direction:column;gap:5px;padding:5px;background:#f8faf0df;border:1px solid #fff8;border-radius:9px}.views button{border:0;border-radius:5px;color:#4d6053;font-size:10px;padding:10px}.views button.active{background:#2d4b3d;color:#fff}.scene-bottom{bottom:24px;left:30px;right:30px;align-items:end;justify-content:space-between;gap:20px}.hint{font-size:10px;background:#f8faf0dc;padding:9px 11px;border-radius:16px;color:#506253;white-space:nowrap}.hint span{margin:0 7px}.louver-card{width:285px;background:#fbfcf7ec;padding:17px 18px 12px;border:1px solid #fff9;border-radius:12px;box-shadow:0 5px 35px #1a2e3022;backdrop-filter:blur(12px)}.louver-card>div:first-child{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.louver-card output,h2{font-weight:400}.louver-buttons{display:flex;justify-content:space-between;gap:4px}.louver-buttons button,.seg button{font-size:9px;padding:7px 5px;background:0 0;border:0;border-radius:4px;color:#6c796b}.louver-buttons button.active{background:#e2e9db;color:#284d36}aside{overflow-y:auto;border-left:1px solid var(--line);background:#fafbf7;scrollbar-width:thin;scrollbar-color:#c4cbbf transparent}.panel-heading{padding:30px 27px 23px}.panel-heading .eyebrow{font-size:9px;color:#819072}h2{font-family:Georgia,serif;font-size:26px;letter-spacing:-.6px;margin:12px 0 9px}.panel-heading p{font-size:11px;line-height:1.6;color:#788172;margin:0}.control-section{padding:23px 27px;border-top:1px solid var(--line)}.section-title{display:flex;gap:9px;align-items:center;margin-bottom:20px}.section-title>span{font-size:9px;color:#91a080}.section-title h3{font-size:12px;font-weight:600;margin:0}.section-title strong{margin-left:auto;font-size:10px;font-weight:400;color:#65755f}.field{margin:17px 0}.field label{display:flex;font-size:11px}.field output{font-variant-numeric:tabular-nums;color:#51684e}input[type=range]{width:100%;margin:15px 0 7px;height:3px;accent-color:var(--green);cursor:pointer}.ends,.seg{display:flex}.ends,.field label{justify-content:space-between}.ends{font-size:9px;color:#94a08c}.seg{background:#e9ede4;padding:4px;border-radius:6px;gap:3px}.seg button{flex:1;color:#7b8773;padding:9px 4px;font-size:10px;white-space:nowrap}.seg button.active{background:#fff;color:#29412f;box-shadow:0 1px 3px #1c392b12}.swatches,.toggle{display:flex;gap:13px;margin:5px 0 18px}.swatches button{width:34px;height:34px;border-radius:50%;background:var(--sw);border:1px solid #0001;position:relative}.swatches button.active:after{content:"";position:absolute;inset:-5px;border:1px solid #506c4b;border-radius:50%}.toggle{align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin:18px 0;cursor:pointer}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle i{width:29px;height:17px;border-radius:14px;background:#d5dccc;position:relative;flex-shrink:0}.toggle i:after{content:"";width:11px;height:11px;background:#fff;position:absolute;top:3px;left:3px;border-radius:50%;transition:transform .2s}.toggle input:checked+i{background:#53734b}.toggle input:checked+i:after{transform:translateX(12px)}.toggle input:focus-visible+i{outline:3px solid #abc181;outline-offset:3px}.small{font-size:9px;color:#85917c;line-height:1.6}.compact{padding-top:19px;padding-bottom:12px}.quality-row,.quality-row select{font-size:10px;display:block}.quality-row select{width:100%;padding:10px 8px;border:1px solid #d7dfd0;border-radius:5px;background:#fff;color:#4b6047;margin-top:10px}.panel-footer{padding:20px 27px 25px}.primary{width:100%;background:var(--green);color:#fff;border:0;border-radius:5px;padding:14px;text-align:left;font-size:11px}.primary span{float:right}.text-button{display:block;border:0;background:0 0;text-decoration:underline;color:#536c4c;margin:13px auto;font-size:10px}.panel-footer p{font-size:9px;line-height:1.7;color:#8d9686}.panel-footer a{font-size:9px;color:#577451}.credit{font-size:8px;letter-spacing:.8px;color:#939e8a;display:block;margin-top:18px}#loading,#toast{position:absolute}#loading{inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:#e3e9dde8;font-size:13px;z-index:4}.loader{height:22px;width:22px;border:2px solid #bbc8b4;border-top-color:#405a3b;border-radius:50%;animation:spin 1s linear infinite}#toast{left:50%;bottom:170px;transform:translateX(-50%);background:#263e33;color:#fff;padding:12px 18px;border-radius:7px;font-size:11px;opacity:0;transition:opacity .2s;max-width:90%;pointer-events:none}#toast.show{opacity:1}body.night .scene-title{color:#edf0d9;text-shadow:0 1px 10px #0009}button:disabled{opacity:.5;cursor:wait}@media (max-width:1050px){main{grid-template-columns:minmax(0,1fr) 320px}.scene-bottom{left:18px;right:18px}.hint{display:none}.louver-card{width:270px;margin-left:auto}.scene-title{left:23px;top:48px}.scene-top{font-size:9px}.control-section,.panel-footer,.panel-heading{padding-left:23px;padding-right:23px}}@media (max-width:700px){header{height:65px;padding:0 16px}.header-note,.scene-title p{display:none}.brand{font-size:22px}main{height:auto;display:flex;flex-direction:column}#viewport{height:70dvh;min-height:490px;max-height:760px}aside{overflow:visible;border-left:0}.scene-title{top:48px;left:20px}h1{font-size:34px}.scene-bottom{bottom:15px}.louver-card{width:260px;padding:13px 15px 10px}.views{bottom:153px;right:15px}.views button{font-size:9px;padding:8px}.panel-heading{padding-top:25px}.control-section{padding:22px 25px}.scene-top{top:15px}#toast{bottom:140px}.outline{font-size:10px;padding:9px 12px}}.hdr-actions{display:flex;gap:10px}.outline.solid{background:#2d4b3d;color:#fff;border-color:#2d4b3d}.primary.quote{background:#b5472b;margin-bottom:10px}.hidden{display:none!important}.overlay{position:fixed;inset:0;background:#10201a99;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.overlay-card{background:#fff;border-radius:10px;padding:26px;width:min(560px,100%);max-height:92dvh;overflow:auto}.overlay-card h2{margin:0 0 12px}.note{font-size:11px;line-height:1.6;color:#6d786a}.note.center{text-align:center}.qf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.qf-field{display:block;font-size:11px;color:#46574a}.qf-field input,.qf-field select,.qf-field textarea{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #cfd8c9;border-radius:5px;font-size:13px;font-family:inherit}.qf-full{margin-bottom:12px}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.overlay-actions{display:flex;gap:10px;margin:14px 0}.overlay-actions .primary{width:auto;padding:12px 20px}.overlay-actions .outline{padding:12px 18px}.qf-thanks{font-size:14px;line-height:1.6}@media (max-width:700px){.qf-grid{grid-template-columns:1fr}.hdr-actions .outline:first-child{display:none}.outline.solid{font-size:11px;padding:9px 12px}}