@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";.app-container{min-height:100vh;background-color:#fff;font-family:Montserrat,sans-serif}.center-content{display:flex;align-items:center;justify-content:center}.user-form-container{max-width:800px;margin:0 auto;padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.user-form-title{margin-bottom:32px;font-weight:600;font-size:2rem}.user-form-subtitle{margin-bottom:24px;color:#666}.user-form-button{font-size:1.2rem;padding:16px 32px;min-width:200px;border-radius:50px;background-color:#333!important;color:#fff!important;border:none;box-shadow:none;text-transform:none;font-family:Montserrat,sans-serif}.user-form-button:hover{background-color:#000!important;box-shadow:none}.user-form-button:disabled{background-color:#ccc!important;color:#666!important}.gallery-link{margin-top:24px!important;color:#333!important;text-decoration:none!important;font-size:1rem!important}.gallery-link:hover{text-decoration:underline;color:#000}.project-button{width:100%;height:70px;font-size:1rem;white-space:normal;line-height:1.2;border-radius:12px;background-color:#f5f5f5!important;color:#000!important;border:none;box-shadow:none;text-transform:none;font-family:Montserrat,sans-serif}.project-button:hover{background-color:#000!important;color:#fff!important;box-shadow:none}.drawing-canvas-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;padding:8px 16px 24px;justify-content:center;align-items:center;font-family:Montserrat,sans-serif}.drawing-content-wrapper{width:100%;max-width:800px;display:flex;flex-direction:column;gap:24px}.drawing-header{text-align:center}.drawing-title{font-weight:600;margin-bottom:4px;font-size:1.5rem}.drawing-subtitle{font-size:.9rem;color:#666}.canvas-container{width:100%;aspect-ratio:1/1;max-width:800px;max-height:800px;display:flex;align-items:center;justify-content:center;background-color:#fff;touch-action:none;border:1px solid #e0e0e0;border-radius:4px;margin:0 auto}.canvas-svg{width:100%;height:100%;cursor:crosshair}.description-field{margin-bottom:16px;width:100%;color:#000!important}.description-field .MuiOutlinedInput-root{background-color:#f5f5f5}.description-field .MuiOutlinedInput-root:hover fieldset{border-color:#000}.description-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#000;border-width:2px;background-color:#fff}.description-field .MuiInputBase-input,.description-field .MuiInputBase-input.Mui-focused{color:#000!important}.description-field .MuiInputLabel-root{color:#999}.description-field .MuiInputLabel-root.Mui-focused{color:#000}.send-button{font-size:1.2rem;padding:16px 48px;min-width:200px;border-radius:50px;background-color:#333!important;color:#fff!important;border:none;box-shadow:none;font-family:Montserrat,sans-serif}.send-button:hover{background-color:#000!important;box-shadow:none}.send-button:disabled{background-color:#ccc!important;color:#666!important}.drawing-footer-text{margin-top:8px;text-align:center;font-size:.875rem;color:#666}.gallery-container{max-width:1400px;margin:0 auto;padding:8px 16px 24px;min-height:100vh;display:flex;flex-direction:column;font-family:Montserrat,sans-serif}.gallery-header{display:flex;align-items:center;margin-bottom:24px;margin-top:24px;margin-left:20px;gap:16px}.back-button{margin-right:20px;background-color:#f5f5f5!important;color:#000!important}.back-button:hover{background-color:#000!important;color:#fff!important}.gallery-title{font-weight:600;font-size:2rem;margin:0}.filter-container{margin:20px 0;padding:0 20px;display:flex;flex-wrap:wrap;gap:8px}.filter-button{border-radius:20px;background-color:#f5f5f5!important;color:#000!important;border:none;box-shadow:none;text-transform:none;font-family:Montserrat,sans-serif;font-size:.875rem;padding:6px 16px}.filter-button:hover{background-color:#000!important;color:#fff!important;box-shadow:none}.filter-button.active{background-color:#000!important;color:#fff!important}.gallery-empty{text-align:center;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.gallery-empty-text{margin-bottom:24px;color:#666}.create-logo-button{border-radius:50px;background-color:#333!important;color:#fff!important;font-family:Montserrat,sans-serif}.create-logo-button:hover{background-color:#000!important;box-shadow:none}.gallery-grid-container{padding-left:20px;padding-right:20px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;justify-content:flex-start}.gallery-card{height:100%;background-color:#efefef!important;transition:background-color .2s;border:none!important;box-shadow:none!important}.gallery-card:hover{background-color:#fafafa!important}.preview-container{width:100%;height:200px;display:flex;align-items:start;justify-content:center;margin-bottom:16px;border:none;border-radius:4px;overflow:hidden}.preview-image{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.card-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px!important}.card-subtitle{color:#666;margin-bottom:8px}.card-description{margin-bottom:16px;color:#666;font-size:.875rem}.card-footer{display:flex;justify-content:space-between;align-items:center}.chip-date{background-color:#f5f5f5!important;border:none!important}.like-button{color:#666!important;top:16px;right:16px}.like-button:hover{color:#000!important}@media(max-width:600px){.drawing-canvas-container{padding:4px 8px 16px}.drawing-content-wrapper{gap:16px;max-width:100%}.send-button{font-size:1rem;padding:12px 24px;min-width:150px}.gallery-container{padding:4px 8px 16px}.gallery-header{margin-left:10px}.back-button{margin-right:10px}.filter-container{padding:0 10px;gap:6px}.gallery-grid-container{padding-left:10px;padding-right:10px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.user-form-container{padding:16px;max-width:100%}.user-form-title,.project-selection-title,.gallery-title{font-size:1.5rem}.drawing-title{font-size:1.25rem}.canvas-container{max-width:100%;max-height:100vw}}.MuiButton-outlined{border:1px solid #cbcbcb!important;color:#000!important;background-color:#fff!important}.MuiInputBase-input{color:#cbcbcb!important}.description-field{background-color:#f5f5f5!important;color:#000!important;font-family:Inter,Arial,sans-serif;font-size:16px;padding:16px;border-radius:6px;border:none}.clear-button{flex:0 0 auto!important;white-space:nowrap;border:1px solid #e0e0e0!important;color:#000!important;background-color:transparent!important;font-family:Montserrat,sans-serif}.clear-button:hover{border-color:#000!important;background-color:#f5f5f5!important;box-shadow:none!important}@media(max-width:600px){.clear-button,.send-button{width:100%;flex:1 1 auto!important}}
