.catalog{--catalog-line:#ddd6ce;--catalog-soft:#f5f1ec;max-width:1180px;margin:0 auto}.catalog-toolbar,.catalog-tabs,.catalog-inline,.catalog-editor-fields,.catalog-batch{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.catalog-toolbar{margin-bottom:18px}.catalog-tabs .active{background:#e8ded2;border-color:#ae9274}.catalog-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:16px}.catalog-filters form{display:flex;align-items:end;gap:8px;flex:1}.catalog label,.catalog-editor label,.catalog-category-editor label{display:grid;gap:6px;font-size:13px;color:#5e554b}.catalog select,.catalog input,.catalog-editor select,.catalog-editor input{min-height:42px;border:1px solid var(--catalog-line,#ddd6ce);border-radius:8px;background:#fffdf9;padding:8px 10px;max-width:100%;box-sizing:border-box;font:inherit}.catalog input:focus-visible,.catalog select:focus-visible,.catalog button:focus-visible,.catalog-editor button:focus-visible{outline:3px solid #95795d;outline-offset:3px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:20px}.catalog-card{min-width:0;padding:12px;background:#f7f3ee;border-radius:12px;display:flex;flex-direction:column;gap:8px}.catalog-card>.btn{margin-top:auto}.catalog-photo-button{padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.catalog-photo-button img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin-bottom:10px}.catalog-photo-button strong{display:block;overflow-wrap:anywhere}.catalog-check{display:flex!important;align-items:center;gap:6px}.catalog-check input{min-height:18px;width:18px}.catalog-notice{min-height:1.5em;white-space:normal;overflow-wrap:anywhere;color:#70563c}.catalog-loading{padding:36px;text-align:center;background:#f1ece5;border-radius:10px}.catalog-category-editor{padding:18px;background:#f6f0e8;margin-bottom:20px;border-radius:10px}.catalog-category-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:16px}.catalog-category-row input[type=number]{width:90px}.catalog-batch{position:sticky;bottom:12px;padding:14px;background:#efe7dc;border:1px solid #c8b69f;border-radius:10px;margin-top:16px}.catalog-editor{max-width:840px;margin:0 auto}.catalog-editor-fields{align-items:end;margin:20px 0}.catalog-editor-fields label{flex:1;min-width:180px}.catalog-editor-fields select,.catalog-editor-fields input{width:100%}.catalog-preview{margin:18px 0;text-align:center;background:#f0ebe4;border-radius:12px;padding:16px}.catalog-preview img{max-width:100%;max-height:480px;object-fit:contain;border-radius:6px}.catalog-preview figcaption{font-size:13px;color:#736353;margin-top:10px}.catalog-crop{margin:20px 0;padding:16px;background:#f5f0e9;border-radius:10px}.catalog-crop summary{cursor:pointer;padding:6px 0;font-weight:600}.catalog-crop [data-catalog-selection]{margin-bottom:12px;max-height:540px;overflow:auto}.catalog-dialog{border:0;border-radius:12px;padding:18px;background:#fffdf9;max-width:90vw;max-height:90dvh}.catalog-dialog::backdrop{background:#231e19b3}.catalog-dialog img{display:block;max-width:80vw;max-height:75dvh;object-fit:contain;margin-top:12px}.catalog button:active,.catalog-editor button:active{transform:translateY(1px)}.catalog button,.catalog-editor button{transition:background-color .15s,color .15s}.catalog button:disabled,.catalog-editor button:disabled{opacity:.55;cursor:wait}@media(max-width:640px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-card{padding:8px}.catalog-filters{display:block}.catalog-filters>label{margin-bottom:12px}.catalog-filters form{margin-bottom:10px}.catalog-filters form label{flex:1;min-width:0}.catalog-filters select{width:100%}.catalog-editor-fields{display:block}.catalog-editor-fields label{margin-bottom:12px}.catalog-category-row label:first-child{width:100%}.catalog-toolbar{gap:8px}.catalog-batch{bottom:6px}.catalog-preview{padding:10px}.catalog-editor .btn{min-height:44px}}
.catalog-crop-dialog{box-sizing:border-box;width:min(1100px,96vw);max-height:94dvh;border:0;border-radius:14px;padding:20px;background:#fffdf9;color:#423b33}.catalog-crop-dialog::backdrop{background:#231e19b3}.catalog-crop-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.catalog-crop-header h3{margin:0}.catalog-zoom{display:flex;align-items:center;gap:12px;margin:12px 0;font-variant-numeric:tabular-nums}.catalog-zoom input{flex:1;min-width:0;accent-color:#95795d}.catalog-crop-scroll{max-height:62dvh;overflow:auto;background:#eee7df;padding:8px;overscroll-behavior:contain;border-radius:8px}.catalog-crop-dialog [data-large-selection]{width:100%;min-width:100%}.catalog-crop-dialog .btn{min-height:44px}.catalog-crop [data-cat="enlarge-crop"]{margin:0 0 12px}.catalog-crop-dialog :focus-visible{outline:3px solid #95795d;outline-offset:3px}@media(max-width:640px){.catalog-crop-dialog{padding:12px;width:98vw;max-height:96dvh}.catalog-crop-scroll{max-height:60dvh}}