.media-editor{margin:22px 0;padding:20px;background:#f6f8f2;border:1px solid #d9e1d5;border-radius:12px;min-width:0}.media-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.media-heading h3{font-size:16px;margin:0 0 14px}.media-heading>span{font-size:12px;color:#67796b}.media-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.media-actions button,.media-image-label,.media-effects button{padding:9px 12px;background:#e0eade;color:#214d39;border:1px solid #c8d9c4;border-radius:6px;font:inherit;font-size:12px;cursor:pointer}.media-actions button:disabled{opacity:.4;cursor:default}.media-stage{background:repeating-conic-gradient(#edf0e8 0% 25%,#fff 0% 50%) 50%/18px 18px;border:1px solid #d4dfcf;border-radius:8px;overflow:hidden;line-height:0}.media-stage canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-3px}.media-stage canvas:focus{outline:3px solid #78a58a}.media-layers{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none;margin:12px 0}.media-layers li{max-width:100%}.media-layers button{max-width:100%;overflow-wrap:anywhere;text-align:left;padding:6px 10px;background:white;border:1px solid #c6d6c0;border-radius:5px;color:#2b4d36}.media-layers button.active{background:#214f3c;color:white}.media-properties>label,.media-effects label{display:block;font-size:12px;margin:12px 0}.media-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.media-fields label{font-size:11px;display:block}.media-editor input[type=number],.media-editor select,.media-editor textarea{display:block;width:100%;min-width:0;box-sizing:border-box;padding:9px;border:1px solid #ced9c8;border-radius:5px;background:white;color:#183d2c;margin-top:6px;font:inherit;font-size:13px}.media-editor input[type=color]{display:block;width:100%;height:34px;padding:1px;border:1px solid #ced9c8;background:white;margin-top:6px}.media-effects{border-top:1px solid #d9e1d5;padding-top:14px;margin-top:16px}.media-effects summary{cursor:pointer;font-weight:600;font-size:14px}.media-effects label>span{display:flex;align-items:center;gap:10px}.media-effects input{flex:1;min-width:0;accent-color:#34724d}.media-effects output{min-width:32px;text-align:right}.media-error{font-size:12px;color:#a02a21;overflow-wrap:anywhere}.edit-scope{padding:18px;border:1px solid #d6e0d0;border-radius:8px;margin:20px 0}.edit-scope label{display:block;font-size:13px;margin-bottom:8px}.edit-scope select{max-width:100%;width:100%;padding:10px;background:white;border:1px solid #d0daca;border-radius:5px}.photo-editor-panel{padding:24px}.photo-editor-panel h2{font-size:20px;margin:0 0 12px}.photo-search-results{max-height:400px;overflow:auto}.photo-search-result{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #dce3d5;font-size:12px;overflow-wrap:anywhere}.photo-search-result img{width:100px;max-height:100px;object-fit:contain}.photo-search-result label{flex:1}.photo-search-controls label{display:block;font-size:13px;margin:14px 0 7px}.photo-search-controls input:not([type=checkbox]),.photo-search-controls select{max-width:100%;width:100%;padding:10px;background:white;border:1px solid #d0daca;border-radius:6px;box-sizing:border-box}.photo-search-controls input[type=color]{height:38px;padding:2px}.photo-search-controls .two-fields{margin-top:10px}.photo-search-controls button{margin:10px 6px 10px 0}.photo-search-status{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.photo-search-status.error{color:#a02a21}@media(max-width:600px){.media-editor{padding:14px}.media-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-editor-panel{padding:18px}}
