.hatch-page [hidden] { display:none !important; }
.pattern-picker { padding-block:14px; }
.pattern-picker label { font-weight:600; margin-right:1rem; }
.pattern-picker select { padding:.65rem; max-width:100%; font:inherit; }
.line-workspace { grid-template-columns:minmax(300px,1fr) minmax(0,1.4fr); align-items:start; }
#line-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 14px; padding:18px; }
#line-form > :not(.line-field) { grid-column:1/-1; margin:0; }
#line-form label { margin:0 0 3px; font-size:.78rem; }
#line-form input,#line-form select { min-height:36px; padding:5px 7px; }
.line-workspace .hatch-preview-panel { position:sticky; top:84px; background:var(--md-cream); }
@media(max-width:800px) {
    .line-workspace { display:flex; flex-direction:column; align-items:stretch; }
    .line-workspace .hatch-preview-panel { order:-1; top:64px; z-index:2; padding:8px 16px; border-bottom:1px solid var(--md-line); }
    .line-workspace .hatch-preview-panel p { margin:0; }
    #line-preview { height:62px; display:block; }
}