.cc-container,.cc-container>*,.cc-page-header,.cc-page-title,.cc-page-description{display:block!important;width:100%!important}.cc-container [class*=max-w],.card{display:block!important;width:100%!important}.card>*{display:block!important;width:100%!important}.card form{display:block!important;width:100%!important}.card form>*{display:block!important;width:100%!important}.card label,.card p,.card span:not(#btn-spinner):not(.hidden),.card h1,.card h2,.card h3,.card h4{display:block!important;width:100%!important;white-space:normal!important;word-wrap:break-word!important}.card button span,.cc-btn span{display:inline!important;white-space:nowrap!important}.card button,.card .cc-btn{display:inline-flex!important;width:100%!important;white-space:nowrap!important}:root{--cc-genre-indochinese: #ff4d2a;--cc-genre-indianveg: #22c55e;--cc-genre-indiannonveg: #ef4444;--cc-genre-mexican: #f59e0b;--cc-genre-vietnamese: #10b981;--cc-genre-thai: #8b5cf6;--cc-genre-african: #f97316;--cc-genre-indonesian: #ec4899;--cc-genre-korean: #3b82f6;--cc-genre-chinese: #dc2626;--cc-genre-bbq: #b45309;--cc-genre-fusion: linear-gradient(135deg, #ff4d2a 0%, #fbbf24 100%);--cc-input-bg: var(--color-surface);--cc-input-border: var(--color-border);--cc-input-focus: var(--color-accent);--cc-input-error: #ef4444;--cc-input-success: #22c55e;--cc-progress-complete: var(--color-success);--cc-progress-current: var(--color-accent);--cc-progress-pending: var(--color-border);--cc-draft-bg: var(--color-surface);--cc-draft-border: var(--color-border);--cc-draft-hover: var(--color-accent-glow)}.cc-progress{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;margin:0 auto 2rem;padding:0 1rem}.cc-progress-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.cc-progress-step:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--cc-progress-pending);z-index:0}.cc-progress-step.complete:not(:last-child):after{background:var(--cc-progress-complete)}.cc-progress-step.current:not(:last-child):after{background:linear-gradient(90deg,var(--cc-progress-current) 0%,var(--cc-progress-pending) 100%)}.cc-progress-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--color-surface);border:2px solid var(--cc-progress-pending);color:var(--color-text-muted);position:relative;z-index:1;transition:all var(--transition-base)}.cc-progress-step.complete .cc-progress-dot{background:var(--cc-progress-complete);border-color:var(--cc-progress-complete);color:#fff}.cc-progress-step.current .cc-progress-dot{background:var(--cc-progress-current);border-color:var(--cc-progress-current);color:#fff;box-shadow:0 0 20px var(--color-accent-glow)}.cc-progress-label{margin-top:.5rem;font-size:.75rem;color:var(--color-text-muted);text-align:center;white-space:nowrap}.cc-progress-step.complete .cc-progress-label,.cc-progress-step.current .cc-progress-label{color:var(--color-text-secondary)}@media(max-width:640px){.cc-progress-label{display:none}.cc-progress-dot{width:24px;height:24px;font-size:.75rem}.cc-progress-step:not(:last-child):after{top:12px;left:calc(50% + 14px);width:calc(100% - 28px)}}.cc-input,.cc-textarea,.cc-select{width:100%;padding:.875rem 1rem;background:var(--cc-input-bg);border:1px solid var(--cc-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-family:var(--font-family-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.cc-input::placeholder,.cc-textarea::placeholder{color:var(--color-text-muted)}.cc-input:focus,.cc-textarea:focus,.cc-select:focus{outline:none;border-color:var(--cc-input-focus);box-shadow:0 0 0 2px var(--color-accent-glow)}.cc-input.error,.cc-textarea.error,.cc-select.error{border-color:var(--cc-input-error);box-shadow:0 0 0 2px #ef444433}.cc-input.success,.cc-textarea.success{border-color:var(--cc-input-success)}.cc-textarea{min-height:120px;resize:vertical;line-height:1.6}.cc-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.cc-label{display:block;width:100%;margin-bottom:.5rem;font-weight:600;color:var(--color-text-primary);font-size:.875rem}.cc-label-required:after{content:" *";color:var(--color-accent)}.cc-helper{display:block;width:100%;margin-top:.375rem;font-size:.8125rem;color:var(--color-text-muted)}.cc-error-message{display:block;width:100%;margin-top:.375rem;font-size:.8125rem;color:var(--cc-input-error)}.cc-field{display:block;width:100%;margin-bottom:1.5rem}.cc-genre-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.cc-genre-badge:hover{border-color:var(--color-accent);transform:translateY(-2px)}.cc-genre-badge.selected{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.cc-genre-badge-icon{font-size:1.125rem}.cc-genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.cc-step-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;position:relative;transition:all var(--transition-base)}.cc-step-card:hover{border-color:var(--color-border-light)}.cc-step-card.dragging{border-color:var(--color-accent);box-shadow:var(--shadow-lg),0 0 30px var(--color-accent-glow);transform:scale(1.02)}.cc-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.cc-step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:50%;font-weight:700;font-size:1rem;flex-shrink:0}.cc-step-drag-handle{width:24px;height:24px;cursor:grab;color:var(--color-text-muted);transition:color var(--transition-fast)}.cc-step-drag-handle:hover{color:var(--color-text-secondary)}.cc-step-drag-handle:active{cursor:grabbing}.cc-step-actions{margin-left:auto;display:flex;gap:.5rem}.cc-step-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.cc-step-action-btn:hover{background:var(--color-surface-warm);color:var(--color-text-primary);border-color:var(--color-border)}.cc-step-action-btn.delete:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.cc-ingredient-row{display:grid;grid-template-columns:80px 100px 1fr auto auto;gap:.75rem;align-items:start;margin-bottom:.75rem}@media(max-width:640px){.cc-ingredient-row{grid-template-columns:1fr 1fr;gap:.5rem}.cc-ingredient-row .cc-ingredient-name,.cc-ingredient-row .cc-ingredient-notes{grid-column:span 2}}.cc-ingredient-drag{width:24px;height:40px;display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--color-text-muted)}.cc-ingredient-delete{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.cc-ingredient-delete:hover{background:#ef44441a;color:#ef4444}.cc-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:transparent;border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.cc-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ff4d2a0d}.cc-draft-card{background:var(--cc-draft-bg);border:1px solid var(--cc-draft-border);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition-base);cursor:pointer}.cc-draft-card:hover{border-color:var(--color-accent);box-shadow:0 0 20px var(--cc-draft-hover);transform:translateY(-2px)}.cc-draft-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.cc-draft-title{font-weight:600;font-size:1.125rem;color:var(--color-text-primary);margin:0}.cc-draft-status{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cc-draft-status.draft{background:var(--color-surface-warm);color:var(--color-text-muted)}.cc-draft-status.submitted{background:#3b82f626;color:#3b82f6}.cc-draft-status.approved{background:#22c55e26;color:#22c55e}.cc-draft-status.rejected{background:#ef444426;color:#ef4444}.cc-draft-meta{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:.75rem}.cc-draft-progress{width:100%;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.cc-draft-progress-bar{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-base)}.cc-author-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .375rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.875rem}.cc-author-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;overflow:hidden}.cc-author-avatar img{width:100%;height:100%;object-fit:cover}.cc-author-name{font-weight:500;color:var(--color-text-primary)}.cc-image-upload{position:relative;width:100%;aspect-ratio:16 / 10;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.cc-image-upload:hover{border-color:var(--color-accent);background:#ff4d2a05}.cc-image-upload.has-image{border-style:solid}.cc-image-upload-icon{width:48px;height:48px;color:var(--color-text-muted)}.cc-image-upload-text{text-align:center;color:var(--color-text-muted)}.cc-image-upload-text strong{color:var(--color-accent)}.cc-image-upload-preview{position:absolute;inset:0;object-fit:cover}.cc-image-upload-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.cc-image-upload:hover .cc-image-upload-overlay{opacity:1}.cc-time-input{display:flex;align-items:center;gap:.5rem}.cc-time-input input{width:80px;text-align:center}.cc-time-input-unit{color:var(--color-text-muted);font-size:.875rem}.cc-form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid var(--color-border);margin-top:2rem}.cc-form-actions-left,.cc-form-actions-right{display:flex;align-items:center;gap:1rem}.cc-autosave{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-muted)}.cc-autosave-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success)}.cc-autosave-dot.saving{background:var(--color-warning);animation:pulse-glow 1s ease infinite}.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.cc-btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,#ff6b4a 100%);color:#fff;box-shadow:var(--shadow-sm),0 0 20px var(--color-accent-glow)}.cc-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 30px var(--color-accent-glow)}.cc-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cc-btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.cc-btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.cc-btn-ghost{background:transparent;color:var(--color-text-secondary)}.cc-btn-ghost:hover{color:var(--color-text-primary);background:var(--color-surface-warm)}.cc-difficulty{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.cc-difficulty.easy{background:#22c55e26;color:#22c55e}.cc-difficulty.medium{background:#f59e0b26;color:#f59e0b}.cc-difficulty.hard{background:#ef444426;color:#ef4444}@media(max-width:640px){.cc-form-actions{flex-direction:column;gap:1rem}.cc-form-actions-left,.cc-form-actions-right{width:100%;justify-content:center}.cc-btn{width:100%}}.cc-container{max-width:800px;margin:0 auto;padding:0 1rem}.cc-page-header{display:block;width:100%;text-align:center;margin-bottom:3rem}.cc-page-title{display:block;width:100%;font-family:var(--font-family-display);font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem;text-align:center}.cc-page-description{display:block;width:100%;font-size:1.125rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto;text-align:center}.cc-empty-state{text-align:center;padding:4rem 2rem;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.cc-empty-state-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--color-text-muted)}.cc-empty-state-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.cc-empty-state-text{color:var(--color-text-muted);margin-bottom:1.5rem}