main{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-lg)}.options-wrapper{flex:0 0 380px;display:flex;flex-direction:column}.controls{background-color:var(--card-bg);border:1px solid var(--border-color);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);display:grid;grid-template-columns:auto 1fr;gap:12px 15px;align-items:center;margin-bottom:var(--spacing-sm)}.controls label{font-weight:500;text-align:right;padding-right:5px;color:var(--gray-700);margin-bottom:0}.slider-container{display:flex;align-items:center;width:100%}.controls input[type=range]{flex-grow:1;padding:0;margin:0;height:20px;cursor:pointer;accent-color:var(--primary)}.scale-value-display{margin-left:var(--spacing-sm);font-size:.9em;color:var(--text-muted);min-width:40px;text-align:right}.controls input[type=text],.controls input[type=number],.controls input[type=file],.controls select,.controls input[type=color]{width:100%;padding:var(--spacing-sm);border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);background-color:var(--input-bg-color);color:var(--text-color);font-size:.9rem}.controls input[type=color]{padding:2px;height:35px}.controls input[type=file]{padding:4px}#addTextButton{grid-column:1 / -1;background-color:var(--primary);color:#fff;border:1px solid var(--primary-dark);cursor:pointer;transition:var(--transition);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500}#addTextButton:hover{background-color:var(--primary-dark)}#saveButton{grid-column:1 / -1;padding:var(--spacing-sm) var(--spacing-lg);font-size:1.1em;background-color:var(--success);color:#fff;border:1px solid var(--success);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);margin-top:var(--spacing-xs);font-weight:500}#saveButton:disabled{background-color:var(--gray-200);color:var(--gray-500);border-color:var(--gray-300);cursor:not-allowed;opacity:.7}#saveButton:not(:disabled):hover{background-color:#05b386;border-color:#05b386}.options-instruction{font-size:.9em;color:var(--text-muted);text-align:left;padding:0 var(--spacing-sm)}#canvasContainer{flex:1 1 auto;position:relative;display:flex;justify-content:center;align-items:center;min-height:300px;background-color:var(--gray-200);border:1px dashed var(--gray-400);border-radius:var(--border-radius);overflow:hidden}#canvasHelpText{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--spacing-lg)}#memeCanvas{display:block;max-width:100%;height:auto;background-color:transparent;cursor:grab}#memeCanvas.dragging{cursor:grabbing}@media (max-width: 768px){main{flex-direction:column;align-items:stretch}.options-wrapper{flex-basis:auto;margin-bottom:var(--spacing-lg)}.controls{grid-template-columns:1fr}.controls label{text-align:left;padding-right:0}.slider-container{width:100%}.options-instruction{text-align:center;padding:var(--spacing-xs) var(--spacing-sm)}#canvasContainer{min-height:200px}}@media (max-width: 480px){.options-wrapper{flex-basis:auto;min-width:0}.controls{padding:var(--spacing-md)}#saveButton{font-size:1em}}