.ck14-toolbar{padding:16px 20px;border-top:1px solid var(--line,#dce2dc);border-bottom:1px solid var(--line,#dce2dc);display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f7f8f4}.ck14-tabs{display:flex;flex-wrap:wrap;gap:8px}.ck14-tabs button{font:inherit;font-size:14px;min-height:42px;padding:10px 17px}.ck14-tabs button[aria-pressed=true]{background:#234f43;color:white;border-color:#234f43}.ck14-toolbar .note{font-size:12px;margin:0}.ck14-left{min-width:0}.ck14-stage{position:relative;background:#edf0eb;height:610px}.ck14-stage[hidden],.ck14-selection[hidden]{display:none}.ck14-frame{display:block;width:100%;height:100%;border:0}.ck14-loading{position:absolute;inset:0;display:grid;place-content:center;padding:30px;text-align:center;background:#edf0eb;z-index:3}.ck14-loading[hidden]{display:none}.ck14-selection{display:flex;align-items:center;gap:14px;background:#f4f6f1;padding:17px 20px;border-bottom:1px solid #dce2dc}.ck14-selection strong{font-size:16px}.ck14-selection .note{font-size:12px;white-space:nowrap;margin:0}[data-ck14-mode=plan] #standCanvas .stand-panorama,[data-ck14-mode=explore] #standCanvas .stand-panorama,[data-ck14-mode=plan] #standCanvas .stand-options,[data-ck14-mode=explore] #standCanvas .stand-options,[data-ck14-mode=plan] #standCanvas .stand-status,[data-ck14-mode=explore] #standCanvas .stand-status{display:none}[data-ck14-mode] #standCanvas .stand-services{border-top:0}.preview strong{white-space:nowrap}@media(max-width:850px){.ck14-toolbar{align-items:flex-start;flex-direction:column}.ck14-stage{height:510px}.ck14-tabs button{font-size:13px;padding:10px 12px}.ck14-selection{align-items:flex-start}.ck14-selection strong{font-size:15px}}@media(prefers-reduced-motion:reduce){.ck14-frame{scroll-behavior:auto}}
[data-ck14-mode=plan] #standCanvas,[data-ck14-mode=explore] #standCanvas{min-height:0;background:#fff}

/* A stable service dock for the selected stand; does not depend on camera projection. */
.ck14-services{padding:12px 16px;border-bottom:1px solid #d6e1da;background:#eff5f2;display:grid;gap:8px}
.ck14-services[hidden]{display:none!important}
.ck14-services-title{font-size:14px;font-weight:650;color:#163d33;overflow-wrap:anywhere}
.ck14-services-items{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ck14-services-button{min-height:44px;border:1px solid #245345;border-radius:24px;padding:8px 14px;background:#204f43;color:#fff;font:600 13px/1.25 Arial,Helvetica,sans-serif;cursor:pointer;touch-action:manipulation}
.ck14-services-button:hover{background:#286354;color:#fff}
.ck14-services-button:focus-visible{outline:3px solid #d7a03c;outline-offset:2px}
.ck14-stand-preview-frame{display:block;width:100%;height:min(61vh,500px);min-height:390px;border:1px solid #cbd8cf;border-radius:8px;background:#eef2e9}
.ck14-stand-preview-services{display:grid;gap:7px;padding:10px 0}
.ck14-stand-preview-services strong{font-size:14px;color:#204f43}
@media(max-width:600px){.ck14-services{padding:10px}.ck14-services-button{font-size:12px;padding:8px 10px;min-height:44px}.ck14-stand-preview-frame{min-height:340px}}


/* Keep the stand-service fallback reachable on phones while 3D furniture labels leave the camera view. */
@media (max-width:600px){
 [data-ck14-mode=explore] .ck14-services:not([hidden]){position:sticky;top:0;z-index:8;padding:8px 10px;gap:4px;box-shadow:0 2px 8px #17372d24}
 [data-ck14-mode=explore] .ck14-services-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 [data-ck14-mode=explore] .ck14-services-items{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:3px}
 [data-ck14-mode=explore] .ck14-services-button{flex:0 0 auto;white-space:nowrap;min-height:44px}
}

/* Immersive Hall 3D: keep the iframe alive so camera pose and stand remain unchanged. */
.ck14-expand-button{flex:0 0 auto;min-height:44px;margin-left:auto;padding:9px 14px;border:1px solid #245345;border-radius:5px;background:#204f43;color:#fff;font-size:13px;font-weight:650;cursor:pointer}
.ck14-expand-button[hidden],.ck14-collapse-button[hidden]{display:none!important}
.ck14-expand-button:hover{background:#286354;color:#fff}
.ck14-expand-button:focus-visible,.ck14-collapse-button:focus-visible{outline:3px solid #e0b54c;outline-offset:2px}
.ck14-collapse-button{position:absolute;z-index:30;top:5px;right:7px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:2px solid #fff;border-radius:50%;background:#183e36;color:#fff;font:600 28px/1 Arial,Helvetica,sans-serif;box-shadow:0 2px 9px #10241d80;touch-action:manipulation;cursor:pointer}
html.ck14-fullscreen-lock,html.ck14-fullscreen-lock body{overflow:hidden!important;overscroll-behavior:none}
.ck14-left.ck14-fullscreen{position:fixed!important;inset:0!important;z-index:2147483640!important;display:flex!important;flex-direction:column!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#edf0eb}
.ck14-left.ck14-fullscreen .ck14-services:not([hidden]){position:relative!important;top:auto!important;z-index:1;flex:0 0 auto;max-height:min(30dvh,150px);overflow-y:auto;box-shadow:none}
.ck14-left.ck14-fullscreen .ck14-stage{flex:1 1 auto;height:auto!important;min-height:0!important;width:100%;margin:0!important}
.ck14-left.ck14-fullscreen .ck14-frame{height:100%;width:100%}
.ck14-left.ck14-fullscreen #standCanvas{display:none!important}
@media(max-width:850px){.ck14-expand-button{margin-left:0}}
