.page-wrap{width:min(100%, var(--page-max));margin:0 auto;padding:5px 15px 25px
}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)
}button:active{transform:translateY(0)
}.search-area{display:flex;flex-direction:column;gap:20px;margin-bottom:10px
}.controls-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px
}.search-clear-btn{position:absolute;top:50%;right:5px;z-index:2;display:none;align-items:center;justify-content:center;width:25px;height:25px;min-width:25px;padding:0;border-radius:50%;background:transparent;color:#888;box-shadow:none;font-size:18px;font-weight:bold;line-height:1;transform:translateY(-50%)
}.search-clear-btn.is-visible{display:inline-flex
}.search-clear-btn:hover, .search-clear-btn:active{background:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:none;transform:translateY(-50%)
}.btn-search, .btn-add{background:var(--color-primary);color:var(--color-white)
}.btn-search{height:45px;padding:0 15px;letter-spacing:.25em
}.btn-search:hover, .btn-add:hover{background:var(--color-primary-dark)
}.detail-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:0 0 5px
}.condition-mode{display:flex;align-items:center;gap:10px;flex-wrap:wrap
}.condition-mode label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap
}.detail-freeword-row{display:flex;align-items:center;gap:10px;margin-bottom:10px
}.detail-freeword{flex:1;min-width:0
}#detailKeyword{width:100%;max-width:none;height:var(--h-control);padding-right:35px
}#addConditionBtn, .row-action, .btn-remove{display:inline-flex;align-items:center;justify-content:center;align-self:center;justify-self:center;height:var(--h-control);min-width:55px;padding:0 15px;border-radius:var(--radius);box-shadow:var(--shadow-card);font-weight:bold;line-height:1
}#addConditionBtn{flex-shrink:0;background:var(--color-primary);color:var(--color-white)
}.row-action, .btn-remove{width:auto;background:var(--color-danger);color:var(--color-white);font-size:20px
}#conditions{display:flex;flex-direction:column;gap:5px
}.condition-row{display:grid;grid-template-columns:var(--w-field) minmax(0, 1fr) auto;align-items:center;column-gap:10px
}.condition-row .field{width:100%;min-width:0;height:var(--h-control);padding:0 10px;font-size:12.5px;text-align:left
}.condition-input-area{display:grid;align-items:center;width:100%;min-width:0
}.sort-area{display:flex;flex-direction:column;align-items:stretch;width:min(100%, var(--page-max));max-width:var(--page-max);margin:0 auto -5px;padding:0 15px
}.result-count{margin:0;padding-left:5px;color:var(--color-text);font-size:14px;font-weight:bold;white-space:nowrap;flex:1 1 auto;min-width:0;overflow:hidden
}.sort-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-width:0
}.sort-box{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:5px;padding:10px 5px;flex-shrink:0;white-space:nowrap
}.sort-box label{color:var(--color-text);font-size:14px;font-weight:bold
}.sort-box select{padding:5px 0;border-radius:5px;font-size:14px
}.sort-order-buttons{display:inline-flex;gap:5px
}.sort-btn{width:25px;height:25px;padding:0;border-radius:50px;background:var(--color-white);font-size:14px;font-weight:bold;cursor:pointer
}.sort-btn:hover{background:var(--color-primary-light)
}.sort-btn.active{background:var(--color-primary);color:var(--color-white)
}.fit-card-text{display:block;min-width:0;white-space:nowrap;overflow:hidden
}.no-result{grid-column:1 / -1;padding:40px;color:#111;font-size:15px;text-align:center
}