.outfit-layer{position:absolute;inset:0;z-index:48;padding:16px;display:grid;place-items:center;background:#111714dc;backdrop-filter:blur(10px);pointer-events:auto}
.outfit-card{width:min(1230px,100%);height:min(900px,96vh);display:flex;flex-direction:column;overflow:hidden;background:#eeede7;color:#1c2620;border:1px solid #d1d3c9;border-radius:20px;box-shadow:0 24px 90px #0006;font-family:var(--font-body,Arial,sans-serif)}
.outfit-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid #c7cbc0}
.outfit-header small{font-size:10px;letter-spacing:.18em}.outfit-header h2{margin:5px 0 0;font-size:24px}
.outfit-card button{font:inherit;font-size:11px;font-weight:700;letter-spacing:.035em;cursor:pointer;padding:11px 13px;border:1px solid #223c2f;border-radius:8px;background:#223c2f;color:#fff}
.outfit-card button.secondary,.outfit-view-tools button,.outfit-zoom button{background:transparent;color:#223c2f}.outfit-card button:hover{filter:brightness(1.12)}.outfit-card button:disabled{opacity:.4;cursor:default}
.outfit-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px)}
.outfit-view{position:relative;min-width:0;min-height:0;background:#e8e5df;display:flex;flex-direction:column}
.outfit-view canvas{width:100%;height:100%;min-height:0;flex:1;display:block;touch-action:none;cursor:grab}.outfit-view canvas:active{cursor:grabbing}
.outfit-view-tools{display:flex;justify-content:center;gap:6px;padding:12px 12px 0;flex-wrap:wrap}.outfit-view p{font-size:11px;text-align:center;color:#5b655b;padding:0 14px 12px;margin:10px 0 0}
.outfit-zoom{position:absolute;right:14px;top:14px;display:flex;gap:5px}.outfit-zoom button{font-size:20px;width:36px;height:36px;line-height:1;padding:0;background:#f5f4efc9}
.outfit-controls{overflow-y:auto;padding:22px;background:#f7f6f0;border-left:1px solid #c7cbc0;scrollbar-width:thin}
.outfit-controls h3{font-size:12px;letter-spacing:.12em;margin:24px 0 13px}.outfit-controls>h3:first-child{margin-top:0}
.outfit-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:12px 0;font-weight:700}
.outfit-controls input,.outfit-controls select{font:inherit;max-width:100%;width:100%;border:1px solid #bbc4b8;border-radius:8px;background:#fff;color:#1c2620;padding:10px;box-sizing:border-box;font-size:13px}
.outfit-controls input[type=range]{padding:0;accent-color:#314f3a}.outfit-controls input[type=color]{height:42px;padding:4px}.outfit-controls input[type=file]{font-size:11px;padding:9px}
.outfit-colors{display:flex;gap:12px}.outfit-colors label{flex:1;min-width:0}.outfit-controls label.outfit-check{flex-direction:row;align-items:center}.outfit-check input{width:17px;height:17px;accent-color:#314f3a}
.outfit-note,.outfit-status{font-size:11px;line-height:1.55;color:#5a675d}.outfit-status{min-height:2em;padding:12px;background:#e7ece3;border-radius:8px;color:#284831;margin-top:18px}
.outfit-controls details{margin-top:14px;border-top:1px solid #cbd1c6;padding-top:14px}.outfit-controls summary{cursor:pointer;font-size:12px;line-height:1.5}.outfit-print{padding:12px;margin-top:12px;border:1px solid #cbd1c6;border-radius:10px;background:#fff}.outfit-print>b{font-size:12px}
.outfit-actions{display:flex;gap:6px;flex-wrap:wrap}.outfit-card :focus-visible{outline:3px solid #b4955c;outline-offset:3px}.outfit-try{margin-top:9px;background:#203f30;color:#fff;border:0;border-radius:9px;padding:10px 13px;cursor:pointer;font:inherit;font-size:12px}
@media(max-width:760px){.outfit-layer{padding:5px}.outfit-card{height:98vh;border-radius:14px}.outfit-header{padding:12px 15px}.outfit-header h2{font-size:19px}.outfit-grid{display:flex;flex-direction:column;overflow-y:auto}.outfit-view{height:51vh;min-height:340px;flex:none}.outfit-controls{overflow:visible;border-left:0;border-top:1px solid #c7cbc0;padding:17px}.outfit-view-tools{padding-top:6px}.outfit-view p{padding-bottom:7px;margin-top:6px}}
/* Room inspector: controls beside the existing canvas, without a separate screen. */
.outfit-layer{inset:78px 16px 18px auto;width:min(370px,calc(100% - 32px));padding:0;background:transparent;backdrop-filter:none;display:block;pointer-events:none}
.outfit-card{width:100%;height:100%;border-radius:14px;pointer-events:auto;box-shadow:0 15px 40px #0003;background:#f7f6f0f2}
.outfit-header{padding:12px 14px;gap:8px}.outfit-header h2{font-size:18px}.outfit-header small{font-size:9px}
.outfit-grid{display:block;overflow-y:auto}.outfit-controls{padding:14px;overflow:visible;border-left:0;background:transparent}
.outfit-room-nav{display:flex;gap:5px;padding:10px 12px;flex-wrap:wrap;border-bottom:1px solid #c7cbc0}.outfit-room-nav button{padding:7px 9px;font-size:10px}.outfit-room-nav span{font-size:10px;color:#5a675d;width:100%;padding-top:5px}
@media(max-width:760px){.outfit-layer{inset:auto 7px 8px;width:calc(100% - 14px);height:43vh}.outfit-card{height:100%}.outfit-grid{display:block;overflow-y:auto}.outfit-controls{overflow:visible;border-top:0}.outfit-header{padding:8px 12px}.outfit-room-nav{padding:6px 10px}.outfit-header h2{font-size:16px}}

.pm-editview canvas{touch-action:none;cursor:move}.pm-editview canvas:active{cursor:grabbing}