#workshop-start{border:1px solid var(--border,#4a5d4e);padding:14px;background:rgba(247,245,238,.35);color:var(--text-main,#2a3830);font-family:'Space Mono',monospace}
#workshop-start h2{font-size:19px;line-height:1.25;margin:8px 0}
#workshop-start p{font-size:11px;line-height:1.6;margin:8px 0 12px}
#workshop-start small{display:block;font-size:10px;line-height:1.6}
.ws-eyebrow{letter-spacing:1.3px;font-weight:bold}
.feature-new{display:inline-block;vertical-align:middle;padding:2px 4px;border:1px solid #2a3830;background:#00fe7b;color:#142219;font:700 8px/1.3 'Space Mono',monospace;letter-spacing:.3px;white-space:nowrap;font-style:normal}
.ws-routes .feature-new{margin-top:4px}
.adaptive-panel summary .feature-new{float:right}
.ws-routes,.ws-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}
.ws-routes button,.ws-template-grid button{font:inherit;color:inherit;border:1px solid #4a5d4e;background:transparent;padding:12px 3px;cursor:pointer;min-width:0}
.ws-routes button{font-size:24px}.ws-routes span,.ws-template-grid span{display:block;font-size:10px;margin-top:8px}
.ws-routes button:hover,.ws-template-grid button:hover{background:#00fe7b;color:#142219;box-shadow:2px 2px 0 #4a5d4e}
.ws-template-grid strong{font:bold 20px Georgia,serif;display:flex;align-items:center;justify-content:center;min-height:52px}
.ws-template-grid [data-ws-template="brand"] strong{font:bold 20px Georgia,serif}
.ws-template-grid [data-ws-template="brand"]{border:2px solid var(--text-main,#4a5d4e);background:rgba(0,254,123,.12)}
#ws-templates{grid-column:1/-1;padding:4px 0 12px;border-bottom:1px solid var(--border,#4a5d4e)}
.ws-routes [data-ws-route="templates"]{grid-column:1/-1;display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center}
.ws-routes [data-ws-route="templates"] .ws-pictogram{grid-row:1/3;margin:0}
.ws-routes{grid-template-columns:repeat(2,minmax(0,1fr))}
.ws-routes button{text-align:left;padding:11px 8px;font-size:11px}
.ws-pictogram{display:block;width:28px;height:28px;margin-bottom:9px}
.ws-routes strong{display:block;line-height:1.45}
.ws-routes span{font-size:9px;line-height:1.5;margin-top:5px;font-weight:normal}
.ws-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.ws-shortcuts button{font:inherit;font-size:10px;text-decoration:underline;background:none;border:0;color:inherit;cursor:pointer;padding:5px 0}
#preview-dock{position:fixed;right:20px;bottom:100px;width:270px;z-index:45;border:2px solid var(--border,#4a5d4e);background:var(--bg-color,#e8e6d1);color:var(--text-main,#4a5d4e);box-shadow:4px 4px 0 rgba(0,0,0,.25);font-family:'Space Mono',monospace}
#preview-dock[hidden],#preview-dock [hidden]{display:none}
#preview-dock header{display:flex;justify-content:space-between;align-items:center;background:#4a5d4e;color:#e8e6d1;padding:8px 10px;font-size:11px}
#preview-dock header button{border:1px solid currentColor;background:none;color:inherit;width:26px;height:26px;cursor:pointer}
#preview-dock{z-index:110;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
#preview-dock header{cursor:grab;touch-action:none;user-select:none}
#preview-dock header.dragging{cursor:grabbing}
#preview-dock .preview-dock-body{max-height:calc(100dvh - 70px);overflow-y:auto;box-sizing:border-box}
.preview-dock-body{padding:12px}.preview-dock-body small{display:block;font-size:10px;line-height:1.6}
.preview-dock-image{background:#f7f5ee;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #4a5d4e;margin:8px 0;max-height:260px}
.preview-dock-image img,.preview-dock-image svg{width:100%;height:100%;object-fit:contain}
.preview-dock-image[aria-busy=true]{opacity:.5}
.preview-dock-apply{width:100%;margin-top:10px;font-size:11px!important}.preview-dock-apply:disabled{opacity:.5}
@media(min-width:1100px){.preview-in-dock{display:none!important}}