.catalog-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.catalog-kpis article{padding:16px 18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--paper),var(--cream));box-shadow:var(--shadow-sm)}.catalog-kpis span,.catalog-kpis b{display:block}.catalog-kpis span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.catalog-kpis b{margin-top:6px;color:var(--green-800);font:700 30px/1 'Cormorant Garamond',serif}
.catalog-workspace{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:16px;align-items:start}.catalog-recipe-list{position:sticky;top:106px;max-height:calc(100vh - 132px);overflow:hidden}.catalog-recipe-list>header{display:flex;align-items:end;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.catalog-recipe-list label{min-width:0;flex:1}.catalog-recipe-list label span,.catalog-core-fields label>span{display:block;margin-bottom:5px;color:var(--green-800);font-size:10px;font-weight:800}.catalog-recipe-list input,.catalog-core-fields input,.catalog-core-fields select,.catalog-form-row input,.catalog-position-row input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:white;padding:8px 10px;color:var(--ink)}.catalog-recipe-list>header small{padding-bottom:12px;color:var(--muted);font-size:10px;white-space:nowrap}.catalog-recipe-list>div{display:grid;gap:5px;max-height:calc(100vh - 225px);overflow:auto;padding:9px}.catalog-recipe-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-height:58px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.catalog-recipe-item:hover{background:var(--cream)}.catalog-recipe-item.selected{border-color:var(--green-700);background:var(--green-050)}.catalog-recipe-item b,.catalog-recipe-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-recipe-item b{font-size:12px}.catalog-recipe-item small{margin-top:3px;color:var(--muted);font-size:9px}.catalog-recipe-item em{padding:5px 7px;border-radius:999px;background:var(--cream);color:var(--muted);font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}.catalog-recipe-item em.mapping-mapped{background:var(--green-100);color:var(--green-800)}.catalog-recipe-item em.mapping-error{background:#f8dddd;color:#8b2f2f}.catalog-recipe-thumb{display:grid;width:42px;height:42px;overflow:hidden;place-items:center;border-radius:11px;background:var(--green-100);color:var(--green-800);font:700 20px 'Cormorant Garamond',serif}.catalog-recipe-thumb img{width:100%;height:100%;object-fit:cover}.catalog-list-empty{padding:24px;color:var(--muted);text-align:center}
.catalog-main{min-width:0;padding:0}.catalog-editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:16px;align-items:start}.catalog-editor{overflow:hidden}.catalog-editor .card-head{align-items:flex-start}.catalog-editor .card-head h3{font-size:26px}.catalog-state{margin-left:auto;padding:7px 10px;border-radius:999px;background:var(--cream);color:var(--muted);font-size:9px;font-weight:800}.catalog-state.active{background:var(--green-100);color:var(--green-800)}.catalog-editor-body{padding:18px}.catalog-core-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.catalog-core-fields .wide{grid-column:1/-1}.catalog-switch{display:flex;grid-column:1/-1;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--green-050)}.catalog-switch input{width:20px;min-height:20px;margin:0}.catalog-switch span{margin:0!important}.catalog-editor-section{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.catalog-editor-section>header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.catalog-editor-section>header>div{min-width:0}.catalog-editor-section h4{margin:0;color:var(--green-800);font:700 20px 'Cormorant Garamond',serif}.catalog-editor-section p{margin:3px 0 0;color:var(--muted);font-size:10px}.catalog-editor-section .button{min-height:38px;margin-left:auto;padding:7px 12px}.catalog-editor-section>[data-catalog-components],.catalog-editor-section>[data-catalog-modifiers],.catalog-editor-section>[data-catalog-layers]{display:grid;gap:8px}.catalog-form-row{display:grid;gap:7px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--cream)}.catalog-component-row{grid-template-columns:minmax(95px,.8fr) minmax(140px,1.2fr) minmax(110px,1fr) 80px auto 38px}.catalog-modifier-row{grid-template-columns:minmax(90px,.75fr) minmax(120px,1.1fr) minmax(85px,.8fr) minmax(90px,.8fr) minmax(100px,.9fr) auto 38px}.catalog-layer-row{padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--cream)}.catalog-layer-main{grid-template-columns:minmax(90px,.7fr) minmax(110px,.9fr) minmax(160px,1.6fr) minmax(85px,.7fr) auto 38px;padding:0;border:0}.catalog-check{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;white-space:nowrap}.catalog-check input{width:17px;min-height:17px;padding:0}.catalog-position-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:7px}.catalog-position-row label{color:var(--muted);font-size:8px}.catalog-position-row input{min-height:36px;margin-top:3px}.catalog-save-bar{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.catalog-save-bar p{margin:0;color:var(--muted);font-size:10px}.catalog-save-bar .button{margin-left:auto;white-space:nowrap}
.catalog-preview-card{position:sticky;top:106px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow-sm)}.catalog-preview-card>header{padding:16px 18px;border-bottom:1px solid var(--line)}.catalog-preview-card>header span{color:var(--rose-700,#7d473f);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.catalog-preview-card h3{margin:3px 0;color:var(--green-800);font:700 24px 'Cormorant Garamond',serif}.catalog-preview-card header small{color:var(--muted);font-size:9px}.catalog-plate-stage{position:relative;min-height:390px;overflow:hidden;background:radial-gradient(circle at center,#fff 0 33%,#ddd5c3 33.5% 35%,#f0eadb 35.5% 100%)}.catalog-base-fallback{position:absolute;z-index:0;inset:0;display:grid;align-content:center;justify-items:center;padding:30px;color:var(--muted);text-align:center}.catalog-base-fallback span{display:grid;width:75px;height:75px;place-items:center;border:1px dashed var(--gold);border-radius:50%;color:var(--green-800);font:700 42px 'Cormorant Garamond',serif}.catalog-base-fallback b{margin-top:13px;color:var(--green-800);font-size:12px}.catalog-base-fallback small{margin-top:4px;font-size:9px}.catalog-base-image{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain}.catalog-plate-layer,.catalog-layer-fallback{position:absolute;object-fit:contain}.catalog-layer-fallback{display:grid;place-content:center;border:1px dashed var(--rose-700,#7d473f);border-radius:12px;background:rgba(255,253,248,.78);color:var(--green-800);text-align:center}.catalog-layer-fallback b,.catalog-layer-fallback small{display:block}.catalog-layer-fallback b{font-size:10px}.catalog-layer-fallback small{margin-top:2px;color:var(--muted);font-size:8px}.catalog-preview-toggles{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border-top:1px solid var(--line)}.catalog-preview-toggles label{display:flex;align-items:center;gap:6px;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--cream);font-size:10px;font-weight:700;cursor:pointer}.catalog-preview-toggles input{width:17px;height:17px;accent-color:var(--green-700)}.catalog-preview-toggles p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.catalog-locked{display:grid;min-height:260px;place-items:center;align-content:center;padding:30px;color:var(--muted);text-align:center}.catalog-locked>span{font-size:30px}.catalog-locked h3{color:var(--green-800);font:700 24px 'Cormorant Garamond',serif}
@media(max-width:1350px){.catalog-editor-grid{grid-template-columns:1fr}.catalog-preview-card{position:static}.catalog-plate-stage{min-height:460px}.catalog-component-row,.catalog-modifier-row,.catalog-layer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-form-row>.mini-action{justify-self:end}}
@media(max-width:900px){.catalog-kpis{grid-template-columns:repeat(2,1fr)}.catalog-workspace{grid-template-columns:1fr}.catalog-recipe-list{position:static;max-height:none}.catalog-recipe-list>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:310px}.catalog-preview-card{position:static}}
@media(max-width:560px){.catalog-kpis{grid-template-columns:1fr 1fr}.catalog-recipe-list>div,.catalog-core-fields,.catalog-component-row,.catalog-modifier-row,.catalog-layer-main{grid-template-columns:1fr}.catalog-position-row{grid-template-columns:repeat(2,1fr)}.catalog-position-row label:last-child{grid-column:1/-1}.catalog-save-bar{align-items:stretch;flex-direction:column}.catalog-save-bar .button{width:100%;margin-left:0}.catalog-plate-stage{min-height:320px}}