:is(#mwc-studio-v2,.meeting-plan-readonly) { --paper:#fff;--ink:#26343f;--quiet:#5d6f7d;--line:#d6e1e9;--wash:#edf3f8;--brand:#375875;--onbrand:#fff;--wood:#f7dfa0;--water:#cee9ee;--sleep:#dce7f3;--seat:#deddf0;--plan:#fcfdff;background:var(--paper);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;color-scheme:light dark; }
:is(#mwc-studio-v2,.meeting-plan-readonly) *{box-sizing:border-box} :is(#mwc-studio-v2,.meeting-plan-readonly) button,:is(#mwc-studio-v2,.meeting-plan-readonly) input{font:inherit;color:inherit} :is(#mwc-studio-v2,.meeting-plan-readonly) button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;padding:8px 11px;min-height:36px;background:var(--paper)} :is(#mwc-studio-v2,.meeting-plan-readonly) button:hover{background:var(--wash)} :is(#mwc-studio-v2,.meeting-plan-readonly) button:disabled{opacity:.4} :is(#mwc-studio-v2,.meeting-plan-readonly) button[aria-pressed=true],:is(#mwc-studio-v2,.meeting-plan-readonly) .primary{background:var(--brand);color:var(--onbrand);border-color:var(--brand)} :is(#mwc-studio-v2,.meeting-plan-readonly) .icon{width:36px;padding:7px;flex:none} :is(#mwc-studio-v2,.meeting-plan-readonly) svg.lucide{width:17px;height:17px;flex:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .appbar{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} :is(#mwc-studio-v2,.meeting-plan-readonly) .brand{font-size:12px;font-weight:700} :is(#mwc-studio-v2,.meeting-plan-readonly) .sub{font-size:12px;color:var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .headline{padding:22px 20px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} :is(#mwc-studio-v2,.meeting-plan-readonly) h1{font-size:30px;line-height:1.2;margin:0 0 6px;font-weight:650} :is(#mwc-studio-v2,.meeting-plan-readonly) h3{font-size:16px;line-height:1.3;margin:0;font-weight:600} :is(#mwc-studio-v2,.meeting-plan-readonly) .row{display:flex;align-items:center;flex-wrap:wrap;gap:7px} :is(#mwc-studio-v2,.meeting-plan-readonly) .layout{border-top:1px solid var(--line)} :is(#mwc-studio-v2,.meeting-plan-readonly) .layout+.layout{border-top:5px solid var(--line);margin-top:24px} :is(#mwc-studio-v2,.meeting-plan-readonly) .layout-head{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} :is(#mwc-studio-v2,.meeting-plan-readonly) .layout-name{display:flex;align-items:center;gap:12px;flex:1;min-width:0} :is(#mwc-studio-v2,.meeting-plan-readonly) .index{font-size:13px;color:var(--quiet);padding-right:12px;border-right:1px solid var(--line)} :is(#mwc-studio-v2,.meeting-plan-readonly) .title-input{font-size:27px;font-weight:600;line-height:1.2;width:100%;min-width:0;max-width:440px;border:1px solid transparent;border-radius:4px;background:transparent;padding:4px 2px} :is(#mwc-studio-v2,.meeting-plan-readonly) .title-input:hover,:is(#mwc-studio-v2,.meeting-plan-readonly) .title-input:focus{border-color:var(--line);background:var(--paper)} :is(#mwc-studio-v2,.meeting-plan-readonly) .layout-title-wrap{min-width:0;flex:1}
:is(#mwc-studio-v2,.meeting-plan-readonly) .workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;border-top:1px solid var(--line)} :is(#mwc-studio-v2,.meeting-plan-readonly) .plan-pane{background:var(--wash);padding:15px 20px;min-width:0} :is(#mwc-studio-v2,.meeting-plan-readonly) .plan-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap} :is(#mwc-studio-v2,.meeting-plan-readonly) .segmented{display:flex;gap:3px;padding:3px;background:var(--paper);border:1px solid var(--line);border-radius:7px} :is(#mwc-studio-v2,.meeting-plan-readonly) .segmented button{font-size:12px;border:0;min-height:30px;padding:6px 9px} :is(#mwc-studio-v2,.meeting-plan-readonly) .plan-settings{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .plan-settings label{display:flex;gap:5px;align-items:center} :is(#mwc-studio-v2,.meeting-plan-readonly) input[type=checkbox]{accent-color:var(--brand)} :is(#mwc-studio-v2,.meeting-plan-readonly) .bed-position button{font-size:12px;padding:6px 9px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .vehicle{position:relative;width:min(100%,360px);margin:32px auto 18px;padding:112px 24px 32px;border:2px solid var(--quiet);border-radius:80px 80px 27px 27px;background:var(--paper)} :is(#mwc-studio-v2,.meeting-plan-readonly) .cab{position:absolute;top:14px;left:24px;right:24px;height:87px;border-bottom:1px solid var(--line)} :is(#mwc-studio-v2,.meeting-plan-readonly) .front-label{position:absolute;left:0;right:0;top:-24px;text-align:center;font-size:11px;font-weight:600} :is(#mwc-studio-v2,.meeting-plan-readonly) .floor{position:relative;width:100%;aspect-ratio:1750/3500;background:var(--plan);border:1px solid var(--line);touch-action:none} :is(#mwc-studio-v2,.meeting-plan-readonly) .floor.grid{background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:2.857142% 1.428571%} :is(#mwc-studio-v2,.meeting-plan-readonly) .side-label{position:absolute;top:43%;left:-16px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;color:var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .side-label.driver{right:-16px;left:auto;transform:none} :is(#mwc-studio-v2,.meeting-plan-readonly) .rear-label{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:11px;color:var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .rear-seam{position:absolute;bottom:23px;left:10%;width:80%;border-top:4px solid var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .sliding-door{position:absolute;left:-4px;top:30%;height:22%;border-left:5px solid var(--water)} :is(#mwc-studio-v2,.meeting-plan-readonly) .glazing{position:absolute;right:-4px;top:60%;height:17%;border-right:5px solid var(--water)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece{position:absolute;z-index:2;border-radius:3px;user-select:none;touch-action:none;cursor:grab} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.selected{outline:2px solid var(--brand);outline-offset:3px;z-index:6} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.dragging{z-index:10;cursor:grabbing;box-shadow:0 7px 20px #0002} :is(#mwc-studio-v2,.meeting-plan-readonly) .surface{position:absolute;inset:0;width:100%;height:100%;padding:0;min-height:0;border-radius:3px;border:1px solid color-mix(in srgb,var(--ink) 42%,transparent);display:block;background:var(--wood);cursor:inherit;overflow:hidden;color:var(--ink)} :is(#mwc-studio-v2,.meeting-plan-readonly) .surface[aria-pressed=true],:is(#mwc-studio-v2,.meeting-plan-readonly) .surface:hover{background:var(--wood);color:var(--ink);border-color:var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=bed] .surface{background:var(--sleep)} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=seat] .surface{background:var(--seat)} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=shower] .surface,:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=fridge] .surface{background:var(--water)} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=table] .surface{background:#cb9e71;border-radius:9px} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.raised{z-index:1} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.raised .surface{background:color-mix(in srgb,var(--sleep) 12%,transparent);border:2px dashed var(--brand);pointer-events:none} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.raised .art{opacity:.12} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.raised .piece-label{top:4px;bottom:auto;color:var(--brand);background:var(--paper)} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.raised:not(.selected){pointer-events:none} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece-label{position:absolute;bottom:3px;left:3px;right:3px;display:flex;justify-content:center;pointer-events:none;z-index:3} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece-label span{padding:2px 3px;background:color-mix(in srgb,var(--paper) 88%,transparent);border-radius:2px;font-size:11px;line-height:1.15;font-weight:600;overflow-wrap:anywhere;text-align:center} :is(#mwc-studio-v2,.meeting-plan-readonly) .marker{position:absolute;top:4px;left:4px;z-index:3;width:20px;height:20px;display:none;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:50%;font-size:11px} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.multi .marker{display:flex} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.multi.selected .marker{background:var(--brand);color:var(--onbrand)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .on-piece{position:absolute;top:-15px;right:-15px;z-index:11;width:30px;height:30px;min-height:30px;padding:5px;border-radius:50%;border:1px solid var(--brand);background:var(--paper);display:none;color:var(--brand);box-shadow:0 2px 5px #0001} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.selected .on-piece{display:flex} :is(#mwc-studio-v2,.meeting-plan-readonly) .resize{display:none;position:absolute;right:-6px;bottom:-6px;z-index:12;width:13px;height:13px;border:2px solid var(--brand);background:var(--paper);border-radius:2px;cursor:nwse-resize;touch-action:none} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.selected .resize{display:block}
:is(#mwc-studio-v2,.meeting-plan-readonly) .art{position:absolute;width:75%;height:68%;top:8%;left:12.5%;pointer-events:none;transform:rotate(var(--art-turn))} :is(#mwc-studio-v2,.meeting-plan-readonly) .sink-bowl{position:absolute;inset:5% 12% 12%;border:1.5px solid var(--quiet);border-radius:6px;background:var(--paper)} :is(#mwc-studio-v2,.meeting-plan-readonly) .sink-bowl:after{content:'';position:absolute;top:45%;left:45%;width:5px;height:5px;border:1px solid var(--quiet);border-radius:50%} :is(#mwc-studio-v2,.meeting-plan-readonly) .tap{position:absolute;top:-4%;left:48%;height:29%;width:13%;border:2px solid var(--quiet);border-bottom:0;border-radius:5px 5px 0 0} :is(#mwc-studio-v2,.meeting-plan-readonly) .hob{position:absolute;inset:4%;background:var(--paper);border:1px solid var(--quiet);border-radius:3px;display:flex;align-items:center;justify-content:space-evenly} :is(#mwc-studio-v2,.meeting-plan-readonly) .hob b{width:32%;aspect-ratio:1;border:2px solid var(--quiet);border-radius:50%;background:var(--line)} :is(#mwc-studio-v2,.meeting-plan-readonly) .mattress{position:absolute;inset:3% 0;border:1px solid var(--quiet);border-radius:5px} :is(#mwc-studio-v2,.meeting-plan-readonly) .pillow{position:absolute;top:8%;width:37%;height:20%;border:1px solid var(--quiet);border-radius:5px;background:var(--paper);left:7%} :is(#mwc-studio-v2,.meeting-plan-readonly) .pillow.two{left:auto;right:7%} :is(#mwc-studio-v2,.meeting-plan-readonly) .blanket{position:absolute;bottom:6%;left:6%;right:6%;height:51%;border-top:2px solid var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .shower-pan{position:absolute;inset:0;border:1px solid var(--quiet);border-radius:5px;background:repeating-linear-gradient(135deg,transparent 0 10px,color-mix(in srgb,var(--quiet) 12%,transparent) 10px 11px)} :is(#mwc-studio-v2,.meeting-plan-readonly) .shower-pan:after{content:'';position:absolute;right:12%;top:12%;width:9px;height:9px;border:1px solid var(--quiet);border-radius:50%} :is(#mwc-studio-v2,.meeting-plan-readonly) .fridge-door{position:absolute;inset:3%;border:1px solid var(--quiet);border-bottom:3px solid var(--quiet);border-radius:3px} :is(#mwc-studio-v2,.meeting-plan-readonly) .fridge-door:after{content:'';position:absolute;width:30%;border-top:2px solid var(--quiet);bottom:9%;right:8%} :is(#mwc-studio-v2,.meeting-plan-readonly) .drawers{position:absolute;inset:0;display:flex;flex-direction:column;gap:3px} :is(#mwc-studio-v2,.meeting-plan-readonly) .drawers b{flex:1;border:1px solid var(--quiet);border-radius:2px;position:relative} :is(#mwc-studio-v2,.meeting-plan-readonly) .drawers b:after{content:'';position:absolute;width:25%;left:37.5%;top:25%;border-top:2px solid var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .cabinet-face{position:absolute;inset:2%;border:1px solid var(--quiet);border-radius:2px} :is(#mwc-studio-v2,.meeting-plan-readonly) .cabinet-face:after{content:'';position:absolute;left:48%;top:0;bottom:0;border-left:1px solid var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .backrest{position:absolute;left:0;top:0;right:0;height:24%;border:1px solid var(--quiet);border-radius:4px;background:color-mix(in srgb,var(--seat) 65%,var(--quiet))} :is(#mwc-studio-v2,.meeting-plan-readonly) .woodgrain{position:absolute;inset:4%;background:repeating-linear-gradient(0deg,transparent 0 8px,#68412425 8px 9px);border-radius:7px} :is(#mwc-studio-v2,.meeting-plan-readonly) .component{position:absolute;border:1px solid color-mix(in srgb,var(--quiet) 30%,transparent);pointer-events:none} :is(#mwc-studio-v2,.meeting-plan-readonly) .component .art{top:10%;height:65%} :is(#mwc-studio-v2,.meeting-plan-readonly) .component-label{display:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .sidebar{padding:18px;border-left:1px solid var(--line);min-width:0} :is(#mwc-studio-v2,.meeting-plan-readonly) .eyebrow{text-transform:uppercase;font-size:11px;font-weight:600;color:var(--quiet);margin-bottom:10px} :is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue{display:grid;grid-template-columns:1fr 1fr;gap:6px} :is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue button{font-size:12px;padding:9px 7px;justify-content:flex-start} :is(#mwc-studio-v2,.meeting-plan-readonly) .inspector{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)} :is(#mwc-studio-v2,.meeting-plan-readonly) .inspector .row{margin-top:10px} :is(#mwc-studio-v2,.meeting-plan-readonly) .dims{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0} :is(#mwc-studio-v2,.meeting-plan-readonly) .dims label,:is(#mwc-studio-v2,.meeting-plan-readonly) .rename{font-size:12px;color:var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .dims input,:is(#mwc-studio-v2,.meeting-plan-readonly) .rename input{display:block;width:100%;border:1px solid var(--line);border-radius:5px;background:var(--paper);padding:8px;margin-top:5px;color:var(--ink)} :is(#mwc-studio-v2,.meeting-plan-readonly) .rename{display:block;margin-top:12px} :is(#mwc-studio-v2,.meeting-plan-readonly) .nudge{display:flex;gap:5px} :is(#mwc-studio-v2,.meeting-plan-readonly) .nudge button{flex:1;padding:7px} :is(#mwc-studio-v2,.meeting-plan-readonly) .contents{margin:12px 0;font-size:12px;color:var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .choice-list{margin-top:14px} :is(#mwc-studio-v2,.meeting-plan-readonly) .choice-list label{display:flex;gap:8px;padding:8px 0;align-items:center;border-bottom:1px solid var(--line);font-size:12px} :is(#mwc-studio-v2,.meeting-plan-readonly) .message{min-height:36px;padding:9px 0;font-size:12px;color:var(--quiet);text-align:center;overflow-wrap:anywhere} :is(#mwc-studio-v2,.meeting-plan-readonly) .message.warning{color:#9b480b} :is(#mwc-studio-v2,.meeting-plan-readonly) .legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) .legend span{display:flex;gap:5px;align-items:center} :is(#mwc-studio-v2,.meeting-plan-readonly) .legend i{display:inline-block;width:10px;height:10px;border-radius:2px} :is(#mwc-studio-v2,.meeting-plan-readonly) .mobile-key{display:none;flex-wrap:wrap;gap:8px 14px;padding:12px 0;font-size:12px} :is(#mwc-studio-v2,.meeting-plan-readonly) .mobile-key span{display:inline-flex;gap:5px} :is(#mwc-studio-v2,.meeting-plan-readonly) .layout-foot{padding:12px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--quiet)}
:is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .vehicle{width:100%;max-width:900px;padding:24px 32px 24px 110px;border-radius:80px 27px 27px 80px} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .floor{aspect-ratio:3500/1750} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .floor.grid{background-size:1.428571% 2.857142%} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .cab{left:14px;top:24px;bottom:24px;width:82px;height:auto;border:0;border-right:1px solid var(--line)} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .side-label{top:auto;bottom:-21px;left:40%;writing-mode:horizontal-tb;transform:none} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .side-label.driver{top:-21px;bottom:auto;right:auto} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .front-label{top:43%;left:-17px;right:auto;writing-mode:vertical-rl;transform:rotate(180deg)} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .rear-label{right:6px;bottom:30%;left:auto;writing-mode:vertical-rl} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .rear-seam{left:auto;right:23px;top:10%;bottom:10%;width:0;border:0;border-right:4px solid var(--quiet)} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .sliding-door{top:auto;bottom:-4px;left:30%;height:0;width:22%;border:0;border-bottom:5px solid var(--water)} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .glazing{top:-4px;bottom:auto;right:23%;height:0;width:17%;border:0;border-top:5px solid var(--water)}
@media(max-width:700px){:is(#mwc-studio-v2,.meeting-plan-readonly) .workspace{grid-template-columns:1fr} :is(#mwc-studio-v2,.meeting-plan-readonly) .sidebar{border-left:0;border-top:1px solid var(--line)} :is(#mwc-studio-v2,.meeting-plan-readonly) .layout-name{flex-basis:100%} :is(#mwc-studio-v2,.meeting-plan-readonly) .title-input{font-size:24px} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .sidebar{grid-template-columns:1fr} :is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue{grid-template-columns:repeat(3,minmax(0,1fr))} :is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue button{flex-direction:column;padding:8px 4px} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .vehicle{padding-left:54px;padding-right:22px;border-top-left-radius:40px;border-bottom-left-radius:40px} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .cab{left:8px;width:36px} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .piece-label{display:none} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .marker{display:flex} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .mobile-key{display:flex} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .side-label{font-size:11px;left:25%} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .rear-label{font-size:11px;bottom:22%;right:4px} :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .rear-seam{right:16px} }
@media(pointer:coarse){:is(#mwc-studio-v2,.meeting-plan-readonly) button{min-height:44px} :is(#mwc-studio-v2,.meeting-plan-readonly) .icon{width:44px} :is(#mwc-studio-v2,.meeting-plan-readonly) .surface{min-height:0} :is(#mwc-studio-v2,.meeting-plan-readonly) .on-piece{min-height:36px;width:36px;height:36px;top:-18px;right:-18px} :is(#mwc-studio-v2,.meeting-plan-readonly) input{font-size:16px} :is(#mwc-studio-v2,.meeting-plan-readonly) .resize{width:20px;height:20px;right:-10px;bottom:-10px}}
:is(#mwc-studio-v2,.meeting-plan-readonly) textarea.title-input{font-family:inherit;field-sizing:content;resize:none;display:block;min-height:42px;overflow:hidden;white-space:pre-wrap}
@media(pointer:coarse){:is(#mwc-studio-v2,.meeting-plan-readonly) .on-piece{width:44px;height:44px;min-height:44px;top:-22px;right:-22px}}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece-content{position:absolute;inset:0;display:flex;flex-direction:column;padding:3px;gap:2px;overflow:hidden}
:is(#mwc-studio-v2,.meeting-plan-readonly) .visual{position:relative;flex:1;min-height:0;overflow:hidden;}
:is(#mwc-studio-v2,.meeting-plan-readonly) .component{}
:is(#mwc-studio-v2,.meeting-plan-readonly) .visual .art{inset:auto;left:50%;top:50%;width:70%;height:70%;transform:translate(-50%,-50%) rotate(var(--art-turn))}
:is(#mwc-studio-v2,.meeting-plan-readonly) .item-copy{display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;flex:none;text-align:center;min-width:0}
:is(#mwc-studio-v2,.meeting-plan-readonly) .item-copy span{max-width:100%;overflow-wrap:anywhere;font-size:11px;line-height:1.2;padding:0 2px;background:color-mix(in srgb,var(--paper) 90%,transparent);border-radius:2px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .item-name{font-weight:600} :is(#mwc-studio-v2,.meeting-plan-readonly) .item-measure{font-variant-numeric:tabular-nums;font-weight:400}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece-content:not(:has(.visual)){justify-content:center}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.raised .piece-content{justify-content:flex-start} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.raised .visual{opacity:.25} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.raised .item-copy{order:-1}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece .marker{display:none} :is(#mwc-studio-v2,.meeting-plan-readonly) .piece.multi .marker,:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.compact .marker{display:flex}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.compact .item-copy{display:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.compact .visual{opacity:.5}
:is(#mwc-studio-v2,.meeting-plan-readonly) .mobile-key{display:flex;gap:8px 16px;align-items:flex-start;justify-content:center} :is(#mwc-studio-v2,.meeting-plan-readonly) .mobile-key:empty{display:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .key-item{display:flex;gap:6px;align-items:center;max-width:100%;min-width:0} :is(#mwc-studio-v2,.meeting-plan-readonly) .key-copy{display:flex;flex-direction:column;overflow-wrap:anywhere;min-width:0}
:is(#mwc-studio-v2,.meeting-plan-readonly) .key-copy small{font-size:11px} :is(#mwc-studio-v2,.meeting-plan-readonly) .key-item b{font-size:11px;flex:none;border:1px solid var(--line);border-radius:50%;width:20px;height:20px;text-align:center;background:var(--paper)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .show-options{border:0;border-bottom:1px solid var(--line);padding:8px 0 12px;margin:12px 0;display:flex;flex-wrap:wrap;gap:9px 12px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .show-options legend{font-size:12px;color:var(--quiet);padding:0} :is(#mwc-studio-v2,.meeting-plan-readonly) .show-options label{display:flex;align-items:center;gap:5px;font-size:12px} :is(#mwc-studio-v2,.meeting-plan-readonly) .show-options input{margin:0}

/* Approved meeting studio, integrated with the existing form shell. */
.layout-design .layout-editor{display:block}
.layout-design .layout-preview{position:relative;height:auto;max-height:none;overflow:visible;display:block;min-height:0;padding:0;border:0;top:auto}
.layout-design .layout-prompts [id]{scroll-margin-top:20px}
:is(#mwc-studio-v2,.meeting-plan-readonly){color-scheme:light}
:is(#mwc-studio-v2,.meeting-plan-readonly) .workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;padding:0;margin:0;gap:0;max-width:none;align-items:start}
:is(#mwc-studio-v2,.meeting-plan-readonly) .sidebar{position:sticky;top:14px;padding:0;display:block;border-left:1px solid var(--line);border-top:0;min-width:0;background:var(--paper)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .inspector{grid-column:1/-1;margin:0;padding:18px 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr);gap:8px 24px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .inspector>.eyebrow:first-child{grid-column:1/-1;margin:0}
:is(#mwc-studio-v2,.meeting-plan-readonly) .inspector>.row{margin:0;justify-content:flex-end}
:is(#mwc-studio-v2,.meeting-plan-readonly) .inspector .dims{margin:0;align-self:end}
:is(#mwc-studio-v2,.meeting-plan-readonly) .inspector .rename{margin:0}
:is(#mwc-studio-v2,.meeting-plan-readonly) .inspector>.choice-list{grid-column:1/-1}
:is(#mwc-studio-v2,.meeting-plan-readonly) .inspector.is-empty>.eyebrow:not(:first-child),:is(#mwc-studio-v2,.meeting-plan-readonly) .inspector.is-empty>.nudge,:is(#mwc-studio-v2,.meeting-plan-readonly) .inspector.is-empty button:disabled{display:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .tool-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;background:var(--brand);color:var(--onbrand)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .tool-heading h3{font-size:14px;color:inherit}
:is(#mwc-studio-v2,.meeting-plan-readonly) .tool-heading button{background:transparent;color:inherit;border:0}
:is(#mwc-studio-v2,.meeting-plan-readonly) .tool-tabs{display:flex;gap:2px;padding:12px 10px 0}
:is(#mwc-studio-v2,.meeting-plan-readonly) .tool-tabs button{flex:1;min-width:0;padding:8px 5px;font-size:12px;border:0;overflow-wrap:anywhere}
:is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue{padding:14px;gap:8px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue button{flex-direction:column;justify-content:center;min-height:72px;text-align:center;overflow-wrap:anywhere}
:is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue button span{max-width:100%}
:is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue button[data-configure]>.lucide:last-child{width:12px;height:12px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue-empty{grid-column:1/-1;font-size:12px;color:var(--quiet);margin:0}
:is(#mwc-studio-v2,.meeting-plan-readonly) .tools-rail{padding:8px;display:grid;gap:8px;background:var(--paper);border-left:1px solid var(--line)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .sidebar[hidden],:is(#mwc-studio-v2,.meeting-plan-readonly) .tools-rail[hidden]{display:none}
:is(#mwc-studio-v2,.meeting-plan-readonly).tools-collapsed .workspace{grid-template-columns:minmax(0,1fr) 54px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .vehicle{width:min(100%,360px)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .headline h2{font-size:24px;margin:0 0 6px;line-height:1.2}
:is(#mwc-studio-v2,.meeting-plan-readonly) .surface{border-color:#8194a4}
:is(#mwc-studio-v2,.meeting-plan-readonly) .visual .art{width:70%;height:70%}
:is(#mwc-studio-v2,.meeting-plan-readonly) .studio-symbol{width:100%;height:100%;fill:none;stroke:var(--quiet);stroke-width:1.5}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=overhead] .surface{background:#e3d7ef;border-style:dashed;opacity:.8}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=travel] .surface{background:var(--seat)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=toilet] .surface{background:var(--water)}
/* Keep stored fixtures visible above their enclosing furniture. */
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=toilet],:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=pullout]{z-index:7}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=toilet].selected,:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=pullout].selected{z-index:8}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=toilet].dragging,:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=pullout].dragging{z-index:10}
:is(#mwc-studio-v2,.meeting-plan-readonly) .component[data-type=toilet],:is(#mwc-studio-v2,.meeting-plan-readonly) .component[data-type=pullout]{z-index:1}
:is(#mwc-studio-v2,.meeting-plan-readonly) .studio-window{position:absolute;background:#7a858d;min-width:4px;min-height:4px;pointer-events:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .studio-window.added{background:#375875}
:is(#mwc-studio-v2,.meeting-plan-readonly) .studio-window.door{background:#89aac5}
:is(#mwc-studio-v2,.meeting-plan-readonly) .studio-hinge{left:-15px;right:auto;top:auto;bottom:-15px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .studio-left-hinge .fridge-door:after{right:auto;left:8%}


:is(#mwc-studio-v2,.meeting-plan-readonly) .cab-art{display:block;width:100%;height:100%;overflow:visible;fill:var(--wash);stroke:var(--quiet);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
:is(#mwc-studio-v2,.meeting-plan-readonly) .seat-back,:is(#mwc-studio-v2,.meeting-plan-readonly) .seat-headrest{fill:var(--line)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .seat-seams{fill:none;stroke-width:1}
:is(#mwc-studio-v2,.meeting-plan-readonly) .steering{fill:var(--paper);stroke-width:2}
:is(#mwc-studio-v2,.meeting-plan-readonly) .steering-hub{fill:var(--quiet);stroke:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .seat-second{display:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .cab-bench .seat-second{display:initial}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.selected .on-piece{width:30px;padding:5px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.locked{cursor:default}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece button.piece-lock{position:absolute;z-index:11;left:2px;top:2px;right:auto;bottom:auto;width:18px;height:18px;max-width:calc(100% - 4px);max-height:calc(100% - 4px);min-height:0;padding:2px;border:0;border-radius:2px;box-shadow:none;background:transparent;color:var(--brand);display:none;cursor:pointer}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece-lock svg.lucide{width:12px;height:12px;max-width:100%;max-height:100%;flex:0 1 auto}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.selected .piece-lock,:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.locked .piece-lock{display:flex}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece button.piece-lock:hover{background:var(--wash)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece:is(.selected,.locked) .marker{left:auto;right:2px;top:auto;bottom:2px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.locked .resize,:is(#mwc-studio-v2,.meeting-plan-readonly) .piece.locked [data-rotate]{display:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .title-input{color:var(--ink);height:auto;min-height:42px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .show-options input{width:17px;height:17px;flex:none}
:is(#mwc-studio-v2,.meeting-plan-readonly) .show-options label{min-height:30px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .show-options{min-width:0;min-height:68px;margin-top:10px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .show-options legend{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-fit-notes{padding:12px;font-size:12px}
/* Focus rail keeps questions beneath the drawing, independent of plan orientation. */
.layout-design .layout-prompts{margin-top:20px;border-top:1px solid var(--line);background:var(--surface,#fff)}
.layout-design .layout-selections-heading{display:flex;width:100%;align-items:center;gap:12px;padding:18px 12px;border:0;border-radius:0;background:transparent;text-align:left}
.layout-design .layout-selections-heading h2{font-size:17px;margin:0;flex:1}
.layout-design .layout-selections-heading>span{background:#f4e7c8;color:#634b23;padding:4px 7px;border-radius:4px;font-size:12px}
.layout-design .layout-selections-heading[aria-expanded=true]>.lucide{transform:rotate(180deg)}
.layout-design .layout-selection-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start;padding:0 12px 20px}
.layout-design .layout-section-index{display:grid;gap:4px;overflow:visible;min-width:0}
.layout-design .layout-step-button{align-items:center;gap:10px;padding:12px 10px;border-radius:6px;font-size:13px;min-width:0}
.layout-design .layout-step-button>span{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
.layout-design .layout-step-button>.lucide{color:#375875;margin:0;flex:none;width:18px;height:18px}
.layout-design .layout-step-button[aria-expanded=true]>.lucide{transform:none}
.layout-design .layout-step-button[aria-expanded=true]{background:#eaf0f4;color:#274763;box-shadow:inset 3px 0 #375875}
.layout-design .layout-step-button>small{display:inline-block;font-size:11px;background:#e6eee5;color:#334c33;padding:3px 5px;border-radius:4px;flex:none}
.layout-design .layout-step-button>small[data-pending=true]{background:#f4e7c8;color:#634b23}
.layout-design .layout-section-content{min-width:0}
.layout-design .layout-detail{padding:0}
.layout-design .layout-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:12px 0}
.layout-design .layout-detail-heading h3{margin:0;font-size:17px}
.layout-design .layout-detail-heading p{margin:6px 0 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.layout-design .layout-detail-heading button{padding:8px;flex:none}
.layout-design .layout-vehicle-profile dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.layout-design .layout-vehicle-profile dl>div{display:block}
.layout-design .layout-vehicle-profile dt{font-size:12px;margin-bottom:5px}
.layout-design .layout-vehicle-profile dd{margin:0;font-weight:500}
.layout-design .layout-choices button[aria-pressed=true]{background:#eaf0f4;border-color:#375875;color:#274763;box-shadow:inset 0 0 0 1px #375875}
@media(max-width:900px){
  :is(#mwc-studio-v2,.meeting-plan-readonly) .workspace{grid-template-columns:minmax(0,1fr) 230px}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .sidebar{position:static}
  .layout-design .layout-selection-workspace{grid-template-columns:210px minmax(0,1fr);gap:16px}
}
@media(max-width:700px){
  :is(#mwc-studio-v2,.meeting-plan-readonly) .workspace{grid-template-columns:1fr}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .sidebar{border-left:0;border-top:1px solid var(--line)}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .inspector{grid-template-columns:1fr;padding:14px}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .inspector>.row{justify-content:flex-start}
  :is(#mwc-studio-v2,.meeting-plan-readonly).tools-collapsed .workspace{grid-template-columns:1fr}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .tools-rail{display:flex;border-left:0;border-top:1px solid var(--line)}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .layout-head,:is(#mwc-studio-v2,.meeting-plan-readonly) .headline{padding:12px}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .plan-pane{padding:12px 16px}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .layout-head>.row{width:100%}
  :is(#mwc-studio-v2,.meeting-plan-readonly) .title-input{font-size:23px}
  :is(#mwc-studio-v2,.meeting-plan-readonly) [data-view=sideways] .plan-pane{padding:12px 18px}
  .layout-design .layout-selection-workspace{display:block;padding:0 0 16px}
  .layout-design .layout-section-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:16px}
  .layout-design .layout-step-button{width:100%;padding:10px 6px;gap:6px;font-size:12px;flex-wrap:wrap;white-space:normal}
  .layout-design .layout-step-button>span{flex-basis:70%;overflow-wrap:anywhere}
  .layout-design .layout-step-button>small{margin-left:24px}
  .layout-design .layout-prompts [id]{scroll-margin-top:16px}
  .layout-design .layout-vehicle-profile dl{grid-template-columns:1fr}
  .layout-design .layout-selections-heading{flex-wrap:wrap;padding:14px 0}
}
html[data-alpine-theme=dark] .layout-design .layout-prompts{background:#26282b}
html[data-alpine-theme=dark] .layout-design .layout-step-button{background:#26282b;color:#eff3f7}
html[data-alpine-theme=dark] .layout-design .layout-step-button[aria-expanded=true],html[data-alpine-theme=dark] .layout-design .layout-choices button[aria-pressed=true]{background:#314859;color:#eff3f7;border-color:#9cbfdc;box-shadow:inset 3px 0 #9cbfdc}
html[data-alpine-theme=dark] .layout-design .layout-detail-heading p{color:#bdc8d0}
html[data-alpine-theme=dark] :is(#mwc-studio-v2,.meeting-plan-readonly){--paper:#26282b;--ink:#eff3f7;--quiet:#bdc8d0;--line:#495762;--wash:#252d35;--brand:#9cbfdc;--onbrand:#182938;--wood:#685627;--water:#284f57;--sleep:#394f69;--seat:#484761;--plan:#272d33;color-scheme:dark}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=basin] .surface{background:var(--water)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=mirror] .surface{background:#e5edf0;border-style:dashed}
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=basin],:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=mirror]{z-index:3}
/* A lowered bed sits over the seats, table and anything else under it, as in the van (Clement, 19 October 2026). Raise the bed to work on what is beneath; a selected piece (6), the toilet and the pull-out (7) still show above it. */
:is(#mwc-studio-v2,.meeting-plan-readonly) .piece[data-type=bed]:not(.raised){z-index:5;box-shadow:0 2px 7px rgba(38,52,63,.24)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .studio-note{margin:12px auto 0;max-width:640px;padding:8px 12px;border-left:3px solid #efd39d;font-size:12px;line-height:1.45;color:var(--quiet);text-align:left}
:is(#mwc-studio-v2,.meeting-plan-readonly) .swatches{display:flex;flex-wrap:wrap;gap:8px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .swatch{position:relative;width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--swatch,var(--paper));color:var(--quiet);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
:is(#mwc-studio-v2,.meeting-plan-readonly) .swatches .swatch,:is(#mwc-studio-v2,.meeting-plan-readonly) .swatches .swatch:hover,:is(#mwc-studio-v2,.meeting-plan-readonly) .swatches .swatch[aria-pressed]{background:var(--swatch,var(--paper));color:var(--quiet);border-color:var(--line)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .swatches .swatch{flex:0 0 32px;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;padding:0;border-radius:50%}
@media(pointer:coarse){:is(#mwc-studio-v2,.meeting-plan-readonly) .swatches .swatch{flex-basis:44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px}}
:is(#mwc-studio-v2,.meeting-plan-readonly) .swatches .swatch[aria-pressed=true]{outline:2px solid var(--brand);outline-offset:2px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .swatches .swatch-custom{background:conic-gradient(#f7dfa0,#d5e6d2,#cee9ee,#dce7f3,#deddf0,#f3e2b8,#f7dfa0)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .swatch svg{width:15px;height:15px}
:is(#mwc-studio-v2,.meeting-plan-readonly) .swatch-custom{overflow:hidden;background:conic-gradient(#f7dfa0,#d5e6d2,#cee9ee,#dce7f3,#deddf0,#f3e2b8,#f7dfa0)}
:is(#mwc-studio-v2,.meeting-plan-readonly) .swatch-custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}
@media(pointer:coarse){:is(#mwc-studio-v2,.meeting-plan-readonly) .swatch{width:44px;height:44px;min-height:44px}}

/* Approved Layout Studio design, 19 October 2026 (Clement): the Trace drawing on a white sheet with a dot grid,
   plain grey walls, fine line plan symbols, each piece's name and size, measurement strings along both walls and
   the controls in the app's colours (blue for what is selected and the main action, white secondary buttons, red
   only for Delete). Editing studio only: the quote's read-only plan keeps its own look. */
#mwc-studio-v2{--t-ink:#34363a;--t-ink2:#8e9196;--t-soft:#a3a6ab;--t-wall:#e6e7ea;--t-dot:#d5d8dd;--t-sheet:#fff;--t-canvas:#f5f5f7;--t-line:#e6e6eb;--t-field:#dcdce2;--t-text:#1d1d1f;--t-muted:#71717a;--t-blue:#375875;--t-onblue:#fff;--t-blue-wash:#e8eff6;--t-row:#eef3f8;--t-hover:#f7f7f9;--t-red:#b42318;--t-red-line:#f0cfca;
  --wood:#f2e4c8;--water:#dbe8e6;--shower:#e1edeb;--sleep:#e6ebf2;--seat:#dbe4cf;--appliance:#e8e9ec;--table:#e8cda4;--mirror:#eceef1;
  --t-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--t-draw:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-family:var(--t-ui);color:var(--t-text)}
html[data-alpine-theme=dark] #mwc-studio-v2{--t-ink:#e3e6ea;--t-ink2:#9aa3ab;--t-soft:#79828a;--t-wall:#3a3e44;--t-dot:#40454c;--t-sheet:#1f2124;--t-canvas:#18191b;--t-line:#34383d;--t-field:#454a50;--t-text:#eff3f7;--t-muted:#aab4bc;--t-blue:#9cbfdc;--t-onblue:#182938;--t-blue-wash:#2a3a48;--t-row:#253340;--t-hover:#26292d;--t-red:#ff9b8f;--t-red-line:#5a3430;
  --wood:#5b4c2e;--water:#284549;--shower:#24403f;--sleep:#33445a;--seat:#3a4a35;--appliance:#3a3d42;--table:#6a5236;--mirror:#33373c}

/* Header, layout title and the buttons around them. */
#mwc-studio-v2 :is(.headline,.layout-head) button{min-height:44px;border-radius:10px;border:1px solid var(--t-line);background:var(--t-sheet);color:var(--t-text);font-weight:600;font-size:15px;box-shadow:none}
#mwc-studio-v2 :is(.headline,.layout-head) button:not(:disabled):hover{background:var(--t-hover)}
#mwc-studio-v2 .headline h2{font-size:24px;font-weight:700;color:var(--t-text)}
#mwc-studio-v2 .headline .sub,#mwc-studio-v2 .layout-title-wrap .sub{color:var(--t-muted)}
#mwc-studio-v2 .workspace{background:var(--t-canvas)}
#mwc-studio-v2 .plan-pane{background:transparent;padding:14px}

/* One toolbar card: View, Bed, Grid and Select multiple, with the Show options as its second row. */
#mwc-studio-v2 .plan-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:0;padding:10px 12px 10px 16px;background:var(--t-sheet);border:1px solid var(--t-line);border-radius:18px 18px 0 0}
#mwc-studio-v2 .tool-group{display:flex;align-items:center;gap:10px;min-width:0}
#mwc-studio-v2 .tool-label{font-size:14px;font-weight:600;color:var(--t-muted)}
#mwc-studio-v2 .plan-toolbar .segmented{display:inline-flex;gap:2px;padding:3px;border:0;border-radius:12px;background:var(--t-canvas)}
#mwc-studio-v2 .plan-toolbar .segmented button{min-height:40px;height:40px;padding:0 14px;gap:7px;border:0;border-radius:9px;background:transparent;color:var(--t-text);font-weight:600;font-size:15px;box-shadow:none}
#mwc-studio-v2 .plan-toolbar .segmented button:not([aria-pressed=true]):hover{background:var(--t-sheet)}
#mwc-studio-v2 .plan-toolbar .segmented button[aria-pressed=true]{background:var(--t-blue);color:var(--t-onblue);box-shadow:0 1px 2px rgba(17,24,39,.14)}
#mwc-studio-v2 .plan-toolbar .segmented svg{width:18px;height:18px}
#mwc-studio-v2 .switch{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:10px;min-height:44px;font-weight:600;font-size:15px;color:var(--t-text);cursor:pointer}
#mwc-studio-v2 .switch input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:44px;height:26px;margin:0;border-radius:13px;background:#d9d9de;cursor:pointer;transition:background .15s}
#mwc-studio-v2 .switch input::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(17,24,39,.25);transition:transform .15s}
#mwc-studio-v2 .switch input:checked{background:var(--t-blue)}
#mwc-studio-v2 .switch input:checked::after{transform:translateX(18px)}
#mwc-studio-v2 .multi-toggle{margin-left:auto;min-height:44px;border-radius:10px;border:1px solid var(--t-line);background:var(--t-sheet);color:var(--t-text);font-weight:600;font-size:15px}
#mwc-studio-v2 .multi-toggle[aria-pressed=true]{background:var(--t-blue-wash);border-color:var(--t-blue);color:var(--t-blue)}
#mwc-studio-v2 .show-options{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;min-height:0;margin:0 0 14px;padding:6px 16px;background:var(--t-sheet);border:1px solid var(--t-line);border-top:1px solid var(--t-line);border-radius:0 0 18px 18px}
#mwc-studio-v2 .show-options legend{float:left;margin-right:4px;padding:0;font-size:14px;font-weight:600;color:var(--t-muted)}
#mwc-studio-v2 .show-options label{min-height:36px;font-size:14px;color:var(--t-text)}
#mwc-studio-v2 .show-options input{accent-color:var(--t-blue)}

/* The drawing sheet: white, a fine dot grid everywhere (Grid shows or hides it), room for the measurements. */
#mwc-studio-v2 .plan-sheet{position:relative;background-color:var(--t-sheet);border:1px solid var(--t-line);border-radius:18px;overflow:hidden}
#mwc-studio-v2 .plan-sheet.grid{background-image:radial-gradient(circle,var(--t-dot) 1px,transparent 1.3px);background-size:22px 22px;background-position:11px 11px}
#mwc-studio-v2 [data-view=sideways] .plan-sheet{padding:64px 112px 112px 18px}
#mwc-studio-v2 [data-view=vertical] .plan-sheet{padding:72px 100px 150px 76px}
#mwc-studio-v2 .vehicle{margin:0 auto;padding:112px 9px 9px;background:transparent;border:2.5px solid var(--t-ink);border-radius:80px 80px 14px 14px;box-shadow:inset 0 0 0 9px var(--t-wall)}
#mwc-studio-v2 [data-view=vertical] .vehicle{width:min(100%,520px)}
#mwc-studio-v2 [data-view=sideways] .vehicle{max-width:960px;padding:9px 9px 9px 110px;border-radius:80px 14px 14px 80px}
#mwc-studio-v2 .cab{top:9px;left:9px;right:9px;height:94px;border:0;border-bottom:9px solid var(--t-wall)}
#mwc-studio-v2 [data-view=sideways] .cab{top:9px;bottom:9px;left:9px;width:92px;height:auto;border:0;border-right:9px solid var(--t-wall)}
#mwc-studio-v2 .floor,#mwc-studio-v2 .floor.grid{background:transparent;border:0;outline:1.5px solid var(--t-ink)}
#mwc-studio-v2 :is(.front-label,.side-label,.rear-label,.rear-seam,.sliding-door,.glazing){display:none}
#mwc-studio-v2 .cab-art{fill:var(--t-sheet);stroke:var(--t-ink);stroke-width:1.3}
#mwc-studio-v2 :is(.seat-back,.seat-headrest){fill:var(--t-sheet)}
#mwc-studio-v2 .seat-seams{stroke:var(--t-ink2)}
#mwc-studio-v2 .steering{fill:none;stroke:var(--t-ink)}
#mwc-studio-v2 .steering-hub{fill:var(--t-ink2)}

/* Pieces: a soft colour per kind, graphite outlines, the symbol underneath and the name on a white backing. */
#mwc-studio-v2 .piece{border-radius:2px;container-type:size}
#mwc-studio-v2 .surface{border:1.5px solid var(--t-ink);border-radius:2px;background:var(--wood);color:var(--t-text)}
#mwc-studio-v2 .piece[data-type=bed] .surface{background:var(--sleep)}
#mwc-studio-v2 .piece:is([data-type=seat],[data-type=travel]) .surface{background:var(--seat)}
#mwc-studio-v2 .piece[data-type=table] .surface{background:var(--table);border-radius:2px}
#mwc-studio-v2 .piece[data-type=fridge] .surface{background:var(--appliance)}
#mwc-studio-v2 .piece[data-type=shower] .surface{background:var(--shower)}
#mwc-studio-v2 .piece:is([data-type=toilet],[data-type=basin]) .surface{background:var(--water)}
#mwc-studio-v2 .piece[data-type=mirror] .surface{background:var(--mirror);border-style:dashed}
/* Overhead cabinetry is easy to see above the benches: a blue dashed outline on a light blue tint, its name small in the corner (Clement, 19 October 2026). */
#mwc-studio-v2 .piece[data-type=overhead] .surface{background:rgba(55,88,117,.08);border:2px dashed var(--t-blue);opacity:1}
#mwc-studio-v2 .piece[data-type=overhead]{z-index:4}
#mwc-studio-v2 .piece[data-type=overhead] .piece-content{justify-content:flex-end;align-items:flex-end}
#mwc-studio-v2 .piece[data-type=overhead] .item-copy{background:transparent;padding:1px 4px}
#mwc-studio-v2 .piece[data-type=overhead] .item-copy .item-name{color:var(--t-blue);font-size:11px;font-weight:600}
#mwc-studio-v2 .piece[data-type=overhead] .item-measure{display:none}
#mwc-studio-v2 .piece.selected{outline:0}
#mwc-studio-v2 .piece.selected .surface{box-shadow:0 0 0 3px var(--t-blue),0 0 0 8px rgba(55,88,117,.16)}
#mwc-studio-v2 .piece.raised .surface{background:transparent;border:2px dashed var(--t-ink);box-shadow:none}
#mwc-studio-v2 .piece.raised .plan-symbol{opacity:.3}
#mwc-studio-v2 .component{border:1px solid color-mix(in srgb,var(--t-ink) 22%,transparent)}
#mwc-studio-v2 .component[data-type=pullout]{border:1.5px dashed var(--t-ink2)}
#mwc-studio-v2 .piece-content{justify-content:center;align-items:center;padding:3px}
#mwc-studio-v2 .visual{position:absolute;inset:0;overflow:visible}
#mwc-studio-v2 svg.plan-symbol{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:var(--t-ink2);stroke-linecap:round;stroke-linejoin:round}
#mwc-studio-v2 svg.plan-symbol *{vector-effect:non-scaling-stroke;stroke-width:1.15px}
#mwc-studio-v2 svg.plan-symbol .pillow{fill:var(--t-sheet)}
#mwc-studio-v2 .item-copy{position:relative;z-index:1;gap:1px;max-width:calc(100% - 6px);padding:2px 5px;border-radius:4px;background:color-mix(in srgb,var(--t-sheet) 86%,transparent)}
#mwc-studio-v2 .item-copy span{padding:0;background:none;overflow-wrap:normal;word-break:normal;hyphens:none;font-family:var(--t-draw);letter-spacing:.02em;line-height:1.1}
#mwc-studio-v2 .item-copy .item-name{font-weight:600;color:var(--t-text);font-size:13px;font-size:clamp(10px,18cqw,13px);text-wrap:balance}
#mwc-studio-v2 .item-copy .item-measure{font-weight:500;color:var(--t-muted);font-size:11px;font-size:clamp(9px,14cqw,11px);font-variant-numeric:tabular-nums}
#mwc-studio-v2 .on-piece{border-color:var(--t-blue);color:var(--t-blue);background:var(--t-sheet)}
#mwc-studio-v2 .resize{border-color:var(--t-blue);background:var(--t-sheet)}

/* Measurements, doors and the raised bed note sit on the sheet, outside the van. */
#mwc-studio-v2 svg.plan-dims{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:visible}
#mwc-studio-v2 svg.plan-dims .dl{stroke:var(--t-ink);stroke-width:1}
#mwc-studio-v2 svg.plan-dims .dl.gap{stroke:var(--t-soft)}
#mwc-studio-v2 svg.plan-dims .tk{stroke:var(--t-ink);stroke-width:1.3}
#mwc-studio-v2 svg.plan-dims .dt{fill:var(--t-ink);font:600 14px var(--t-draw);letter-spacing:.03em}
#mwc-studio-v2 svg.plan-dims .dt.gap{fill:var(--t-soft)}
#mwc-studio-v2 svg.plan-dims .dl.overall{stroke-width:1.2}
#mwc-studio-v2 svg.plan-dims .dt.overall{font-size:16px;font-weight:700}
#mwc-studio-v2 svg.plan-dims .leaf{stroke:var(--t-ink);stroke-width:2.4}
#mwc-studio-v2 svg.plan-dims .arc{fill:none;stroke:var(--t-ink2);stroke-width:1;stroke-dasharray:4 4}
#mwc-studio-v2 svg.plan-dims .slide{stroke:var(--t-ink2);stroke-width:1.2;stroke-dasharray:6 4}
#mwc-studio-v2 .raised-note{position:absolute;top:14px;left:16px;z-index:21;margin:0;display:inline-flex;align-items:center;gap:9px;padding:6px 11px;background:var(--t-sheet);border:1px solid var(--t-line);border-radius:9px;font-size:14px;font-weight:600;color:var(--t-text)}
#mwc-studio-v2 .raised-note[hidden]{display:none}
#mwc-studio-v2 .raised-note i{width:22px;height:14px;border:1.5px dashed var(--t-ink);border-radius:2px}
#mwc-studio-v2 .legend{color:var(--t-muted);font-size:13px}
#mwc-studio-v2 .studio-note{display:flex;gap:10px;align-items:flex-start;max-width:none;margin:14px 0 0;padding:12px 16px;background:var(--t-sheet);border:1px solid var(--t-line);border-radius:14px;font-size:13.5px;color:var(--t-muted)}
#mwc-studio-v2 .studio-note svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--t-blue);stroke-width:1.9;stroke-linecap:round}
#mwc-studio-v2 .message{font-size:13px;color:var(--t-muted)}

/* The selected piece editor. */
#mwc-studio-v2 .inspector{display:block;grid-column:1/-1;margin:0 16px 14px;padding:20px 22px;background:var(--t-sheet);border:1px solid var(--t-line);border-radius:18px}
#mwc-studio-v2 .ins-empty h3{margin:0;font-size:18px;font-weight:700}
#mwc-studio-v2 .ins-empty p{margin:6px 0 0;max-width:62ch;font-size:15px;color:var(--t-muted)}
#mwc-studio-v2 .ins-head{display:flex;align-items:center;gap:14px}
#mwc-studio-v2 .ins-chip{flex:none;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--t-blue-wash);color:var(--t-blue);font-size:18px;font-weight:700}
#mwc-studio-v2 .ins-chip svg{width:24px;height:24px}
#mwc-studio-v2 .ins-title{flex:1;min-width:0}
#mwc-studio-v2 .ins-title h3{margin:0;font-size:21px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
#mwc-studio-v2 .ins-title p{margin:3px 0 0;font-size:14.5px;color:var(--t-muted);overflow-wrap:anywhere}
#mwc-studio-v2 .ins-close{flex:none;width:44px;height:44px;min-height:44px;padding:0;border-radius:22px;border:1px solid var(--t-line);background:var(--t-sheet);color:var(--t-text)}
#mwc-studio-v2 .ins-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#mwc-studio-v2 .act{width:auto;min-height:44px;height:44px;gap:8px;padding:0 14px;border-radius:10px;border:1px solid var(--t-line);background:var(--t-sheet);color:var(--t-text);font-size:15px;font-weight:600}
#mwc-studio-v2 .act svg{width:18px;height:18px}
#mwc-studio-v2 :is(.act,.ins-close,.nudge button):not(:disabled):hover{background:var(--t-hover)}
#mwc-studio-v2 .act[aria-pressed=true]{background:var(--t-blue-wash);border-color:var(--t-blue);color:var(--t-blue)}
#mwc-studio-v2 .act.primary,#mwc-studio-v2 .act.primary:not(:disabled):hover{background:var(--t-blue);border-color:var(--t-blue);color:var(--t-onblue)}
#mwc-studio-v2 .act.danger{margin-left:auto;color:var(--t-red);border-color:var(--t-red-line)}
#mwc-studio-v2 .ins-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
#mwc-studio-v2 .ins-col{min-width:0}
#mwc-studio-v2 .rename{display:grid;gap:6px;margin:16px 0 0;font-size:14px;font-weight:500;color:var(--t-muted)}
#mwc-studio-v2 .rename input{height:46px;padding:0 12px;border:1px solid var(--t-field);border-radius:10px;background:var(--t-sheet);color:var(--t-text);font-size:16px}
#mwc-studio-v2 .ins-sec{margin-top:16px;padding-top:14px;border-top:1px solid var(--t-line)}
#mwc-studio-v2 .ins-sec h4{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 10px;font-size:15px;font-weight:700}
#mwc-studio-v2 .ins-sec h4 span{font-size:13.5px;font-weight:500;color:var(--t-muted)}
#mwc-studio-v2 .ins-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#mwc-studio-v2 .stepper{display:grid;gap:6px;min-width:0}
#mwc-studio-v2 .st-label{font-size:14px;font-weight:500;color:var(--t-muted)}
#mwc-studio-v2 .st-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;overflow:hidden;border:1px solid var(--t-field);border-radius:10px;background:var(--t-sheet)}
#mwc-studio-v2 .st-row:focus-within{border-color:var(--t-blue);box-shadow:0 0 0 3px rgba(55,88,117,.16)}
#mwc-studio-v2 .st-btn{width:44px;min-height:46px;height:46px;padding:0;border:0;border-radius:0;background:var(--t-hover);color:var(--t-blue)}
#mwc-studio-v2 .st-btn:first-child{border-right:1px solid var(--t-line)}
#mwc-studio-v2 .st-btn:last-child{border-left:1px solid var(--t-line)}
#mwc-studio-v2 .st-btn:not(:disabled):hover{background:var(--t-blue-wash)}
#mwc-studio-v2 .st-val{position:relative;display:block;min-width:0}
#mwc-studio-v2 .st-val input{width:100%;height:46px;padding:0 34px 0 8px;border:0;border-radius:0;background:transparent;color:var(--t-text);text-align:center;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
#mwc-studio-v2 .st-val input::-webkit-inner-spin-button,#mwc-studio-v2 .st-val input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#mwc-studio-v2 .st-val input:focus{outline:0}
#mwc-studio-v2 .st-val em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;font-size:13px;color:var(--t-muted);pointer-events:none}
#mwc-studio-v2 :is(.ins-space,.contents){margin:10px 0 0;font-size:14px;color:var(--t-muted)}
#mwc-studio-v2 .ins-space b{color:var(--t-text);font-weight:600}
#mwc-studio-v2 .nudge{display:flex;gap:8px}
#mwc-studio-v2 .nudge button{width:48px;height:48px;min-height:48px;padding:0;border-radius:10px;border:1px solid var(--t-line);background:var(--t-sheet);color:var(--t-blue)}
#mwc-studio-v2 .inspector .swatches{gap:10px}
#mwc-studio-v2 .inspector .swatches .swatch[aria-pressed=true]{outline:2px solid var(--t-blue);outline-offset:2px}
#mwc-studio-v2 .inspector>p{margin:14px 0 0;font-size:14px;color:var(--t-muted)}
#mwc-studio-v2 .choice-list{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px}
#mwc-studio-v2 .choice-list label{display:flex;align-items:center;gap:6px;min-height:36px;font-size:14px}

/* Every piece in the layout. */
#mwc-studio-v2 .piece-list{grid-column:1/-1;margin:0 16px 16px;padding:18px 22px;background:var(--t-sheet);border:1px solid var(--t-line);border-radius:18px}
#mwc-studio-v2 .pl-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}
#mwc-studio-v2 .pl-head h3{margin:0;font-size:17px;font-weight:700}
#mwc-studio-v2 .pl-head span{font-size:14px;color:var(--t-muted)}
#mwc-studio-v2 .pl-scroll{overflow-x:auto}
#mwc-studio-v2 .piece-list table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
#mwc-studio-v2 .piece-list th{padding:10px;border-bottom:1px solid var(--t-line);text-align:left;font-size:13px;font-weight:600;color:var(--t-muted);white-space:nowrap}
#mwc-studio-v2 .piece-list td{height:46px;padding:0 10px;border-bottom:1px solid var(--t-line);font-size:15px;white-space:nowrap}
#mwc-studio-v2 .piece-list :is(th,td).n{text-align:right}
#mwc-studio-v2 .piece-list tbody tr:last-child td{border-bottom:0}
#mwc-studio-v2 .piece-list tr:hover td{background:var(--t-hover)}
#mwc-studio-v2 .piece-list tr.on td{background:var(--t-row)}
#mwc-studio-v2 .piece-list tr.on td:first-child{box-shadow:inset 3px 0 0 var(--t-blue)}
#mwc-studio-v2 .piece-list .pl-no{width:44px;color:var(--t-muted)}
#mwc-studio-v2 .piece-list td.pl-name{white-space:normal}
#mwc-studio-v2 .pl-pick{width:100%;min-height:44px;justify-content:flex-start;padding:0;border:0;border-radius:0;background:transparent;color:var(--t-text);font-weight:500;text-align:left}
#mwc-studio-v2 .pl-pick:hover{background:transparent;text-decoration:underline}
#mwc-studio-v2 .pl-empty{margin:8px 0 0;font-size:14px;color:var(--t-muted)}

@media(max-width:700px){
  #mwc-studio-v2 .plan-pane{padding:12px}
  #mwc-studio-v2 .plan-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:10px 12px}
  #mwc-studio-v2 .plan-toolbar .tool-group:first-child,#mwc-studio-v2 .multi-toggle{grid-column:1/-1}
  #mwc-studio-v2 .multi-toggle{margin-left:0}
  #mwc-studio-v2 .tool-label{width:34px;flex:none}
  #mwc-studio-v2 .plan-toolbar .segmented{flex:1}
  #mwc-studio-v2 .plan-toolbar .segmented button{flex:1;padding:0 8px}
  #mwc-studio-v2 [data-view=vertical] .plan-sheet{padding:74px 72px 126px 54px}
  #mwc-studio-v2 [data-view=sideways] .plan-sheet{padding:60px 96px 104px 14px}
  #mwc-studio-v2 :is(.inspector,.piece-list){margin:0 12px 12px;padding:16px}
  #mwc-studio-v2 .ins-body{grid-template-columns:minmax(0,1fr)}
  #mwc-studio-v2 .ins-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  #mwc-studio-v2 .act{height:60px;padding:0 4px;flex-direction:column;gap:4px;font-size:13px}
  #mwc-studio-v2 .act.danger{margin-left:0}
  #mwc-studio-v2 .pl-pos{display:none}
}
@media(max-width:520px){
  #mwc-studio-v2 .ins-grid{grid-template-columns:minmax(0,1fr)}
}
/* No icons on the plan (Clement, 19 October 2026): pieces show their name and size only, the cab is left plain,
   and the Icon choice is not offered. */
#mwc-studio-v2 .piece .visual,#mwc-studio-v2 svg.plan-symbol,#mwc-studio-v2 .cab-art{display:none}
#mwc-studio-v2 .show-options label:has(input[data-display=icon]){display:none}