/* Original workshop controls shared by the three independently laid-out device UIs. */
#workshop-tools{margin-top:8px;width:100%;min-height:44px;font-size:13px;padding:9px}
.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.feature-cards button{display:flex;flex-direction:column;gap:7px;text-align:left;padding:14px;min-height:110px}.feature-cards span{font-size:12px;line-height:1.5;color:var(--muted)}
.feature-preview{min-height:180px;height:260px;padding:10px;margin:12px 0;background:#eef1ea;border:1px solid var(--line);border-radius:12px}.feature-preview svg{width:100%;height:100%;display:block}.feature-preview [data-node-id]{cursor:pointer}
#feature-preview-status{font-size:13px;min-height:40px;margin-top:15px}.feature-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.feature-palette label{position:relative}.feature-color-chip{width:24px;height:24px;display:inline-block;border-radius:50%;border:1px solid var(--line)}
.feature-stop{display:grid;grid-template-columns:minmax(60px,1fr) minmax(70px,1fr) minmax(70px,1fr) auto;gap:8px;align-items:end;margin:12px 0}.feature-stop button{min-height:44px}.feature-paint{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0;padding:12px;background:#f3f5ef;border-radius:12px}.feature-paint strong{grid-column:1/-1}.feature-paint button{min-height:44px}
.placement-hint{position:absolute;z-index:21;left:9px;top:9px;display:flex;align-items:center;gap:10px;padding:5px 7px 5px 12px;border:1px solid var(--line);border-radius:12px;background:#fffffff0;box-shadow:0 3px 15px #193b3220;font-size:12px}.placement-hint button{min-height:44px;padding:8px 12px}
body[data-vectors-ui=phone] .feature-cards{grid-template-columns:1fr 1fr;gap:8px}body[data-vectors-ui=phone] .feature-cards button{padding:11px;min-height:116px}body[data-vectors-ui=phone] .feature-palette{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-vectors-ui=phone] .feature-stop{grid-template-columns:1fr 1fr}body[data-vectors-ui=phone] .feature-paint{grid-template-columns:1fr 1fr}body[data-vectors-ui=phone] .feature-preview{height:210px}
body[data-vectors-ui=phone] #dialog input,body[data-vectors-ui=phone] #dialog select,body[data-vectors-ui=tablet] #dialog input,body[data-vectors-ui=tablet] #dialog select{font-size:16px;min-height:44px}
body[data-vectors-ui=phone] #dialog:has(.feature-preview) .dialog-actions{position:sticky;bottom:-24px;margin-bottom:-24px;padding:12px 0 24px;background:white;z-index:2}
body[data-vectors-ui=phone] .feature-preview{height:150px;min-height:150px}
@media print{.placement-hint{display:none!important}}