.gutter-page { display: flex; flex-direction: column; gap: 16px; }
.gutter-card { background: #fff; border: 1px solid #d7e2e4; border-radius: 12px; padding: 16px; }
.gutter-page button, .gutter-page input, .gutter-page select, .gutter-page textarea { font: inherit; }
.gutter-main > .primary { align-self: flex-start; }
.gutter-card { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
.gutter-grid, .gutter-row { display: flex; flex-wrap: wrap; gap: 12px; }
.gutter-card label { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.gutter-page input, .gutter-page select, .gutter-page textarea { border: 1px solid #c5d4d7; border-radius: 8px; padding: 8px; }
.gutter-photos { display: flex; gap: 8px; flex-wrap: wrap; }
.gutter-photos img { width: 120px; height: 90px; object-fit: cover; border-radius: 8px; }
.gutter-error { color: #8d1d1d; }
.gutter-notice { color: #0d5c45; }
.gutter-page .primary { background: #084955; color: #fff; border: 0; border-radius: 8px; padding: 8px 12px; cursor: pointer; }
.gutter-page button:disabled { opacity: 0.45; cursor: not-allowed; }