.media-source-drop{display:grid;place-items:center;gap:6px;min-height:170px;padding:24px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg, 14px);background:var(--panel);text-align:center;cursor:pointer;color:var(--ink-muted);transition:border-color .15s ease,background .15s ease}.media-source-drop.is-dragging{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.media-source-drop strong{color:var(--ink);font-size:14.5px}.media-source-drop span{font-size:12px}.media-source-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-raised)}.media-source-name{font-weight:600;font-size:13px;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-source-dims{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint)}.media-source-summary .btn{min-height:36px}.media-source-replace{margin-left:auto;cursor:pointer;display:inline-flex;align-items:center}.media-tool-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:20px;align-items:start;margin-top:14px}@media(max-width:899px){.media-tool-layout{grid-template-columns:minmax(0,1fr)}}.media-tool-controls{display:flex;flex-direction:column;gap:14px}.media-tool-panel{background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.media-tool-panel h3{margin:0 0 10px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}.media-tool-panel .field-label{margin:0 0 10px;display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--ink-muted)}.media-tool-panel input[type=text],.media-tool-panel input[type=number],.media-tool-panel select,.media-tool-panel textarea{width:100%;min-height:40px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--ink);font:inherit;font-size:13.5px;box-sizing:border-box}.media-tool-panel textarea{resize:vertical;line-height:1.4}.media-tool-panel input[type=color]{width:46px;height:40px;padding:2px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel)}.media-tool-panel input[type=range]{width:100%;accent-color:var(--accent);min-height:32px}.media-tool-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.media-tool-row>*{flex:1 1 120px}.media-tool-segmented{display:flex;flex-wrap:wrap;gap:6px}.media-tool-segmented button{flex:1 1 100px;min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--ink-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.media-tool-segmented button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.media-tool-preview{background:repeating-conic-gradient(var(--border) 0 25%,transparent 0 50%) 0 0 / 16px 16px;border:1px solid var(--border);border-radius:var(--radius);padding:10px;display:grid;place-items:center;min-height:220px}.media-tool-preview canvas{max-width:100%;height:auto;display:block;border-radius:4px}.media-tool-preview.is-empty{color:var(--ink-faint);font-size:13px}.media-tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.media-tool-actions .btn{min-height:44px;display:inline-flex;align-items:center;gap:6px}.media-tool-progress{font-family:var(--mono);font-size:12px;color:var(--ink-muted)}