.studio{background:#f0f1e9}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.studio-panel{background:var(--paper);border:1px solid #d0d5c6;border-radius:10px;padding:30px;margin-bottom:24px}.studio-panel h3{font-size:28px;letter-spacing:-1px;margin:16px 0}.studio-panel p{font-size:15px;line-height:1.8;color:#56614e}.studio-panel label{display:flex;gap:10px;align-items:center;font-size:14px;flex-wrap:wrap;margin:18px 0}.studio-panel label small{font-size:11px;width:100%;padding-left:24px;color:#647259}.studio-panel input:not([type=checkbox]):not([type=range]),.studio-panel select{padding:12px;border:1px solid #bfc8b5;border-radius:4px;background:white;color:var(--ink);max-width:100%}.studio-panel input[type=checkbox]{accent-color:var(--ink);width:17px;height:17px}.studio-panel input[type=range]{margin:0}.studio-result{background:#e7ebdf;padding:20px;border-radius:5px;margin:20px 0;line-height:1.8;font-size:14px}.studio-result>div{display:flex;justify-content:space-between;gap:20px;margin:8px 0}.studio-result b{font-weight:600}.photo-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:35px}.room-stage{align-self:center;background:#e5e8dd;overflow:hidden;border-radius:8px}.room-stage canvas{width:100%;display:block}.upload-label{padding:16px;background:#e7ebdf;border-radius:5px}.upload-label input{font-size:12px}.saved-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.saved-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.saved-row label{font-size:11px}.saved-row>div:nth-of-type(2){flex:1}.saved-row small{display:block;margin-top:7px;color:#56614e}.saved-swatch{width:44px;height:44px;border-radius:10px;flex-shrink:0}.compare-scroll{overflow-x:auto;margin-top:24px}table{border-collapse:collapse;width:100%;font-size:14px}caption{text-align:left;margin:10px 0 20px;font-size:13px;color:#56614e}th,td{padding:16px;text-align:left;border:1px solid #d0d5c6}thead{background:var(--ink);color:white}.branch-row{display:grid;grid-template-columns:1fr 100px 40px;gap:12px;margin:15px 0}.studio .sample-note{font-size:12px}.studio-panel .button{margin-top:12px}
@media(max-width:760px){.studio-grid,.photo-panel{grid-template-columns:1fr}.studio-panel{padding:22px}.saved-heading{align-items:start;flex-direction:column}.saved-row{flex-wrap:wrap;gap:12px}.saved-row .outline{font-size:12px}.saved-row>div:nth-of-type(2){min-width:150px}.studio-result>div{font-size:12px;gap:10px}.branch-row{grid-template-columns:1fr 70px 25px}.studio-panel h3{font-size:25px}}