.tool-image-placeholder .tool-container {display: flex; flex-direction: column; gap: var(--spacing-xl); margin-bottom: var(--spacing-xl);}
.tool-image-placeholder .panel {background: var(--bg-surface); border: 2px solid var(--border); border-radius: var(--radius-md); overflow: hidden;}
.tool-image-placeholder .panel-header {padding: var(--spacing-md); background: var(--bg-light); border-bottom: 2px solid var(--border);}
.tool-image-placeholder .panel-title {font-weight: 700; color: var(--text-dark); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px;}
.tool-image-placeholder .panel-content {padding: var(--spacing-lg);}
.tool-image-placeholder .settings-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--spacing-md); margin-bottom: var(--spacing-md);}
.tool-image-placeholder .setting-group {display: flex; flex-direction: column; gap: var(--spacing-xs);}
.tool-image-placeholder .setting-group label {font-weight: 600; color: var(--text-dark); font-size: 0.85rem;}
.tool-image-placeholder .setting-group input {padding: var(--spacing-sm); border: 2px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-body); color: var(--text-dark);}
.tool-image-placeholder .setting-group input:focus {outline: none; border-color: var(--primary);}
.tool-image-placeholder .setting-group input[type="color"] {height: 40px; cursor: pointer;}
.tool-image-placeholder .presets {margin: var(--spacing-md) 0;}
.tool-image-placeholder .presets label {display: block; font-weight: 600; margin-bottom: var(--spacing-sm);}
.tool-image-placeholder .preset-btn {padding: var(--spacing-xs) var(--spacing-sm); border: 2px solid var(--border); background: var(--bg-body); border-radius: var(--radius-sm); font-size: 0.85rem; cursor: pointer; margin: 0 var(--spacing-xs) var(--spacing-xs) 0;}
.tool-image-placeholder .preset-btn:hover {border-color: var(--primary); background: var(--bg-light);}
.tool-image-placeholder .preview-container {margin-top: var(--spacing-lg); padding: var(--spacing-lg); border: 2px solid var(--border); border-radius: var(--radius-md); background: var(--bg-body); text-align: center;}
.tool-image-placeholder .preview-container.hidden {display: none;}
.tool-image-placeholder .preview-container canvas {max-width: 100%; height: auto; border: 1px solid var(--border); border-radius: var(--radius-sm);}
@media (max-width: 768px) {.tool-image-placeholder .settings-grid {grid-template-columns: 1fr;}}