main{max-width:100%;padding:var(--spacing-md)}.app-layout{display:flex;gap:var(--spacing-lg);width:100%}.controls-container{flex:1 1 500px;min-width:300px;overflow-y:auto}.preview-container{flex:1 1 600px;min-width:320px;display:flex;flex-direction:column;gap:var(--spacing-sm)}.controls-container h2,.preview-container h2{margin-top:0;color:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}input[type=color]{padding:var(--spacing-xs);height:40px;width:100%;border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);background-color:var(--input-bg-color);cursor:pointer}input[type=file]{padding:var(--spacing-sm);border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);background-color:var(--input-bg-color);font-size:.9rem;width:100%;box-sizing:border-box}#albumImagePreview,#backgroundImagePreview{max-width:100px;max-height:100px;margin-top:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);object-fit:cover}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.button-like-label{cursor:pointer;text-align:center}#previewFrame{width:100%;height:100%;min-height:500px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:#fff}.configured-services-ui-list{list-style:none;padding-left:0;margin-top:var(--spacing-sm)}.configured-services-ui-list li{display:flex;align-items:center;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);background-color:var(--card-bg)}.configured-services-ui-list li>i{font-size:1.5em;width:30px;text-align:center}.configured-services-ui-list li span{flex-grow:1;margin-left:var(--spacing-sm)}.configured-services-ui-list li .configured-service-url{font-size:.8em;color:var(--text-muted);margin-left:var(--spacing-sm);word-break:break-all}.configured-services-ui-list .service-item-actions{margin-left:auto;display:flex;gap:var(--spacing-xs)}#serviceFormFields{display:none}small{display:block;color:var(--text-muted);font-size:.8em;margin-top:var(--spacing-xs)}@media (max-width: 900px){.app-layout{flex-direction:column}.controls-container,.preview-container{flex-basis:auto;width:100%}.preview-container{min-height:400px}}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button,.button-like-label{width:100%}}