.warp-settings,.warp-node-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0;}.warp-field{display:flex;flex-direction:column;gap:5px;min-width:0;}.warp-field input,.warp-field select{min-width:0;max-width:100%;min-height:34px;}.warp-field input[type=checkbox]{align-self:flex-start;}.warp-preview{width:100%;height:340px;min-height:240px;border:1px solid var(--border);background:var(--surface);touch-action:none;}.warp-preview [data-warp-node]{cursor:grab;}.warp-preview [data-warp-node]:hover{stroke-width:3;}.warp-help,.warp-status{font-size:12px;line-height:1.5;color:var(--text-dim);}.warp-status{min-height:36px;}@media(max-width:480px){.warp-settings,.warp-node-fields{grid-template-columns:1fr;}.warp-preview{height:280px;}.warp-field input,.warp-field select{min-height:44px;}}

/* Warp settings live in Properties; all artwork previews use the actual canvas. */
body.warp-workspace-active #rightpanel>.panel-section,body.warp-workspace-active #rightpanel>.inspector-tabs{display:none!important;}
body.warp-workspace-active #overlay-layer>:not(#warp-workspace-overlay){display:none!important;}
#warp-workspace-panel{padding:12px;min-width:0;}
#warp-workspace-panel h3{font-size:14px;margin:0 0 8px;}
#warp-workspace-panel .warp-settings,#warp-workspace-panel .warp-node-fields{grid-template-columns:1fr;}
#warp-workspace-panel .warp-live-indicator{font-size:12px;color:var(--accent);line-height:1.5;padding:8px;border:1px solid var(--border);border-radius:7px;}
#warp-workspace-preview.warp-preview{width:1px;height:1px;min-height:0;border:0;background:none;overflow:visible;}
#warp-workspace-panel .warp-actions{position:sticky;bottom:0;background:var(--bg-panel);padding:10px 0;display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--border);}
#warp-workspace-panel .warp-actions .btn{flex:1;min-height:36px;}
#warp-workspace-preview:focus{outline:none;}

#warp-workspace-panel .frame-bend-fields{grid-template-columns:minmax(0,1fr)!important;}

#warp-workspace-panel .warp-field>.adjuster-control{width:100%;max-width:100%;box-sizing:border-box;}