/* Extend the established palette and bounded phone drawer. */
.elements-controls{padding:24px;background:var(--paper);border-radius:12px;scroll-margin-top:calc(var(--preview-height,290px) + 12px)}
.element-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.element-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:88px;padding:12px;border:1px solid var(--border);border-radius:14px;background:transparent;color:inherit}.element-grid svg{width:42px;height:42px}.element-grid span{font-size:12px}.photo-filter-presets{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.photo-filter-presets button{flex:0 0 auto;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:12px}.photo-filter-presets button.selected{background:var(--accent);color:var(--ink)}.photo-adjustments{margin:18px 0}.photo-adjustments summary{font-size:14px;cursor:pointer}.photo-adjustments .texture-slider{margin:18px 0}.position-tools{margin:18px 0}.position-tools h3{font-size:14px}.alignment-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.alignment-buttons button,.nudge-buttons button{min-height:44px;border:1px solid var(--border);border-radius:10px;font-size:12px}.nudge-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.nudge-buttons button{font-size:22px}.layer-row{max-width:100%}.layer-select{min-width:0}
@media(max-width:960px){.mobile-editor #mobileContent>.elements-controls{display:block;background:transparent;color:#e3edda}.mobile-editor .element-grid button,.mobile-editor .photo-filter-presets button,.mobile-editor .alignment-buttons button,.mobile-editor .nudge-buttons button{background:#263228;border-color:#4a603c;color:#e3edda}.mobile-editor .photo-filter-presets button.selected{background:#c8fa63;color:#111b09;border-color:#c8fa63}.mobile-editor .position-tools{border-top:1px solid #354132;padding-top:16px}.mobile-editor .elements-controls[hidden]{display:none!important}body[data-tool=elements] .action-controls,body[data-tool=elements] .quick-color,body[data-tool=elements] .quick-effects,body[data-tool=elements] .preset-row{display:none}.mobile-editor[data-tool=elements] #mobileContent{display:block}}