/* Kitchen Designer tool */
.ck-designer{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start;}
.ck-designer__panel{background:#fff;border:1px solid var(--ck-line);border-radius:14px;padding:22px;position:sticky;top:84px;}
.ck-designer__h{font-family:var(--ck-display);font-weight:800;font-size:22px;margin:0 0 4px;color:#151618;}
.ck-designer__sub{font-size:13px;color:var(--ck-muted);margin:0 0 18px;line-height:1.5;}
.ck-fieldset{margin-bottom:18px;}
.ck-fieldset__label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#151618;margin-bottom:10px;}
.ck-fieldset__label small{color:var(--ck-muted);font-weight:600;letter-spacing:0;}

.ck-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.ck-shape{font:inherit;font-size:12.5px;font-weight:600;padding:9px 6px;border:1px solid var(--ck-line);background:#fff;border-radius:8px;cursor:pointer;color:#2b2d31;transition:all .2s;}
.ck-shape:hover{border-color:var(--ck-red);}
.ck-shape.is-active{background:var(--ck-red);border-color:var(--ck-red);color:#fff;}

.ck-dims{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ck-dims label{display:flex;flex-direction:column;font-size:12px;font-weight:600;color:#4a4d52;gap:5px;}
.ck-dims input{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--ck-line);border-radius:7px;color:#151618;}
.ck-dims input:focus{outline:none;border-color:var(--ck-red);}

.ck-toggle{display:flex;gap:8px;}
.ck-toggle button{flex:1;font:inherit;font-size:13px;font-weight:600;padding:9px;border:1px solid var(--ck-line);background:#fff;border-radius:8px;cursor:pointer;color:#2b2d31;transition:all .2s;}
.ck-toggle button.is-active{background:#151618;border-color:#151618;color:#fff;}

.ck-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ck-colors label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:#4a4d52;border:1px solid var(--ck-line);border-radius:8px;padding:6px 8px 6px 10px;}
.ck-colors input[type=color]{width:34px;height:26px;border:0;background:none;padding:0;cursor:pointer;border-radius:5px;}

.ck-accs{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;}
.ck-accs label{display:flex;align-items:center;gap:7px;font-size:13px;color:#2b2d31;cursor:pointer;}
.ck-accs input{accent-color:var(--ck-red);width:15px;height:15px;}

.ck-designer__actions{display:flex;gap:10px;margin:6px 0 12px;}
.ck-designer__actions .ck-btn{flex:1;text-align:center;padding:12px;font-size:13.5px;}
.ck-designer__note{font-size:11.5px;color:var(--ck-muted);line-height:1.5;margin:0 0 14px;}
.ck-designer__book{display:block;text-align:center;}

.ck-designer__stage{border:1px solid var(--ck-line);border-radius:14px;overflow:hidden;background:#eef0f2;}
.ck-designer__tabs{display:flex;gap:2px;padding:10px;background:#fff;border-bottom:1px solid var(--ck-line);}
.ck-designer__tabs button{font:inherit;font-size:13px;font-weight:700;padding:9px 18px;border:0;background:#f1f1f3;color:#2b2d31;border-radius:8px;cursor:pointer;transition:all .2s;}
.ck-designer__tabs button.is-active{background:var(--ck-red);color:#fff;}
.ck-designer__canvaswrap{position:relative;height:clamp(420px,58vh,640px);}
.ck-designer__3d,.ck-designer__2d{position:absolute;inset:0;width:100%;height:100%;display:block;}
.ck-designer__3d canvas{display:block;width:100%!important;height:100%!important;}
.ck-designer__2d{background:#fff;}
.ck-designer__hint{position:absolute;left:12px;bottom:12px;font-size:11.5px;color:#fff;background:rgba(0,0,0,.55);padding:5px 10px;border-radius:20px;pointer-events:none;}
.ck-designer__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;background:#eef0f2;}
.ck-designer__loading.is-hidden{display:none;}

@media(max-width:900px){
  .ck-designer{grid-template-columns:1fr;}
  .ck-designer__panel{position:static;}
}
.ck-selects{display:grid;gap:10px;}
.ck-selects label{display:flex;flex-direction:column;font-size:12px;font-weight:600;color:#4a4d52;gap:5px;}
.ck-selects select{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--ck-line);border-radius:7px;color:#151618;background:#fff;}
.ck-designer__rotate{margin-left:auto;background:#f1f1f3!important;color:#2b2d31!important;}
.ck-designer__rotate:hover{background:#151618!important;color:#fff!important;}
.ck-designer__2d{touch-action:none;cursor:grab;}
.ck-designer__2d.is-dragging{cursor:grabbing;}
/* Final image layer + reliable tab hiding */
.ck-designer__final{position:absolute;inset:0;width:100%;height:100%;display:block;background:#fff;}
.ck-designer__canvaswrap > [hidden]{display:none!important;}