.wm-workspace{gap:var(--space-4);width:100%;margin-bottom:var(--space-8);flex-direction:column;display:flex}.wm-workspace .btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border-radius:var(--radius-md);user-select:none;white-space:nowrap;min-height:44px;padding:0 var(--space-4);box-sizing:border-box;text-align:center;justify-content:center;align-items:center;line-height:1.25;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.wm-workspace .btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px var(--color-focus-ring)}.wm-workspace .btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.wm-workspace .btn-primary{background:var(--color-brand);color:var(--color-text-inverse);border:1px solid var(--color-brand);box-shadow:var(--shadow-xs)}.wm-workspace .btn-primary:hover:not(:disabled){background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.wm-workspace .btn-primary:active:not(:disabled){background:var(--color-brand-active);border-color:var(--color-brand-active);transform:translateY(1px)}.wm-workspace .btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.wm-workspace .btn-secondary:hover:not(:disabled){background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.wm-workspace .btn-secondary:active:not(:disabled){background:var(--color-border-subtle);transform:translateY(1px)}.wm-workspace .btn-ghost{color:var(--color-text);background:0 0;border:1px solid #0000}.wm-workspace .btn-ghost:hover:not(:disabled){background:var(--color-surface-subtle)}.wm-workspace .btn-ghost:active:not(:disabled){background:var(--color-border-subtle)}.wm-workspace .btn-sm{min-height:38px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.wm-workspace .wm-error-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);box-shadow:var(--shadow-xs);display:flex}.wm-workspace .wm-error-icon{color:var(--color-danger);flex-shrink:0;align-items:center;margin-top:1px;display:flex}.wm-workspace .wm-error-text{line-height:var(--line-normal);flex:1}.wm-workspace .wm-error-close{color:var(--color-danger);cursor:pointer;border-radius:var(--radius-xs);opacity:.7;background:0 0;border:none;padding:0 4px;font-size:1.25rem;line-height:1;transition:opacity .15s}.wm-workspace .wm-error-close:hover{opacity:1}.wm-workspace .wm-loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;width:44px;height:44px;margin:0 auto;animation:.8s linear infinite wm-spin}@keyframes wm-spin{to{transform:rotate(360deg)}}.wm-features-grid{gap:var(--space-4);margin-top:var(--space-6);text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.wm-feature-item{background:var(--color-surface-subtle);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.wm-feature-title{font-weight:600;font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1);align-items:center;gap:6px;display:flex}.wm-feature-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.45}.wm-workspace-grid{gap:var(--space-6);grid-template-columns:360px minmax(0,1fr);align-items:start;display:grid}.wm-controls-pane{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.wm-doc-bar{padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.wm-doc-title{font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-weight:600;display:block;overflow:hidden}.wm-doc-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.wm-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-xs)}.wm-segmented-control{gap:var(--space-1);background:var(--color-surface-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-4);border:1px solid var(--color-border);padding:3px;display:flex}.wm-segmented-control button{white-space:normal;min-width:0;font-size:var(--text-xs);flex:1}.wm-field-label{font-size:var(--text-xs);color:var(--color-text);margin-bottom:4px;font-weight:500;display:block}.wm-workspace .form-control{width:100%;height:38px;padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.wm-workspace .form-control:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.wm-presets-wrap{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.wm-row-2col{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:1.2fr 1fr;display:grid}.wm-color-swatches{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.wm-color-circle{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:transform .15s,box-shadow .15s;display:flex}.wm-color-circle:hover{transform:scale(1.12)}.wm-color-circle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.wm-color-circle.active{box-shadow:0 0 0 2px var(--color-brand);border-color:#fff}.wm-slider-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.wm-slider-val{font-size:var(--text-xs);color:var(--color-brand);font-variant-numeric:tabular-nums;font-weight:600}.wm-workspace input[type=range]{width:100%;accent-color:var(--color-brand);cursor:pointer;height:20px}.wm-workspace input[type=range]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.wm-position-btns{gap:var(--space-2);display:flex}.wm-position-btns button{font-size:var(--text-xs);flex:1}.wm-advisory-box{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px;line-height:1.45}.wm-success-card{padding:var(--space-3) var(--space-4);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.wm-preview-pane{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.wm-preview-toolbar{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.wm-canvas-area{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);-webkit-overflow-scrolling:touch;background:#cbd5e1;justify-content:center;min-height:520px;display:flex;overflow-x:auto}.wm-page-wrap{background:#fff;max-width:100%;display:inline-block;position:relative;box-shadow:0 6px 20px #0000002e}.wm-page-canvas{max-width:100%;height:auto;display:block}.wm-rendering-overlay{font-size:var(--text-sm);color:var(--color-brand-strong);backdrop-filter:blur(2px);z-index:2;background:#ffffffbf;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.wm-workspace .wm-excluded-banner{color:#fff;font-size:var(--text-xs);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);box-shadow:var(--shadow-md);pointer-events:none;white-space:nowrap;backdrop-filter:blur(4px);z-index:1;background:#0f172ad1;align-items:center;font-weight:500;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=899px){.wm-workspace-grid{grid-template-columns:1fr}.wm-doc-title{max-width:100%}}@media (width<=480px){.wm-features-grid,.wm-row-2col{grid-template-columns:1fr}}@media (width<=360px){.wm-card,.wm-doc-bar,.wm-preview-toolbar{padding:var(--space-2) var(--space-2)!important}}