@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;background:#f5f5f5;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wrapper{height:100vh;display:flex;overflow:hidden}.canvas-panel{background:#fff;flex:1;position:relative}.sidebar{background:#fff;border-left:1px solid #e0e0e0;flex-direction:column;width:360px;display:flex;overflow-y:auto}.sidebar-section{border-bottom:1px solid #eee;padding:16px 20px}.sidebar-section h4{text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:10px;font-size:13px}.sidebar-section label{color:#555;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.sidebar-section label small{color:#999;font-weight:400}select{cursor:pointer;background:#fafafa;border:1px solid #ccc;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}input[type=range]{accent-color:#4a7c59;width:100%;margin-top:4px}.style-info{border-bottom:1px solid #eee;padding:16px 20px}.style-info h5{color:#2d5a3d;margin-bottom:6px;font-size:15px}.style-info p{color:#666;font-size:13px;line-height:1.5}.comp-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.comp-item{text-align:center;color:#555;font-size:11px}.comp-thumb{aspect-ratio:1;background:#f9f9f9;border:1px solid #eee;border-radius:6px;justify-content:center;align-items:center;width:100%;margin-bottom:4px;display:flex;overflow:hidden}.comp-thumb img{object-fit:contain;max-width:80%;max-height:80%}.instructions-table{border-collapse:collapse;width:100%;font-size:12px}.instructions-table th,.instructions-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:4px 8px}.instructions-table th{color:#999;font-weight:500}.btn-row{gap:8px;margin-top:8px;display:flex}.btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .15s}.btn:hover{background:#f0f0f0}.btn-primary{color:#fff;background:#4a7c59;border-color:#4a7c59}.btn-primary:hover{background:#3d6a4b}.hidden{display:none}@media (max-width:768px){.wrapper{flex-direction:column}.canvas-panel{height:50vh}.sidebar{border-top:1px solid #e0e0e0;border-left:none;width:100%;height:50vh}}