.studio-canvas-wrap{position:relative;overflow:hidden;isolation:isolate}
#design-canvas{transform-origin:0 0}
.studio-canvas-wrap .on-wall-turn,.studio-canvas-wrap .wall-reset{position:absolute;z-index:3;min-width:44px;height:44px;padding:0;display:grid;place-items:center;border:2px solid white;color:white;background:#84254b;box-shadow:0 2px 7px #2e14264d;border-radius:50%}
.on-wall-turn .ui-icon{width:22px;height:22px}
.studio-canvas-wrap .wall-reset{right:6px;bottom:6px;width:auto;display:flex;padding:0 9px;border-radius:8px;background:white;color:#54273b}
.studio-canvas-wrap [hidden],.work-dialog [hidden],.wall-mode[hidden],.work-launch[hidden],.finish-tools [hidden]{display:none!important}
.stamping #design-canvas{cursor:crosshair}.stamping .empty-pick{display:none!important}
.wall-mode,.work-row,.finish-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wall-mode{justify-content:space-between;background:#f6edf1;padding:6px 10px;border-radius:10px;color:#662140}
.work-launch,.wall-mode button,.finish-tools button,#auto-photo-5,#picker-stamp,.work-menu button,.photo-matches button,.share-result button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font:inherit;padding:8px 12px;background:white;border:1px solid #ddd2d5;border-radius:9px;color:#563844}
#work-launch{margin:6px 0}body:not([data-stage="3"]) #work-launch,body:not([data-stage="4"]) #finish-tools,body:not([data-stage="2"]) #auto-photo-5,body:not([data-has-photo="true"]) #auto-photo-5,body[data-view="floor"] #work-launch{display:none}
#picker-stamp{margin:0;padding:4px;min-height:44px;background:transparent;color:#84254b}
.finish-tools{margin:14px 0}.finish-tools button:first-child,.shop-next{background:#83264b;color:white}
.work-dialog[open]{width:min(600px,96vw);max-height:90dvh;padding:0!important;border-radius:18px;border:1px solid #d9cbd1;overflow:auto;color:#34272c;background:#fff}
.work-dialog>header{position:sticky;top:0;background:white;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e6dde1;padding:12px 18px}
.work-dialog h2{font-size:22px;margin:0}.work-dialog header button{border-radius:50%;width:44px;height:44px;padding:0;background:#faf6f8}
.work-body{display:grid;gap:12px;padding:16px 18px}.work-body>*{min-width:0}.work-body p,.work-body h3{margin:0}
.work-body label{font-size:14px}.work-body input:not([type=checkbox]),.work-body select,.share-result input{width:100%;min-height:44px;padding:8px;border:1px solid #c9bdc0;border-radius:8px;font:inherit}
.work-body canvas{max-width:100%;width:100%;height:auto;background:#f4efea;border-radius:9px;touch-action:none}
.work-dialog button{min-height:44px}.work-dialog .primary,.shop-next{background:#822449;color:white;border-radius:9px;padding:10px 16px;text-align:center;text-decoration:none}
.work-dialog button:disabled{opacity:.5;cursor:default}.work-body progress{width:100%;accent-color:#822449}
.work-menu,.budget-choices,.photo-matches,.share-result,.bed-config{display:grid;gap:8px}.work-menu button{justify-content:flex-start;text-align:left}.budget-choices button[aria-pressed=true]{border:2px solid #83264b;background:#faeff4}
.work-msg{margin:0 18px 14px;color:#71344a}.work-msg:empty{margin:0}
.pick-chips,.objects,.sample-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;max-height:240px;overflow:auto}
.work-dialog :is(.pick-chips,.objects,.sample-list) label,.work-dialog label.optional-photo{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;min-height:44px;border:1px solid #e2d7dc;padding:4px 8px;border-radius:8px}
.work-dialog input[type=checkbox]{width:18px;min-height:18px;height:18px;accent-color:#83264b}.sample-list img,.photo-matches img{width:38px;height:34px;object-fit:cover;border-radius:6px}
.share-result canvas{width:200px;max-width:80%;margin:auto;background:white}.bed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:230px;overflow:auto}
.bed-list button{display:flex;align-items:center;gap:6px;font-size:13px;text-align:left}.bed-list img{width:45px;height:45px;object-fit:contain}
.order-lines{padding-left:20px}.work-body .assembly-warn{color:#873b29}
@media(max-width:720px){.work-dialog[open]{width:100%;max-width:100%;margin:auto 0 0;border-radius:18px 18px 0 0;max-height:91dvh}.work-body{padding:14px}.work-dialog>header{padding:8px 14px}.finish-tools{display:grid;grid-template-columns:1fr 1fr}.finish-tools button{font-size:13px}.work-row button{flex:1}.work-menu{grid-template-columns:1fr}.wall-mode{font-size:13px}}

/* A modellnév határozza meg a kártya magasságát. */
.bed-dialog .bed-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-auto-rows: max-content;
  align-content: start;
  gap: .5rem;
  max-height: min(24rem,52dvh);
  padding: 3px;
}
.bed-dialog .bed-list .bed-card {
  display: grid;
  grid-template-columns: 3.25rem minmax(0,1fr);
  align-items: center;
  justify-content: stretch;
  gap: .65rem;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 3.9rem;
  margin: 0;
  padding: .45rem .65rem;
  border-color: #ded6d6;
  border-radius: .7rem;
  background: #fcfaf8;
  font-size: .94rem;
  line-height: 1.35;
  white-space: normal;
  text-align: left;
}
.bed-dialog .bed-card:focus-visible {outline: 2px solid #792346;outline-offset: 1px}
.bed-dialog .bed-card img {width: 100%;height: 3.25rem;object-fit: contain;background:white;border-radius:.38rem}
.bed-dialog .bed-card span {min-width:0;overflow-wrap:anywhere;hyphens:auto}
.bed-dialog [data-bed-back] {justify-self:start;margin:0;color:#792346}
.bed-dialog .bed-config h3:focus {outline:none}
@media(max-width: 640px) {
  .bed-dialog .bed-list {grid-template-columns: minmax(0,1fr);max-height:none;overflow:visible}
  .bed-dialog .work-body {padding-bottom:max(1rem,env(safe-area-inset-bottom))}
  .bed-dialog .bed-list .bed-card {grid-template-columns:3.5rem minmax(0,1fr);font-size:1rem;min-height:4.1rem}
  .bed-dialog .bed-card img {height:3.5rem}
  .bed-dialog input[type=search] {font-size: max(16px,1rem)}
}