.logo{height:32px;margin:16px;background:#ffffff4d;border-radius:8px}.site-layout .site-layout-background{background:#fff}.content-animation{animation:fadeIn .6s ease-out}.card-animation{animation:scaleIn .4s ease-out}@media (max-width: 768px){.site-layout .site-layout-background{padding:0 12px}.ant-layout-content{margin:12px;padding:16px}.ant-layout-header{flex-direction:column;align-items:flex-start;padding:12px;gap:8px}.ant-layout-header .ant-typography{font-size:18px!important}.ant-layout-sider-collapsed{width:0!important}.ant-form-item-label>label{font-size:14px}.ant-btn{width:100%}.ant-card{margin-bottom:12px}.generated-image{max-height:300px!important}}@media (max-width: 480px){.ant-layout-header{padding:8px}.ant-layout-content{margin:8px;padding:12px}.ant-space{width:100%}.ant-card-body{padding:12px}.ant-typography h4{font-size:16px!important}.ant-input,.ant-select-selector{font-size:14px}.generated-image{max-height:250px!important}}@media (min-width: 769px) and (max-width: 1024px){.ant-layout-content{margin:16px;padding:20px}.generated-image{max-height:400px!important}}.generated-image{transition:transform .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026}.generated-image:hover{transform:scale(1.02);box-shadow:0 6px 20px #0003}.edit-mode{border:1px dashed #1890ff;background-color:#1890ff0d;border-radius:8px;padding:8px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.scale-in{animation:scaleIn .4s ease-out}.pulse{animation:pulse 1.5s infinite}@media (max-width: 768px){body{font-size:14px}}
