/* New task layouts consume the existing shared theme and refine components. */
.catalog-page .rf-drop{width:100%}.catalog-page .ct-field{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;min-width:0;font-size:14px;font-weight:400}.catalog-page .ct-field:last-child{margin-bottom:0}.ct-field>span{font-size:14px;line-height:20px;color:var(--text);font-weight:400}.ct-field input,.ct-field textarea,.ct-prompt,.ct-plan textarea,.ct-pair input{display:block;width:100%;min-width:0;border:1px solid var(--rf-border);border-radius:10px;background:var(--rf-field);color:var(--text);box-shadow:var(--rf-field-shadow);font-family:var(--font);font-size:14px;line-height:20px;padding:10px 12px;font-weight:400}.ct-field input{height:40px}.ct-field textarea{min-height:90px;resize:vertical}.ct-prompt{min-height:178px;resize:vertical;border-radius:14px}.ct-field input::placeholder,.ct-field textarea::placeholder,.ct-prompt::placeholder,.ct-pair input::placeholder{color:var(--muted)}.ct-note{font-size:12px;line-height:20px;color:var(--muted);margin:10px 0 0}.ct-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--rf-border);border-radius:10px;background:var(--surface-alt);margin:0 0 20px;min-width:0}.ct-tabs>button{flex:1;min-height:32px;padding:4px 12px;border-radius:8px;color:var(--muted);font-size:14px;font-weight:500;white-space:normal}.ct-tabs>button:hover{color:var(--text);background:var(--surface-hover)}.ct-tabs>button.active{background:var(--rf-panel);box-shadow:var(--rf-person-shadow);color:var(--accent)}.rf-heading-actions .ct-tabs{margin:0}.rf-heading-actions .ct-tabs button{height:auto;min-height:32px}.ct-position-top{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ct-position-top button{font-size:13px}.ct-position-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ct-position-grid>div{padding:12px;border-radius:14px;border:1px solid var(--rf-border);background:var(--surface-alt);min-width:0;display:flex;flex-direction:column;gap:8px}.ct-position-grid>div>span{font-size:12px;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:1px 6px;align-self:flex-start}.ct-position-grid .rf-select{border-radius:10px;max-width:100%;padding:0 10px;font-size:12px;min-width:0;width:100%;justify-content:space-between}.ct-position-grid .rf-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-position-grid .icon{flex-shrink:0}.ct-inline-upload{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ct-inline-upload img{height:90px;width:90px;object-fit:contain;border:1px solid var(--rf-border);border-radius:10px}.ct-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ct-picker-grid>button{position:relative;text-align:left;border:1px solid var(--rf-border);border-radius:12px;overflow:hidden;background:var(--rf-panel);color:var(--text)}.ct-picker-grid img{display:block;width:100%;height:135px;object-fit:cover}.ct-picker-grid span{display:block;padding:8px;font-size:12px;line-height:18px}.ct-picker-grid>button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.ct-picker-grid>button>.icon{position:absolute;top:8px;right:8px;background:var(--accent);color:var(--on-accent);border-radius:50%;padding:3px}.ct-colors h3{font-size:14px;margin:16px 0 8px}.ct-colors .ct-field{margin-top:20px}.ct-plan{padding:16px;border:1px solid var(--rf-border);border-radius:12px;margin-top:14px;background:var(--rf-panel)}.ct-plan label{display:flex;gap:10px;align-items:center;margin-bottom:12px}.ct-plan input{accent-color:var(--accent);width:16px;height:16px}.ct-plan textarea{min-height:105px;resize:vertical}.ct-plan small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.ct-pairs{display:flex;flex-direction:column;gap:12px;margin:16px 0}.ct-pair{display:grid;grid-template-columns:20px 1fr 1fr;gap:10px;align-items:center;padding:12px;background:var(--surface-alt);border:1px solid var(--rf-border);border-radius:12px}.ct-pair>b{font-size:12px;color:var(--muted)}.ct-pair-image{height:105px;border:1px dashed var(--rf-drop-border);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:12px;overflow:hidden}.ct-pair-image img{width:100%;height:100%;object-fit:contain}.ct-pair input{grid-column:2/4;height:40px}.ct-pair-tools{grid-column:2/4;display:flex;gap:6px;flex-wrap:wrap}.ct-pair-tools button{font-size:12px;min-height:30px;padding:0 9px}.ct-local-video{width:100%;max-height:360px;display:block;border-radius:10px;background:var(--wb-overlay-bottom)}.ct-video-meta{display:flex;flex-direction:column;gap:4px;padding:12px 0;overflow-wrap:anywhere}.ct-video-meta small{color:var(--muted)}.ct-result-image{display:block;max-height:420px;max-width:100%;margin:auto;object-fit:contain;border-radius:10px}.ct-submit{position:sticky;bottom:16px;z-index:8}.ct-wide .rf-layout{grid-template-columns:minmax(0,.65fr) minmax(0,.35fr)}.ct-wide .rf-flow{padding-top:24px}.ct-wide .rf-case-grid{columns:2}.ct-canvas-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.ct-canvas-tools>span{flex:1}.ct-canvas-tools button{min-height:30px;font-size:12px;padding:0 9px}.ct-draw-tools{margin-bottom:12px}.ct-draw-tools>button{font-size:12px;padding:4px 8px}.ct-canvas-scroll{overflow:auto;max-height:560px;border:1px solid var(--rf-border);border-radius:10px;background:var(--surface-alt)}.ct-canvas{min-height:330px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted);padding:20px;gap:10px}.ct-canvas p{margin:0;font-size:14px}.ct-canvas small{font-size:12px}.ct-canvas.has-image{padding:0;display:block;line-height:0;min-height:0}.ct-canvas>img{display:block;width:100%;height:auto;max-height:none;user-select:none}.ct-canvas>svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.ct-canvas:has(.ct-annotation) svg{isolation:isolate}.ct-annotation{cursor:pointer;color:var(--accent)}.ct-annotation rect,.ct-annotation ellipse,.ct-annotation circle,.ct-annotation polyline{stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;fill:var(--accent-soft)}.ct-annotation polyline{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ct-annotation text{fill:var(--on-accent);stroke:var(--accent);stroke-width:2;paint-order:stroke;font:600 5px var(--font)}.ct-annotation.selected rect,.ct-annotation.selected ellipse{stroke-width:4}.ct-mark-list,.ct-text-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ct-mark-list button,.ct-text-list button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--rf-border);border-radius:10px;background:var(--rf-field);padding:10px 12px;color:var(--text);font-size:13px}.ct-mark-list b,.ct-text-list b{color:var(--accent);min-width:18px}.ct-mark-list span,.ct-text-list span{overflow-wrap:anywhere}.ct-text-list span{display:flex;gap:8px;align-items:center}.ct-editor-bottom{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.ct-editor-bottom span{font-size:12px;color:var(--muted)}
@container application (max-width:1050px){.ct-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-wide .rf-layout{grid-template-columns:minmax(0,1fr)}.ct-wide .rf-case-grid{columns:3}.catalog-page .rf-heading-actions{flex-wrap:wrap;justify-content:flex-end}.catalog-page .ct-tabs{flex-wrap:wrap}}
@container application (max-width:650px){.catalog-page .rf-heading-actions{justify-content:flex-start}.catalog-page .rf-page-heading{flex-direction:column;gap:12px}.ct-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-picker-grid img{height:120px}.ct-wide .rf-case-grid{columns:2}.ct-submit{position:static;bottom:auto}.ct-canvas{min-height:250px}.ct-canvas-tools>span{display:none}.ct-pair{padding:8px;gap:7px}.ct-pair-image{height:85px}.ct-tabs>button{padding:4px 8px}.ct-position-grid>div{padding:9px}.catalog-page .rf-quote{font-size:11px}}