@font-face{font-family:Craftline;src:url('/assets/fonts/cormorant-garamond-regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#343c33;font:14px/1.5 Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{cursor:pointer;background:#fff;color:inherit;border:1px solid #d9dacf;border-radius:7px;padding:10px 14px;font:inherit}button:hover{border-color:#8b947f}button:disabled{opacity:.5;cursor:wait}button[aria-pressed=true]{border-color:#68745b;background:#eef0e7;box-shadow:inset 0 0 0 1px #68745b}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:3px solid #ad8c55;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #deded4;gap:22px;background:#fff}.brand{text-decoration:none;font:29px/1 Craftline,Georgia,serif;display:grid;grid-template-columns:62px auto;gap:0 12px}.brand img{grid-row:span 2;width:62px;height:48px;object-fit:contain}.brand small{font:9px/2.4 Arial,sans-serif;letter-spacing:.2em;color:#85836e}nav{display:flex;align-items:center;gap:20px;font-size:12px}.primary{background:#364133;color:#fff;border-color:#364133}main{display:grid;grid-template-columns:minmax(0,1fr) 330px}.scene{min-width:0;padding:26px}.scene-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#8e805e}h1,h2{font:38px/1.1 Craftline,Georgia,serif;margin:8px 0 0}h2{font-size:38px}h3{font-size:14px;font-weight:500;margin:0}#viewport{position:relative;aspect-ratio:1.5;overflow:hidden;border-radius:4px;background:#deded7;cursor:crosshair;touch-action:none}canvas{display:block;width:100%;height:100%;transform-origin:center}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#eeede7e8;color:#53604c;z-index:3}#loading[hidden]{display:none}.zoom{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:3px}.zoom button{width:36px;height:36px;padding:0;font-size:20px;background:#ffffffec}.viewbar p{display:flex;justify-content:space-between;font-size:12px;margin:17px 0 10px}.viewbar p span,.caption,.subtle{color:#7b7f73;font-size:12px}.caption{margin-top:18px;max-width:810px}#views{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#views button{padding:4px 4px 6px;overflow:hidden;font-size:11px}#views img{width:100%;display:block;aspect-ratio:1.5;object-fit:cover;margin-bottom:5px;border-radius:3px}aside{background:#fff;border-left:1px solid #deded4;padding:30px 24px}#surfaces{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}#surfaces button{font-size:12px;padding:8px 10px}.selection-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 13px}.selection-head button{border:0;background:none;font-size:11px;text-decoration:underline;padding:4px}#swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#swatches button{padding:4px;border-radius:6px;text-align:left;font-size:10px;line-height:1.25}#swatches .chip{display:block;width:100%;aspect-ratio:1;background-color:var(--swatch);background-image:var(--image);background-size:cover;border-radius:3px;margin-bottom:6px}#swatches .name{display:block;min-height:25px;padding:0 2px}#color-row{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}input[type=color]{width:45px;height:32px;padding:2px;border:1px solid #d9dacf;border-radius:5px;background:white}#texture-controls label{display:flex;justify-content:space-between;font-size:12px;margin:15px 0 5px}input[type=range]{width:100%;accent-color:#657457}.check{justify-content:flex-start!important;gap:7px;align-items:center}input[type=checkbox]{accent-color:#657457}#texture-controls[hidden],#color-row[hidden]{display:none}.bottom-actions{border-top:1px solid #e4e4da;margin-top:26px;padding-top:20px}.bottom-actions button{width:100%}#status{font-size:12px;color:#62705b;min-height:20px}#product{font-size:12px}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 360px}.scene{padding:30px 40px}}@media(max-width:900px){header{padding:14px 18px}nav{gap:10px}nav a{display:none}main{grid-template-columns:1fr}.scene{padding:20px 16px}aside{border-left:0;border-top:1px solid #deded4;padding:24px}#swatches{grid-template-columns:repeat(6,1fr)}.viewbar p span{display:none}h1{font-size:32px}#views{gap:7px}}@media(max-width:480px){.brand{font-size:23px;grid-template-columns:40px auto;gap:0 6px}.brand img{width:40px}.brand small{font-size:7px}header{gap:5px}nav{gap:5px}nav button{padding:8px;font-size:11px}#swatches{grid-template-columns:repeat(3,1fr)}#views button{font-size:9px}.scene-head button{font-size:11px;padding:9px}h1{font-size:29px}}


.studio-modes{display:flex;align-items:stretch;gap:8px;padding:9px 24px;background:#f2efe7;border-bottom:1px solid #deded4}.studio-modes a{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px 20px;text-decoration:none;border:1px solid #c8c9bf;border-radius:6px;background:white;min-width:220px}.studio-modes a:first-child{background:#303e32;color:white;border-color:#303e32}.studio-modes strong{font-size:14px}.studio-modes span{font-size:11px;opacity:.8}.studio-modes a[aria-current]{box-shadow:inset 0 -3px #b6a27d}@media(max-width:760px){.studio-modes{padding:8px 12px}.studio-modes a{min-width:0;flex:1;padding:10px}.studio-modes strong{font-size:13px}.studio-modes span{font-size:10px;line-height:1.4}}