.wf-app{padding:10px 0}.wf-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.wf-header h4{margin:0 0 5px}.wf-create{padding:18px;border:1px solid #e5e7eb;background:#fafafa;border-radius:8px;margin-bottom:18px}.wf-type{margin:15px 0 10px}.wf-type label{margin-right:20px}.wf-review-list{margin-bottom:15px}.wf-review-list .btn{margin:0 7px 7px 0}.wf-meta{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.wf-view-tools{white-space:nowrap}.wf-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.wf-preview-col{min-width:0}.wf-modebar{margin-bottom:8px}.wf-mode-text{margin-left:8px}.wf-frame-wrap{max-width:100%;margin:0 auto;transition:width .2s}.wf-surface{position:relative;width:100%;height:70vh;min-height:520px;background:#eef2f7;border:1px solid #dfe3e8;overflow:auto}.wf-frame{width:100%;height:100%;border:0;background:white}.wf-image-preview{display:block;width:100%;height:auto}.wf-overlay{display:none;position:absolute;inset:0;z-index:10;cursor:crosshair;background:rgba(255,255,255,0)}.wf-overlay.active{display:block}.wf-pin{position:absolute;z-index:20;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 9px rgba(0,0,0,.3);font-weight:700;color:#fff}.wf-open{background:#e74c3c}.wf-in_progress{background:#f39c12}.wf-done{background:#2ecc71}.wf-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px}.wf-card{border-top:1px solid #eee;padding:12px 0}.wf-card:first-of-type{border-top:0}.wf-card-head{display:flex;gap:7px;align-items:center}.wf-status{margin-left:auto;font-size:11px;color:#777}.wf-msg{margin:9px 0;white-space:pre-wrap}.wf-reply{background:#f6f7f9;padding:7px;border-radius:5px;margin:5px 0}.wf-replybox{display:flex;gap:6px;margin-top:8px}.wf-status-actions{margin-top:8px}.wf-admin-actions{margin-top:15px}.wf-admin-actions .btn{margin-right:6px}@media(max-width:991px){.wf-main{grid-template-columns:1fr}.wf-sidebar{position:static;max-height:none}.wf-meta{display:block}.wf-view-tools{margin-top:8px}.wf-surface{height:60vh;min-height:420px}}