.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.app-header h1{font-size:1.8rem}.primary-action{background:#5b4bdb!important;color:#fff!important}.content-grid{gap:1.25rem}.content-card{transition:transform .15s,box-shadow .15s}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0002}.content-form{background:#f8fafc;border:0;padding:0;border-radius:12px}.content-form button[type=submit]{margin-top:.5rem}.drop-zone{border:2px dashed #bbb;border-radius:10px;padding:1.25rem;text-align:center;background:#fafafa}.drop-zone.is-dragover{border-color:#5b4bdb;background:#f1efff}.upload-status{display:none;margin:.75rem 0;color:#5b4bdb}.upload-status.is-visible{display:block}.status-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.8rem;background:#eee}.status-ready{background:#e2f6e9;color:#176b37}.status-posted{background:#e5edff;color:#244b9b}.upload-zone{min-height:11rem;cursor:pointer;background-color:var(--bs-tertiary-bg)}.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.is-dragover{border-color:var(--bs-primary)!important;background-color:var(--bs-primary-bg-subtle)}.upload-zone:focus-visible{outline:.25rem solid rgba(var(--bs-primary-rgb),.35);outline-offset:2px}.upload-zone .form-control{min-height:3rem}.form-section{overflow:hidden;border:1px solid #e2e8f0;border-radius:.85rem;box-shadow:0 .35rem 1rem rgba(15,23,42,.07)}.form-section .card-header{padding:.85rem 1.15rem;border-bottom:1px solid rgba(15,23,42,.08)}.form-section .card-header h2{display:flex;align-items:center;gap:.55rem;letter-spacing:.01em}.sns-icon{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.x-card .sns-icon{fill:currentColor;stroke:none}.basic-card .card-header{background:#eff6ff!important;color:#1d4ed8}.instagram-card .card-header{background:#fdf2f8!important;color:#be185d}.tiktok-card .card-header{background:#ecfeff!important;color:#0e7490}.x-card .card-header{background:#f5f3ff!important;color:#6d28d9}.form-section .card-body{background:#fff;padding:1.15rem 1.25rem!important}.form-section .form-label{color:#1f2937;margin-bottom:.35rem}.form-section .field-group{margin-bottom:.7rem!important}.form-section input,.form-section select,.form-section textarea{background:#fff;border-color:#cbd5e1}.form-section textarea{min-height:7rem;max-height:20rem;resize:vertical}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{border-color:currentColor;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)}.instagram-card input:focus,.instagram-card textarea:focus{border-color:#db2777;box-shadow:0 0 0 .2rem rgba(219,39,119,.14)}.tiktok-card input:focus,.tiktok-card textarea:focus{border-color:#0891b2;box-shadow:0 0 0 .2rem rgba(8,145,178,.14)}.x-card input:focus,.x-card textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 .2rem rgba(124,58,237,.14)}#x-image-drop-zone{background:#faf5ff;border-color:#c4b5fd!important}#x-image-drop-zone:hover,#x-image-drop-zone:focus-visible,#x-image-drop-zone.is-dragover{background:#ede9fe;border-color:#7c3aed!important}.x-card .btn-outline-primary{--bs-btn-color:#6d28d9;--bs-btn-border-color:#8b5cf6;--bs-btn-hover-bg:#7c3aed;--bs-btn-hover-border-color:#7c3aed}.x-card .upload-zone:focus-visible{outline-color:rgba(124,58,237,.35)}@media(max-width:600px){.app-header{align-items:flex-start}.app-header h1{font-size:1.45rem}.content-grid{grid-template-columns:1fr}.content-form{padding:1rem}.form-section .card-body{padding:1rem!important}}
