/* Image and data tools added in the second local-processing batch. */
.media-tool-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:18px}
.media-card{overflow:hidden;border:1px solid #dfe4e9;border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(39,52,70,.05)}
.media-card>header{min-height:62px;display:flex;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid #e7eaee}.media-card>header>span{width:35px;height:35px;display:grid;place-items:center;flex:none;color:#fff;border-radius:10px;background:#317be8;font-size:18px}.media-card>header h2,.media-card>header p{margin:0}.media-card>header h2{color:#303a49;font-size:17px}.media-card>header p{margin-top:3px;color:#929aa6;font-size:12px}
.media-body{display:grid;gap:15px;padding:20px}.media-field{display:flex;flex-direction:column;gap:7px;color:#5f6977;font-size:12px}.media-field>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-field input,.media-field select,.media-field textarea{width:100%;height:42px;padding:0 11px;color:#344050;border:1px solid #dce2e8;border-radius:9px;outline:0;background:#fff;font-size:13px}.media-field textarea{height:230px;padding:12px;resize:vertical;font:13px/1.7 Consolas,Monaco,monospace}.media-field input[type=range]{height:auto;padding:0;border:0;accent-color:#317be8}.media-field input[type=color]{height:42px;padding:4px;cursor:pointer}
.media-actions{display:flex;flex-wrap:wrap;gap:8px}.media-actions button,.media-upload-button{height:39px;padding:0 12px;color:#596574;border:1px solid #dce2e8;border-radius:9px;background:#fff;font-size:12px;cursor:pointer}.media-actions button.is-primary,.media-upload-button.is-primary{color:#fff;border-color:#317be8;background:#317be8;font-weight:700}.media-actions button:disabled{opacity:.45;cursor:not-allowed}
.media-dropzone{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;border:1.5px dashed #bcd2ee;border-radius:14px;outline:0;background:linear-gradient(135deg,#fafdff,#f3f8fe);text-align:center;cursor:pointer}.media-dropzone:hover,.media-dropzone:focus-visible,.media-dropzone.is-dragging{border-color:#317be8;background:#eef6ff}.media-dropzone>i{width:64px;height:64px;display:grid;place-items:center;margin-bottom:14px;color:#317be8;border-radius:19px;background:#e3efff;font-size:29px}.media-dropzone h3{margin:0 0 7px;color:#344050;font-size:16px}.media-dropzone p{margin:0 0 16px;color:#8d97a5;font-size:12px;line-height:1.7}.media-dropzone input{display:none}
.media-canvas-wrap{min-height:330px;display:grid;place-items:center;overflow:auto;padding:20px;border-radius:14px;background:linear-gradient(45deg,#eef1f4 25%,transparent 25%),linear-gradient(-45deg,#eef1f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef1f4 75%),linear-gradient(-45deg,transparent 75%,#eef1f4 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.media-canvas-wrap canvas{max-width:100%;max-height:620px;display:block;box-shadow:0 8px 28px rgba(35,48,66,.14)}
.media-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.media-control-grid.is-four{grid-template-columns:repeat(4,1fr)}.media-control-grid label{display:grid;gap:6px;color:#687280;font-size:12px}.media-control-grid input,.media-control-grid select{width:100%;height:40px;padding:0 9px;color:#344050;border:1px solid #dce2e8;border-radius:8px;outline:0;background:#fff;font-size:12px}.media-control-grid input[type=color]{padding:4px}
.media-stat-row{display:flex;flex-wrap:wrap;gap:8px}.media-stat-row span{padding:5px 8px;color:#687280;border-radius:6px;background:#edf1f4;font-size:12px}.media-inline-note{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;color:#637283;border-radius:9px;background:#f3f6f8;font-size:12px;line-height:20px}.media-inline-note>i{width:18px;height:20px;flex:0 0 18px;line-height:20px;text-align:center}
.crop-presets,.watermark-positions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.crop-presets button,.watermark-positions button{height:36px;color:#65707e;border:1px solid #dde3e8;border-radius:8px;background:#fff;font-size:12px;cursor:pointer}.crop-presets button.is-active,.watermark-positions button.is-active{color:#fff;border-color:#317be8;background:#317be8}.watermark-positions{grid-template-columns:repeat(3,1fr)}
.collage-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.collage-item{position:relative;overflow:hidden;border:1px solid #e0e5e9;border-radius:10px;background:#f7f9fb}.collage-item img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover}.collage-item span{display:block;overflow:hidden;padding:7px;color:#596574;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.collage-item button{position:absolute;top:5px;right:5px;width:27px;height:27px;display:grid;place-items:center;color:#fff;border:0;border-radius:7px;background:rgba(32,42,56,.75);font-size:12px;cursor:pointer}
.base64-preview{min-height:270px;display:grid;place-items:center;padding:18px;background:#f3f6f8}.base64-preview img{max-width:100%;max-height:380px;object-fit:contain}.base64-preview p{margin:0;color:#929aa6;font-size:12px}.snippet-tabs{display:flex;gap:7px;padding:13px 17px;border-bottom:1px solid #e6e9ed}.snippet-tabs button{height:33px;padding:0 10px;color:#65707d;border:1px solid #dfe4e9;border-radius:7px;background:#fff;font-size:12px;cursor:pointer}.snippet-tabs button.is-active{color:#fff;border-color:#317be8;background:#317be8}
.entity-options{display:flex;flex-wrap:wrap;gap:8px 15px;color:#687280;font-size:12px}.entity-options label{display:flex;align-items:center;gap:6px}.entity-options input{accent-color:#56657a}
.yaml-editor-grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #dfe3e8;border-radius:15px;background:#fff;box-shadow:0 12px 36px rgba(39,52,70,.05)}.yaml-pane{min-width:0}.yaml-pane+section{border-left:1px solid #e1e5e9}.yaml-pane header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #e7eaed;background:#fafbfc}.yaml-pane header strong{font-size:13px}.yaml-pane header small{color:#9299a5;font-size:12px}.yaml-pane textarea{width:100%;height:560px;display:block;resize:vertical;padding:18px;color:#303946;border:0;outline:0;font:13px/1.75 Consolas,monospace}.yaml-pane:last-child textarea{background:#fcfcfb}.yaml-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.yaml-toolbar button{height:38px;padding:0 11px;color:#596473;border:1px solid #dce2e7;border-radius:8px;background:#fff;font-size:12px;cursor:pointer}.yaml-toolbar button.is-primary{color:#fff;border-color:#56657a;background:#56657a}
.transform-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.transform-actions button{height:42px;color:#596574;border:1px solid #dce2e8;border-radius:9px;background:#fff;font-size:12px;cursor:pointer}.transform-actions button:hover{color:#fff;border-color:#317be8;background:#317be8}.picker-canvas{cursor:crosshair}.picker-color-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid #e0e5e9;border-radius:10px}.picker-swatch{width:64px;height:64px;border-radius:10px;background:#5b4cf0}.picker-color-card strong,.picker-color-card small{display:block}.picker-color-card strong{font:15px Consolas,monospace}.picker-color-card small{margin-top:5px;color:#8e97a4;font-size:12px}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.palette-grid button{min-width:0;overflow:hidden;padding:0;border:1px solid #dfe4e9;border-radius:9px;background:#fff;cursor:pointer}.palette-grid i{height:54px;display:block}.palette-grid span{display:block;overflow:hidden;padding:7px 3px;color:#65707d;font:12px Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.number-base-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.number-base-grid label{display:grid;gap:6px;color:#65707d;font-size:12px}.number-base-grid textarea{width:100%;height:140px;resize:vertical;padding:11px;color:#344050;border:1px solid #dce2e8;border-radius:9px;outline:0;font:13px/1.7 Consolas,monospace}.unit-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.unit-result-grid button{display:grid;gap:4px;padding:12px;color:#4e5967;border:1px solid #dfe4e9;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.unit-result-grid span{color:#8b939e;font-size:12px}.unit-result-grid strong{overflow:hidden;font:13px Consolas,monospace;text-overflow:ellipsis}
.robots-rule-list{display:grid;gap:8px}.robots-rule{display:grid;grid-template-columns:125px minmax(0,1fr) 32px;gap:8px}.robots-rule select,.robots-rule input{width:100%;height:40px;padding:0 9px;color:#344050;border:1px solid #dce2e8;border-radius:8px;background:#fff;font-size:12px}.robots-rule button{width:32px;height:40px;color:#a04d54;border:1px solid #eed8da;border-radius:8px;background:#fff6f7;cursor:pointer}.xml-tree{height:500px;overflow:auto;padding:17px;color:#dce5ef;background:#2c3440;font:13px/1.7 Consolas,monospace;white-space:pre-wrap}.xml-error{color:#ffb7bd}
@media(max-width:980px){.media-tool-grid,.yaml-editor-grid{grid-template-columns:1fr}.yaml-pane+section{border-top:1px solid #e1e5e9;border-left:0}.media-canvas-wrap{min-height:280px}}
@media(max-width:760px){.number-base-grid,.unit-result-grid{grid-template-columns:1fr 1fr}.palette-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.media-body{padding:15px}.media-control-grid.is-four{grid-template-columns:1fr 1fr}.crop-presets{grid-template-columns:1fr 1fr}.collage-list{grid-template-columns:1fr 1fr}.media-actions button{flex:1}.yaml-pane textarea{height:420px}.transform-actions{grid-template-columns:1fr 1fr}.number-base-grid,.unit-result-grid{grid-template-columns:1fr}.robots-rule{grid-template-columns:95px minmax(0,1fr) 32px}}