/* Desert Frame Studio v1.4 visual engine additions */
.controls{scrollbar-width:thin}
.profileThumb{width:48px;height:48px;border-radius:9px;border:1px solid #cfc7bb;object-fit:cover;background:#eee}
.frameCards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.frameCard{border:1px solid #ddd5c9;border-radius:12px;padding:8px;background:#fff;cursor:pointer;display:flex;gap:8px;align-items:center}
.frameCard.active{outline:2px solid #111}
.frameCard .meta{font-size:11px;color:#766f66;line-height:1.35}
.product.side{transform:rotateY(-72deg) rotateX(2deg) scale(.92)}
.product.perspective{transform:rotateY(-28deg) rotateX(7deg)}
.roomScene{background:
linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),
linear-gradient(#e8e1d6 70%,#cfc4b4 70%) !important}
.roomScene:before{content:"";position:absolute;left:7%;bottom:12%;width:36%;height:24%;background:#c7b9a7;border-radius:5px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.roomScene:after{content:"";position:absolute;right:8%;bottom:8%;width:18%;height:34%;background:#b7aa98;border-radius:4px}
.canvasShell{position:relative}
.canvasDepth{position:absolute;right:-16px;top:12px;width:16px;height:calc(100% - 12px);background:#9f8c73;transform:skewY(35deg);transform-origin:left top;display:none}
.canvasMode .canvasDepth{display:block}
.floatFrame{position:absolute;inset:-22px;border:12px solid #222;pointer-events:none;display:none}
.floatGap{position:absolute;inset:-9px;border:9px solid #e9e3d9;pointer-events:none;display:none}
.canvasMode.floatOn .floatFrame,.canvasMode.floatOn .floatGap{display:block}
.edgeBadge{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.72);color:#fff;padding:7px 9px;border-radius:8px;font-size:10px}
.previewHint{font-size:11px;color:#7d756b}
@media(max-width:700px){.frameCards{grid-template-columns:1fr}}