.posts-container{max-width:var(--max-width-content);padding:var(--space-6) var(--space-4);margin:0 auto}.posts-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 0 var(--space-6);display:flex}.posts-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin:0}.posts-new-button,.posts-create-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bento-tile-raised);color:var(--color-text-primary);border-radius:var(--radius-xl);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);text-decoration:none;display:inline-flex}.posts-new-button:hover,.posts-create-link:hover{background:var(--bento-tile-hover)}.posts-form{background:var(--bento-tile);border-radius:var(--radius-tile);padding:var(--space-4);margin-bottom:var(--space-4);gap:var(--space-3);display:grid}.posts-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.posts-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.posts-field input{padding:var(--space-2) var(--space-3);background:var(--bento-tile-raised);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base)}.posts-field input:focus{outline:none}.posts-error{font-size:var(--font-size-sm);color:var(--color-error-text);margin:0}.posts-submit{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-text);border:var(--border-width) solid transparent;border-radius:var(--radius-xl);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-normal);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-self:start}.posts-submit:hover:not(:disabled){background:var(--color-accent-hover)}.posts-submit:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.posts-list{background:var(--bento-tile);border-radius:var(--radius-tile);padding:var(--space-2)}.posts-rows{margin:0;padding:0;list-style:none;display:grid}.posts-rows li+li{border-top:var(--border-width) solid var(--color-border)}.post-card{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:background var(--transition-fast);text-decoration:none;display:flex}.post-card:hover{background:var(--color-bg-hover)}.post-card-thumb{border-radius:var(--radius-lg);object-fit:cover;background:var(--bento-tile-raised);flex-shrink:0;width:48px;height:48px}.post-card-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);justify-self:start}.post-card-imported{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);color:var(--color-text-label);flex-shrink:0}.status-generating,.status-running,.status-waiting_gate{background:var(--color-info-bg);color:var(--color-info-text)}.status-approved,.status-converted,.status-completed{background:var(--color-success-bg);color:var(--color-success-text)}.status-rejected{background:var(--color-error-bg);color:var(--color-error-text)}.status-paused{background:var(--color-warning-bg);color:var(--color-warning-text)}.posts-empty{align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--color-text-label);font-size:var(--font-size-base);flex-direction:column;display:flex}.posts-empty .phantom-mark{opacity:.5}.posts-actions{gap:var(--space-2);display:flex}.posts-field textarea{padding:var(--space-2) var(--space-3);background:var(--bento-tile-raised);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);resize:vertical;font-family:inherit}.posts-field textarea:focus{outline:none}